Build a responsive website from scratch.

Learn how HTML and CSS work in the real world.

You’ve learned the basics of HTML and CSS.
Now what?

It’s one thing to go through a tutorial, but it’s an entirely different thing to build a website from the ground up.

The problem with learning to code by yourself is that while you can follow a tutorial and find answers on Stack Overflow, it’s tough to know how everything fits together.

And worse, you’re not sure if you’re doing things the right way, but there’s no one to ask for help. You just want a clear path to building a basic website from the ground up.

Imagine…

  • Feeling confident enough to build any front-end website, or at least have the tools to research and problem solve.
  • Understanding how CSS position, z-index, and transform work in an actual website.
  • Using keyframe animations and transitions in CSS to build dynamic user experiences.

I’ll take you step-by-step through the process of building a website from scratch with HTML, SCSS, and JavaScript. Plus, I’ll explain my reasoning and decision-making the whole way.

You could spend time trying to figure out web development on your own, with random tutorials.

… Or you can save time and frustration, and learn an efficient system to build front-end websites step-by-step.

Jessica can distill even the most complicated coding concepts down into easy-to-understand lessons. She makes it look effortless. As a teacher myself, I respect how adeptly Jessica is able to equip beginner web developers with coding skills.

Quincy Larson Teacher, freeCodeCamp

A bit about me…

Hi! πŸ‘‹πŸΌ I’m Jessica Chan. I create tutorials for beginner web developers on this blog and on YouTube.

I’ve worked as a full-stack and front-end web developer for over 8 years. And in that time I’ve gotten a lot of experience building websites from designs.

However, as a self-taught developer, when I was starting out I often felt extremely lost and confused. I had to learn everything the hard way, and even had a notebook to keep notes on what I looked up on Google and Stack Overflow.

You can do the same thing, of course, but you could also save some time and learn more efficiently from my years of experience.

The goal of this course is to get you comfortable building a responsive website from scratch. And more than that, feeling like you have the knowledge of how CSS works in the real world.

Here’s what’s in the course:

  • Introduction to npm, Gulp, Sass/SCSS
  • How responsive design works
  • Organizing your files, folders and workflow in VS Code
  • Navigating Figma to understand the design
  • Writing the markup in semantic HTML
  • Writing clean, responsive styles using SCSS
  • Building out functionality using vanilla JavaScript
  • Deploying the website on the internet using Netlify

Jessica is a brilliant instructor who takes so much care to make sure her students learn as much as possible. The way she breaks down concepts and explains details leads to a lot of lightbulb moments!

Matt Studdert Founder, Frontend Mentor

Get updates on the progress & launch!

I’m currently working on creating this course and am anticipating a Summer 2021 launch. Sign up to get course updates and be the first to know when it’s released!

Frequently Asked Questions

Who is this course for?

I recommend that you take this course if you already know the basics of HTML and CSS. Prior JavaScript knowledge is helpful but not mandatory.

Already know Sass/SCSS and responsive design? Awesome! You still may benefit from this course because I’ll show you how to build things in multiple ways using flexbox and CSS grid.

Who is this course NOT for?

If you’re a complete beginner to HTML and CSS, this course may go a little over your head.

Also, if you’re looking for a JavaScript-heavy course, you will be disappointed. We’ll be using JavaScript to build sections like the hamburger menu, but this course is more focused on writing responsive styles with SCSS.

Will this course be paid?

Yes. While I would love to be able to help everyone for free, it simply wouldn’t be sustainable for me.

So yes, this course will be a paid course. But! I am planning on supporting Purchasing Power Parity and other ways to make my course more accessible to everyone.

Will there be an online community for students?

Yes! If you purchase the course, you’ll get access to an exclusive Discord community. It will be a place where you can ask questions and get help from me and other people in the community πŸ™‚

What will the course give me that your YouTube videos don’t?

Honestly, a lot. I do make very in-depth coding tutorials on YouTube, but they’re more of a “live coding” style where I’ll explain things as they come up.

This course, on the other hand, is getting completely written and planned out before recording any video tutorials. I’ll also be covering topics like introduction to npm, Gulp, Sass, and responsive design principles.