Responsive Design for Beginners

You’ve learned the basics of HTML and CSS… now what?

Sure, you can follow a tutorial and have gotten pretty at Googling to find answers, but the thought of starting a completely new website project terrifies you.

You’re doing the best you can learning bits at a time. But you feel like you’re stuck trying to fix weird CSS issues more often than you’re successfully writing code.

Where do you even begin?

Imagine…

• Not being stuck staring at your blank VS Code editor, but knowing how to jump in and start creating your website files.
• Being able to translate Figma design files into a front-end website that looks good on all devices.
• Knowing how to utilize features like Sass modules, mixins, CSS custom props and more.
• Feeling comfortable using both flexbox and grid, and knowing when to use each.
• Not writing spaghetti code, but organizing your SCSS files and writing styles in a way that makes sense, even weeks or months later.
• Understanding how CSS works, even some of the quirkier (ahem, more frustrating) parts.

Sounds great, but how do you get there?

Hi there! 👋🏼 I’m Jess Chan.

I create tutorials for beginner web developers on YouTube. But in my previous life, I worked for 8 years as a web developer for advertising and marketing companies.

Also, you might not know that I’m also a self-taught developer. I didn’t get a computer science degree or even go to a coding bootcamp.

It was incredibly tough starting out. I often felt extremely lost and confused, spending literal hours Googling and desperately trying different solutions to fix bugs.

Over the years, I learned more about how CSS worked, and why it would behave in very weird ways sometimes. And I became something of a specialist in taking a design file and turning it into a custom, responsive website.

I understand the problems beginners face, because I was there myself.

And I can help you so that you don’t have to be stuck on your own.

In this course, 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 can do the same thing on your own, of course, but I can help save you time by teaching you an efficient approach to building websites.

My ultimate goal is for you to hit a point where you feel confident in your CSS skills, and comfortable in your ability to research and problem solve— even for things you don’t know off the top of your head.

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

Get updates on the progress & launch!

This course is unfortunately not out yet– I’m still working on it, and should be launching sometime in 2023.

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 through my website, 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.