Beginner Course Free course!
Plan, Design + Code Your First Website
This free course is go-at-your-own pace and has 4+ hours of video lessons that will teach you, from start to finish, how to get your very first website online. It's an introductory, crash course to learn a range of new creative, digital skills so that you can start making things online for fun or take your career to the next level.
We'll cover project management essentials and how to work with clients, how to wireframe and then design a visual brand and website using Figma, and finally, how to code your design from scratch using HTML, CSS and the SuperHi Editor (free access included!)
The course project will be a client looking to get their portfolio online. You can also remix this course to get your own website (or a friend's) online too!
Start learning today!
What you'll learn
How to work with a client and set up a project plan
How to design a brand using Figma — we'll cover fonts, colors and how to create a logo, even if you're not a designer
How to code your website from scratch — learn the basics of HTML and CSS using our intelligent code editor, the SuperHi Editor
How to plan and wireframe your design — we'll be creating a 3-page website including a contact form
How to convert your wireframe into a design using Figma
How to get your website online including a walkthrough on domains and hosting
Here’s how we’re different...
Support that actually helps.
Learn together: there's a Q+A section on every page for any questions as you work through the course. With our team based worldwide, we can support you whether you're coding early in the morning or late at night.
Real-world projects you'll want to create and remix.
Our course is practical, unlike other programs that take forever before you make your first real-world project. We care about design and focus on creative industries — it's not a computer science lecture, you're learning to make projects you'd want to make.
Structured, and flexible.
Our course is set-up to deliver real projects — no bullshit! — and we designed it so it’s totally flexible. While you can learn at your own pace, we’ll be here to guide you through-out your learning.
You don't need to be creative to take our courses, but everything we do is focused on making beautiful sites you actually want to make. This isn't your average online school — we focus on the practical aspect of learning.
Who is the course for?
This course is made for anyone who's curious about the world of technology, design and code and is interested in making things on the internet, no previous experience necessary!
You could be interested in taking the first steps to a digital freelance career, or looking to get creative and build your own website from scratch. From designers looking to dip their toes into code, to aspiring project managers wanting to work in creative fields — if you've been interested in making a career change and aren't sure which direction you want to take, we're here for you. We made this course for everyone who's creative and curious.
This is an introductory course and you don't need any prior knowledge — just the desire to make something and learn new skills.
Want a breakdown of what the course covers + what you’ll learn? Get the syllabus PDF.
Everything you need to build a website from scratch…
Introducing the SuperHi Editor — an intelligent code editor, designed to make coding easier.
At SuperHi, not only do we teach people how to code. We design and create products that rethink how people should code.
The SuperHi Editor is a code editor, designed from scratch, that hosts all your files in one place and publishes your sites to the web with the click of a button. Get quick tips like spellcheck and color selection while you type. Any questions? Ask Wilson, our AI-powered assistant, and get answers right in the editor.
Start learning today!
Our students work at…
What our lovely students say…
This course is self-paced and you get all the lessons as soon as you sign up
Join thousands of students from over 90 countries and in 16 time zones worldwide also learning with SuperHi.
Meet your instructors
Our non-nerdy instructors have decades of professional experience, spoken at international conferences and have won countless web design awards.
Rik is the founder and CEO of SuperHi, previously co-founder of code school Steer and first instructor at General Assembly London. He has taught several thousand people over the last 6 years.
Ana enjoys simplifying the complex, so here she is at SuperHi, producing content to help creative people learn and grow, using herself as an observer and experiment.
Wilson is our artificially intelligent helper. Ask him anything. He doesn't have any social media profiles but one day he will run the company.
Already know the basics? Try one of our other courses
Looking for something more in-depth? Check out all our other courses that we have to offer — different materials, same SuperHi style.
Digital Project Management
Our flexible, 8-week Digital Project Management online course is made for people who want better ways to work with humans and complexity to run happier projects.
Visual Design + Branding
Our flexible, 8-week online course provides a design foundation in responsive web design, user interfaces and branding. It’s aimed towards those who want to improve their digital design skills, understand what makes designs effective and design with confidence.