Crypto + Web 3 for Creatives artwork

Crypto + Web 3 for Creatives

Intermediate
Course

Our crypto course shows you how to code websites that interact with the Ethereum blockchain and smart contracts in a practical, real-world, no-hype, no-BS, ethical way.

Purchase this course for $299 $179.40
with 40% off, last chance!

Or... get a discount by building a bundle with our learning paths!

Crypto is one of largest shifts in how the web works in decades... to the point where people are calling this new phase 'Web 3', but what is this shift and why is it happening?

Crypto lets data be completely decentralized so that there isn't one company or service holding all the cards. If, say, Instagram shuts down tomorrow, all your Instagram data is lost forever... this does not happen with crypto as everything is permanently stored online publicly. This lets us as creatives make brand new concepts that were previously thousands of lines of complex coding much simpler (or concepts that just didn't exist at all!). Crypto lets you remix projects like never before and for us, it's one of the largest movements since the open source movement.

View this courses environmental and ethical policies

What you’ll learn

How to create your own custom NFT platform and let people mint, buy and sell directly from you

How to move from standard web technologies ("Web 2.0") to Web 3 technology

How to create a decentralized social network that allows you to connect your digital wallet to websites, allowing you to log in without needing a back-end service

How to create your own digital currency for a social network where people can tip each other and have access to features based on how much of the social network's currency they have

How to create your own smart contracts, test them, and deploy them to Ethereum

Learn how to work with React.js, Next.js, Solidity and more!

What you’ll get

8+ hours of video lessons – Practical, go-at-your-own pace learning

Access the community – Join our Slack and connect with thousands of SuperHi students and alumni

Continued help – Help from our expert teachers and educators with years of experience in the industry

Real world projects – Projects and code that you can alter and remix to add to your own sites and portfolio

Resources – Resources to get you started and going post-course

Who this course is for

Anyone who wants to better understand how to incorporate Web 3 and crypto techniques into coding websites.

We recommend you already have some front-end experience building websites with HTML, CSS and Javascript in order to get the most out of this course. Starting with our Foundation HTML, CSS + JS course and Javascript for Designers course will be sufficient.

Most of our students work in the creative and tech industries, but you can work in any industry to join the course. This is not a get-rich-quick type course but a course for adding value to the internet and its communities.

What you’ll need

All the tooling that we need for this course is completely free to download. You may want to buy some Ethereum to deploy any projects to the main Ethereum blockchain, but this isn't necessary for this course.

  • VS Code or a code editor of your choosing

  • Metamask – a digital wallet which is installed as a browser extension

  • A Github account to store your code online

  • A Vercel account to host your final websites

  • An Infura account to let people who don't have a digital wallet interact with your sites

Want to try our teaching before signing up? Join our free 'Plan, Design + Code Your First Website' course!

Syllabus

Chapter 1

Helen Christou

In this first project you'll add a tip jar to a portfolio website – a super simple way to accept money without having to use PayPal, Stripe, or any other payment gateway.

We'll lay the groundwork on what exactly crypto is, why we would use Ethereum, how to connect a digital wallet to the Ethereum blockchain, and how to transfer Ether payments to other digital accounts.

Chapter 2

Potstop

Potstop is a completely decentralized social network – one of the under-appreciated and under-hyped benefits of building on the Ethereum blockchain is the ability to have accounts that you can take with you. No more lock-in to a big company!

In a standard web project, we would need to create our own user account system but there's no need to do this with digital wallets. In this project, we'll be showing you how to connect your digital wallet to sites to allow you to login without needing a back-end service, how to verify if someone is who they say they are, and let our community tip each other.

Chapter 3

Prism

Smart payments! For us, the most exciting thing about crypto is the ability to make complex payments really simple. We'll be launching a band's new album as a 100-copy limited edition with 20% of revenue going to charity.

In the past, this would be thousands of lines of code and you'd usually have to integrate a third party API like Stripe. Now it's only 40-odd lines and a million times more readable.

Chapter 4

Planetary

NFTs – you may have heard of these... For some, they're the next big way to own things; for others, they're for others who want to spend money on JPGs. However, there's more to NFTs than this.

Even if you hate or don't grasp the reasoning for buying digital art, the concept of being able to prove ownership of a digital item will get more common. For example, we don't do this yet but we could offer our students digital certificates of completion to prove they finished this course to an employer.

In this project, we'll create our own NFT platform and let people own a part of our project.

Chapter 5

W-I-P

Crypto communities and DAOs like Friends With Benefits let their members join by buying their very own digital currency called $FWB. These 'coins' are built on top of the Ethereum blockchain but the value of the currency is totally up to you and your community!

In this project, we'll create our own photography community built on top of our own coin, the $WIP, which we can send to others for being strong community members. We will also set up thresholds so your members need a set number of $WIP to access certain features.

Again, in a standard 'web-app' site, this kind of site build would be thousands of lines of complex code, whereas with crypto and Web 3 technology, we can not only make these communities a lot quicker but it also allows others to build projects that work on top of our very own digital currency too!

Your instructors

Our instructors have decades of professional experience, have spoken at international conferences and have won countless web design awards.

Rik Lomas

Rik (he/him) is a Mancunian coder, teacher and CEO of SuperHi. He was the co-founder of Steer (a code school in London) and has taught several thousand people to code. He is a bit too old to be posting memes on our social media and recently featured as a Sour Patch Kid in the Macy's Thanksgiving Parade.

You might also like...

$41.40 (40% off)

Introduction to 3D Modeling and 3D Printing

Beginner

Learn the basics of 3D Modeling & 3D Printing and bring your ideas to life!

$41.40 (40% off)

AI Integration for the Web: ChatGPT Workshop

Intermediate

Join us for an 80 minute, on-demand workshop, where you'll learn how to seamlessly integrate OpenAI's ChatGPT into your web app project.

$179.40 (40% off)

Intro to Full Stack Javascript

Intermediate

An intermediate-level, 12 hour JavaScript and React.js course designed for budding full stack developers and folks who want to build big things.

Still looking around?

View our growing collection of resources, articles and tutorials. We're adding new things to read, learn and watch every week!

INTERVIEW

Catching Up With... Kelsey Gilbert-Kreiling

Agency co-founder, podcast host, and author Kelsey Gilbert-Kreiling chats to us about finding small acts of creativity to unblock your creative spirit, working with celebrity clients, and her latest work: publishing a book and a course.

ADVICE

Ask a Designer #17: How do I communicate design decisions?

How do you communicate your design decisions without sounding defensive? Here's the shift of mindset you might need to stay honest while avoiding conflict or feeling criticized.

ARTICLE

How to Land Your First (or Next) Remote Job

Ana Wang explores whether or not a remote job could be right for you, and shares tips and resources for getting your first (or next) remote job.

FAQs

If you're comfortable working with a computer, then yes!

Learning new and improving your existing skills is about being patient with yourself, building up your knowledge, developing confidence through practice, and with time. We've seen our students around the world do it, and so can you.

Our beginner courses are designed for people new to the subjects. They grow your understanding so you grasp everything you need to start applying your new skills and will also give you a path to dig deeper if you want.

Our teaching style is practical and straightforward and you'll have support from our expert instructors and community for as long as you need.

Still not sure if learning to code is right for you? Take our free Plan, Design + Code Your First Website course or dive into our First Steps to Code guide.

We have quite a lot of students that join us and have done some coding before but want to build up confidence and techniques.

In order to help get you where you'd like to be, have a look at the sites below to see which course you can make from scratch, without any help at all.

Baker & Brown – If you struggle to make this website from scratch, don't worry! We recommend you start off with our Foundation, HTML, CSS + Javascript course.

Jenna Buchholz – If you struggle to make this website from scratch, it's all good! We recommend you start off with our Javascript for Designers course.

Super Shapes – If you struggle to make this website from scratch, have no fear! We recommend you start off with our Advanced CSS + Javascript course.

All of our courses are unlocked and available for students to start their learning and go at their own pace. We do have a suggested weekly structure for some courses, which helps some students stay on track. However, you're definitely free to jump ahead or take as long as you need!

As soon as you checkout and pay, you'll have all the courses you paid for, in your student dashboard available to you immediately. If you're busy and can't start right away - no worries, you can pick it back up later.

At SuperHi, we provide online courses designed for creatives and made for everyone. Take a course on Code, Design, or Project Management 😊

The proof is in the pudding! Our students go on to make their own beautiful sites and some of their stunning work have won digital design awards. Take a look at our Hall of Fame to see some of the sites our students have built, many of which had only taken our Foundation course!

If you're a SuperHi student or alumni and would like to submit your project to be included in our Hall of Fame, please feel free to submit it here.

Yes, we do! All you'd need to do is send the links to your completed projects over to hi@superhi.com at the end of your course. We will review them, provide feedback if necessary, and then issue your certificate!

All our course videos are taught using the SuperHi Editor, but you'll be able to apply everything you'll learn to a code editor of your choice. Many students go on to use other code editors, for example, if their workplace has an existing standard.

Our SuperHi Editor is designed with many smart features to help avoid wasted time looking for things like a typo or missing bracket (which is why we made it!), but the same code concepts apply to any editor.

Yes! You can use your own custom third-party domains and connect them to your sites built with our SuperHi Editor. Additionally, all SuperHi sites come with free SSL Certificates for added protection.

Here's more information on how to connect a third-party domain