Don't want to get left behind? Learn to build with A.I. now 🤖
Back to courses

The CSS Bootcamp: Zero to Mastery

Learn everything from CSS basics to advanced CSS techniques by completing 100+ exercises and projects. You'll learn how to use CSS to create beautiful, responsive websites that wow users and employers. Become a CSS Pro and never create an ugly website again.

45 Days

Average time students take to complete this course.

instructor
Taught by: Jacinto Wong
Last updated: April 2024

Course overview

This CSS course is the most comprehensive and up-to-date way to learn CSS online. It will take you step-by-step from complete beginner to real mastery by learning modern and advanced CSS techniques. Plus you'll be building awesome real-world projects along the way to practice your skills and build your portfolio.

What you'll learn

  • Write and style web pages using HTML and CSS, mastering layout, typography, and color
  • Design responsive websites that look great on any device with media queries, flexbox, and grid
  • Embed multimedia elements like images, videos, and audio to enhance user experience
  • Master advanced CSS techniques, including animations, transitions, and using preprocessors like SCSS
  • Learn professional web development workflows, including version control with Git and using developer tools
  • Create comprehensive web projects, applying design principles and advanced features for fully functional websites

Why Learn CSS?

Let me answer your question...with another question!

Have you ever wondered what makes some websites look really cool while others look lifeless and dull?

Well that's CSS at work!

If you're looking to make a mark in the tech world, be it through creating stunning websites, ensuring seamless user experiences, or optimizing web performance, CSS is your golden ticket. It's more than just code; it's the future of web design, making the internet a more engaging, efficient, accessible, and beautiful place for everyone.

What Is CSS?

CSS, or Cascading Style Sheets, is the unsung hero of the web development world. This nifty stylesheet language is all about jazzing up the web, making sure that everything from the text and buttons, to animations and videos, are visually appealing and in harmony, no matter what device you're viewing them from.

CSS is the magic behind the consistent look and feel of your favorite sites, ensuring that branding is on point and the user experience is top-notch. But it's not just about making things pretty.

It's also the backbone of responsive design, which is super important in today's world! Responsive design allows sites to adapt on the fly to whatever device a person is using, be it a phone, tablet, or desktop.

But my favorite part is still its power to bring pages to life with cool effects like gradients, transitions, and animations—often cutting down the need for heavy images or complex JavaScript.

And CSS isn't just a pretty face! It's a workhorse that, when used effectively, can make websites load faster, rank higher on search engines, and be more accessible.

That's right, it's not just about looking good; it's about performance and inclusivity too.

So, who benefits from mastering CSS? Pretty much anyone in the web development game. From the web developers who lay out the digital canvas, to UI/UX designers crafting intuitive and eye-catching interfaces, to front-end engineers and full-stack developers weaving together the client-side and server-side of web applications. And let's not forget web designers, those creative minds focused on making the internet a more beautiful place!

What Does This CSS Course Cover?

Asking the important questions, I knew I liked you!

If you're a total beginner (or just need a refresher) then the first 3 modules of this course will get you up to speed on HTML fundamentals.

Then we'll quickly dive into CSS essentials, start building projects, and push you to learn the absolute best CSS techniques!

Here's a module-by-module breakdown of what you'll learn in this CSS course:

Module 1: HTML Fundamentals

Introduces the foundational aspects of HTML, covering key topics like HTML elements, their attributes, and semantic markup. Learners are guided through the structure and syntax of HTML, with a focus on understanding how these elements come together to form the backbone of web pages. Practical challenges are included to reinforce these concepts, ensuring a hands-on learning experience.

Module 2: HTML Forms and Text

Delves into the creation and management of forms and text in HTML. This module explores various input types, form validation, and accessibility, as well as the implementation of tables. It features a real-world job application example and presents challenges that allow learners to apply their knowledge in practical scenarios.

Module 3: HTML Media

Focuses on integrating multimedia elements such as images, videos, and audio into web pages. It covers the usage and embedding of these media elements, providing examples and challenges to enhance practical understanding. This module aims to equip learners with the skills necessary to create rich, media-driven content for the web.

Module 4: Introduction to CSS

Serves as a beginner's guide to CSS, explaining its syntax, basic selectors, and core properties. The module also discusses the concepts of the CSS cascade and specificity. Challenges are included to help learners practice applying CSS to web design, with an emphasis on using external frameworks like Bootstrap.

Module 5: CSS Layout Basics

Dedicated to CSS properties that influence layout design, such as margin, padding, border, and display properties. This module offers learners a practical approach to these properties, including a video background example. Challenges are provided to solidify learners' understanding of CSS layout techniques.

Module 6: CSS Practical Examples

Provides hands-on experience in applying CSS to various web design scenarios. It covers topics such as tables, multimedia, forms, and semantic web pages, offering a practical approach to CSS application. This module is designed to enhance learners' skills through real-world examples and challenges.

Module 7: Developer Environment Setup

Guides learners through the process of setting up a web development environment. It covers essential tools and software installations like Visual Studio Code and extensions, introduces version control with Git and GitHub, and explores browser developer tools. This module is crucial for learners to understand the workflow and tools used in web development.

Module 8: Design Principles and Typography

Dives into the essentials of web design and typography, including an introduction into using Google Fonts and Font Awesome icons. This module includes design-related games and exercises focused on styling text with CSS. It also features projects that apply these design principles, enabling learners to develop a keen eye for web aesthetics.

Module 9: Color Theory and Shapes

Explores the use of color and shapes in web design. Learners will understand color theory, accessibility in design, and the implementation of CSS variables through several free tools. The module includes games, color palette and shape generating tools, as well as practical projects to apply color and shape concepts, enhancing the visual appeal of web designs.

Module 10: Responsive Design

Teaches the principles of creating web designs that adapt to various devices and screen sizes. It covers topics like media queries, responsive images, and text. The module includes a project that focuses on building a responsive design, preparing learners to create websites that offer optimal user experience across different devices.

Module 11: CSS Flexbox

Centered around the Flexbox layout model in CSS. It provides a comprehensive understanding through interactive games, examples, and a project that incorporates Flexbox designs. This module is vital for learners to master flexible and efficient layout designs in CSS.

Module 12: CSS Grid

Introduces the CSS Grid layout system. Learners will explore its properties and common layout patterns through practical examples. The module includes a gallery project, allowing learners to apply CSS Grid concepts in a real-world scenario.

Module 13: CSS Transitions

Focuses on using transitions in CSS to create dynamic and engaging web pages. It includes practical projects and tools that help learners understand how to enhance user interfaces with smooth and appealing transitions.

Module 14: CSS Animations

Delves into the world of CSS animations. This module covers animation properties, infinite animations, and various animation tools. Projects like typewriter effects and loading animations are included to provide hands-on experience in creating dynamic mini projects. It culminates with learning about skeleton screen UI, often using to fill layouts of websites loading dynamic content, like Facebook and LinkedIn.

Module 15: Broadcast Graphics

Dedicated to creating broadcast-style graphics and animations using CSS and JavaScript. This module emphasizes dynamic and interactive design, equipping learners with the skills to create visually compelling web content, and refining their animation skills in the process.

Module 16: Advanced CSS Techniques

Explores advanced CSS topics such as pseudo-selectors, AI image generation, gradients, clipping, masking, blend modes, filters, cursor types and more. We will also dive a little bit into Houdini which allows for the extension of CSS functionality. It includes a modern portfolio website project, allowing learners to apply these advanced techniques in a comprehensive web design context.

Module 17: Optimization

Teaches optimization techniques essential for web design. This module covers accessibility testing, media queries used outside of responsive design (for users that prefer dark mode, less motion), and media optimization techniques, focusing on improving website performance and user experience.

Module 18: SCSS (SASS)

Introduces SCSS, a CSS preprocessor that extends the capabilities of standard CSS. This module covers SCSS features like variables, nesting, mixins, functions and control directives, providing a deeper understanding of how we can extend the functionality of CSS with this powerful pre-processor. We will re-factor a previous project to get used to the folder structure and project setup.

Module 19: Final Project

Consolidates all the skills learned in a comprehensive final project. Learners apply their knowledge of HTML, CSS, and SCSS to build a complete website, showcasing their abilities in web development. This module will touch on optimizing media, animations and transitions, contact form functionality, and responsive design.

Module 20: Course Wrap-up

Concludes the course with a summary of key concepts, preparation for CSS interviews, and a guide to advanced resources to challenge yourself as a developer. This module aims to prepare learners for further exploration and professional growth in the field of web development.

You're Getting More Than Just a Course

Yes, we'll take you from absolute beginner to having a top-tier portfolio of CSS projects so that you can get hired as a CSS Developer at your dream company or by dream clients as a freelance developer.

Graduates of Zero To Mastery are now working at Google, Tesla, Amazon, Apple, IBM, Uber, Facebook, Shopify + other top tech companies (seriously, google it. Check reddit. Look on Youtube).

They are also working as top freelancers getting paid while working remotely around the world.

This can be you.

But by enrolling today, you’ll also get to join our exclusive live online community classroom to learn alongside thousands of students, alumni, mentors, TAs and Instructors.

Active. Thriving. Supportive. Helpful. Friendly. Motivating. Essential.

These are just a few of the words students use to describe the ZTM Discord which is also one of the biggest and most active developer communities on Discord.

Most importantly, you'll be learning from industry experts that have actual real-world experience working with CSS and building large-scale web apps for companies around the world.

What's the bottom line?

This CSS bootcamp will take you from beginner to a top 10% CSS Developer!

This course is not about making you just code along without understanding the principles so that when you are done with the course you don’t know what to do other than watch another tutorial... No!

This course will push you and challenge you to go from an absolute beginner in CSS to someone that is able to build your own real-world projects that WOW users and prospective employers 💪.

When's the best time to get started? Today!

There's never a bad time to learn in-demand skills. But the sooner, the better. So start building CSS projects today by joining the ZTM Academy. You'll have a clear roadmap to developing the skills to build your own projects, get hired, and advance your career.

Join Zero To Mastery Now

What you'll build

The best way you learn is by doing. Not just watching endless tutorials. You know that or you wouldn't be interested in this course. The real-world projects that you'll get to build in this course won't just boost your skills and confidence. They'll also look great on your portfolio.

Typographix Website

Typographix Website

Create a full-fledged company website for Typographix with typography, dark mode, responsive design, SCSS architecture, transitions, animations, and more! We'll revisit this project throughout the course to continually incorporate your new skills!

Personal Blog

Personal Blog

We’ll use this blog project to master Flexbox and responsive design. We’ll architecture with multiple HTML pages, screen loading animations, and re-factor it using SCSS architecture. Once complete you'll be able share your new knowledge with the world!

Photography Gallery

Photography Gallery

We’ll dive into the complexities of CSS Grid to create a unique layout that you can customize. Plus we’ll make it feel stylish and interactive with transitions when hovering over images and unique loading animations.

News Broadcast Graphics

News Broadcast Graphics

This is a fun one! You know the animated graphics that appear on news broadcasts? We'll use your new CSS animation skills by creating dynamic graphics that transition smoothly on and off the screen like on a television broadcast.

Developer Portfolio

Developer Portfolio

Projects should help you land your dream job too, right? This portfolio will showcase your knowledge of CSS Grid, Houdini, color palettes, transitions, animations, and responsive design. Plus we'll incorporate skills like AI performance optimization.

+ 5 more exciting projects to practice your new skills

Join Zero To Mastery Now

Course curriculum

To make sure this course is a good fit for you, you can start learning CSS for free right now by clicking any of the PREVIEW links below.

Introduction

7 lectures

The CSS Bootcamp: Zero to Mastery1:15

PREVIEW

Exercise: Meet Your Classmates and Instructor

PREVIEW

Course Overview & Bruno's Introduction

PREVIEW

Where Should You Start?

PREVIEW

Course Resources

BEGIN

Understanding Your Video Player (notes, video speed, subtitles + more)

PREVIEW

Set Your Learning Streak Goal

PREVIEW

Module 1: HTML Overview

7 lectures

Introduction to HTML14:37

PREVIEW

Basic Elements23:14

PREVIEW

Basic Attributes - Part 110:54

BEGIN

Basic Attributes - Part 29:33

BEGIN

Basic Attributes - Part 311:55

BEGIN

Semantic Website16:35

BEGIN

Challenges5:35

BEGIN

Module 2: HTML Forms and Text

12 lectures

Introduction15:41

BEGIN

HTML Forms and Input Types - Part 19:55

BEGIN

HTML Forms and Input Types - Part 28:51

BEGIN

Form Validation and Accessibility - Part 110:17

BEGIN

Form Validation and Accessibility - Part 29:07

BEGIN

Job Application Form - Part 127:43

BEGIN

Job Application Form - Part 211:25

BEGIN

Text Elements - Part 111:38

BEGIN

Text Elements - Part 29:00

BEGIN

Table Example7:14

BEGIN

Challenges5:43

BEGIN

Let's Have Some Fun (+ More Resources)

BEGIN

Module 3: HTML Media

8 lectures

Introduction9:04

BEGIN

Image and Multimedia Elements - Part 111:41

BEGIN

Image and Multimedia Elements - Part 29:40

BEGIN

Audio and Video Examples - Part 110:56

BEGIN

Audio and Video Examples - Part 25:49

BEGIN

Embed Examples11:48

BEGIN

Challenges5:25

BEGIN

Unlimited Updates

BEGIN

Module 4: Introduction to Cascading Style Sheets (CSS)

10 lectures

Introduction to CSS13:26

PREVIEW

CSS Syntax and Basic Selectors10:40

PREVIEW

Basic CSS Properties - Part 113:03

PREVIEW

Basic CSS Properties - Part 212:50

BEGIN

Cascade, Specificity, Inheritance - Part 17:21

BEGIN

Cascade, Specificity, Inheritance - Part 210:22

BEGIN

External CSS (Bootstrap Example) - Part 111:34

BEGIN

External CSS (Bootstrap Example) - Part 25:58

BEGIN

Challenges6:19

BEGIN

Implement a New Life System

BEGIN

Module 5: CSS Layout Basics

8 lectures

Introduction14:01

BEGIN

Box Model Properties - Part 113:37

BEGIN

Box Model Properties - Part 217:19

BEGIN

Position Property - Part 18:48

BEGIN

Position Property - Part 210:46

BEGIN

Display Property9:54

BEGIN

Video Background12:33

BEGIN

Challenges6:07

BEGIN

Module 6: CSS Projects & Practical Examples

9 lectures

Introduction7:53

BEGIN

Table Example14:04

BEGIN

Images and Multimedia Example10:00

BEGIN

Audio and Video Example8:12

BEGIN

Job Application Example - Part 113:35

BEGIN

Job Application Example - Part 28:03

BEGIN

Semantic Website Example - Part 111:41

BEGIN

Semantic Website Example - Part 29:57

BEGIN

Course Check-In

BEGIN

Module 7: Developer Setup

8 lectures

Bruno2:01

BEGIN

Introduction 5:01

BEGIN

Mac / Linux Device Setup5:34

BEGIN

Windows Device Setup6:57

BEGIN

VSCode Setup & Template19:26

BEGIN

VSCode Extensions9:10

BEGIN

DevTools13:56

BEGIN

GitHub14:33

BEGIN

Module 8: Design & Typography

9 lectures

Bruno1:43

BEGIN

=Introduction16:43

BEGIN

Design Games17:48

BEGIN

Styling Text with CSS11:01

BEGIN

Web Typography Basics - Part 110:54

BEGIN

Web Typography Basics - Part 213:26

BEGIN

Font Awesome16:10

BEGIN

Typographix V1 - Part 113:24

BEGIN

Typographix V1 - Part 210:06

BEGIN

Module 9: Utilizing Color

13 lectures

Introduction19:34

BEGIN

Bruno1:40

BEGIN

Color Game7:21

BEGIN

Color Values15:17

BEGIN

Color Schemes & Palettes10:14

BEGIN

Web Accessibility - Contrast Checker4:13

BEGIN

Shadows10:37

BEGIN

Border Radius and Shapes9:08

BEGIN

CSS Variables and Custom Properties16:06

BEGIN

Dark Mode9:53

BEGIN

Typographix V2 - Adding Section Content14:31

BEGIN

Typographix V2 - Section Styling18:26

BEGIN

Typographix V2 - Dark Mode Toggle18:09

BEGIN

Module 10: Responsive Design

13 lectures

Bruno2:01

BEGIN

Introduction9:01

BEGIN

Viewport & Media Queries10:31

BEGIN

Responsive Media9:14

BEGIN

Responsive Text12:00

BEGIN

Navigation Menu12:50

BEGIN

Typographix V3 - Custom Scrollbar9:09

BEGIN

Typographix V3 - Navigation Menu - Part 112:20

BEGIN

Typographix V3 - Navigation Menu - Part 28:21

BEGIN

Typographix V3 - Media Queries (Tablets) - Part 115:34

BEGIN

Typographix V3 - Media Queries (Tablets) - Part 29:02

BEGIN

Typographix V3 - Media Queries (Smartphones) - Part 112:32

BEGIN

Typographix V3 - Media Queries (Smartphones) - Part 211:57

BEGIN

Module 11: Flexbox

17 lectures

Bruno1:29

BEGIN

Introduction8:56

BEGIN

Flexbox Game5:58

BEGIN

Flexbox Containers15:30

BEGIN

Flexbox Items9:10

BEGIN

Common Layouts13:26

BEGIN

Flexbox Gallery6:42

BEGIN

Typographix Blog V1 - Adding HTML - Part 19:00

BEGIN

Typographix Blog V1 - Adding HTML - Part 212:24

BEGIN

Typographix Blog V1 - ChatGPT and AI7:39

BEGIN

Typographix Blog V1 - Styling Main Page - Part 113:59

BEGIN

Typographix Blog V1 - Styling Main Page - Part 210:21

BEGIN

Typographix Blog V1 - Sticky Navigation13:48

BEGIN

Typographix Blog V1 - Article Styling14:09

BEGIN

Typographix Blog V1 - Mobile Responsiveness - Part 14:23

BEGIN

Typographix Blog V1 - Mobile Responsiveness - Part 211:51

BEGIN

Exercise: Imposter Syndrome2:55

BEGIN

Module 12: CSS Grid

11 lectures

Bruno1:34

BEGIN

Introduction9:46

BEGIN

Grid Garden19:33

BEGIN

Grid Containers16:40

BEGIN

Grid Items11:53

BEGIN

Common Layouts14:38

BEGIN

Gallery Layout6:20

BEGIN

Column Masonry13:23

BEGIN

Typographix Gallery V1 - Styling - Part 19:24

BEGIN

Typographix Gallery V1 - Styling - Part 214:46

BEGIN

Typographix Gallery V1 - Modal Functionality14:45

BEGIN

Module 13: Transitions

8 lectures

Bruno1:18

BEGIN

Introduction9:07

BEGIN

Transition Properties14:30

BEGIN

Timing Functions11:17

BEGIN

Transition Tools10:13

BEGIN

Riddles Project16:38

BEGIN

Transition Steps6:38

BEGIN

Typographix Gallery V2 - Transitions18:34

BEGIN

Module 14: Animation

11 lectures

Bruno1:22

BEGIN

Introduction10:17

BEGIN

Animation Properties5:11

BEGIN

Animation Loops (Infinite Animations)19:46

BEGIN

Animation Tools15:52

BEGIN

Typewriter Effect9:00

BEGIN

Loading Animations - Part 114:27

BEGIN

Loading Animations - Part 211:32

BEGIN

Skeleton Screens17:16

BEGIN

Typographix Gallery V3 - Add Loading Spinner11:00

BEGIN

Typographix Blog V2 - Add Skeleton Screen15:09

BEGIN

Module 15: Broadcast Graphics

8 lectures

Bruno1:28

BEGIN

Introduction3:38

BEGIN

Broadcast Graphics Project12:38

BEGIN

Broadcast Graphics - Styling - Part 110:03

BEGIN

Broadcast Graphics - Styling - Part 211:01

BEGIN

Broadcast Graphics - Dynamic Width JS11:38

BEGIN

Broadcast Graphics - CSS Animations17:30

BEGIN

Broadcast Graphics - JS Controls13:41

BEGIN

Module 16: Advanced CSS

22 lectures

Bruno1:32

BEGIN

Introduction9:26

BEGIN

CSS Pseudo Selectors11:23

BEGIN

AI Image Generation6:27

BEGIN

Gradients and Patterns10:14

BEGIN

Clipping and Masking12:43

BEGIN

Blend Modes and Filters16:49

BEGIN

Cursor Types and Custom Cursors9:40

BEGIN

CSS Houdini10:24

BEGIN

Developer Portfolio V1 - Preview3:46

BEGIN

Developer Portfolio V1 - Mockups9:38

BEGIN

Developer Portfolio V1 - AI Generation7:01

BEGIN

Developer Portfolio V1 - Home - Part 116:25

BEGIN

Developer Portfolio V1 - Home - Part 28:51

BEGIN

Developer Portfolio V1 - About17:04

BEGIN

Developer Portfolio V1 - Projects17:27

BEGIN

Developer Portfolio V1 - Contact - Part 113:01

BEGIN

Developer Portfolio V1 - Contact - Part 212:34

BEGIN

Developer Portfolio V1 - Navigation5:17

BEGIN

Developer Portfolio - Responsive Design - Part 111:06

BEGIN

Developer Portfolio - Responsive Design - Part 211:02

BEGIN

Developer Portfolio - Responsive Design - Part 37:38

BEGIN

Module 17: Optimization

8 lectures

Bruno1:19

BEGIN

Introduction9:27

BEGIN

Accessibility Testing - Part 112:26

BEGIN

Accessibility Testing - Part 29:36

BEGIN

Typographix V4 - Media Queries - Part 114:01

BEGIN

Typographix V4 - Media Queries - Part 27:13

BEGIN

Media Queries - Print Example7:19

BEGIN

Developer Portfolio V2 - Media Optimization19:46

BEGIN

Module 18: SASS / SCSS

14 lectures

Bruno1:45

BEGIN

Introduction13:40

BEGIN

Compare CSS, SCSS, SASS12:54

BEGIN

Color Adjustments15:12

BEGIN

Variables, Nesting, Mixins, Extend/Inheritance18:55

BEGIN

Control Directives (for, each, while) - Part 110:24

BEGIN

Control Directives (for, each, while) - Part 212:36

BEGIN

Functions10:42

BEGIN

Typograhpix Blog V3 - Setup - Part 112:41

BEGIN

Typograhpix Blog V3 - Setup - Part 210:03

BEGIN

Typographix Blog V3 - Basic Partials, Dark Mode18:47

BEGIN

Typographix Blog V3 - Most Partials - Part 111:32

BEGIN

Typographix Blog V3 - Most Partials - Part 211:01

BEGIN

Typographix Blog V3 - Media Queries & Testing13:10

BEGIN

Module 19: Final Project

27 lectures

Introduction3:19

BEGIN

Bruno1:28

BEGIN

Typographix Final - Preview4:42

BEGIN

Typographix Final - Gather and Optimize Media8:29

BEGIN

Typographix Final - Project Setup16:36

BEGIN

Typographix Final - Home Section15:03

BEGIN

Typographix Final - About Section (HTML/SCSS)12:47

BEGIN

Typographix Final - About Section (JS)13:14

BEGIN

Typographix Final - Gallery Section - Part 110:18

BEGIN

Typographix Final - Gallery Section - Part 212:24

BEGIN

Typographix Final - Blog Section - Part 114:18

BEGIN

Typographix Final - Blog Section - Part 213:38

BEGIN

Typographix Final - Contact Section - Part 113:14

BEGIN

Typographix Final - Contact Section - Part 28:24

BEGIN

Typographix Final - Form Functionality - Part 110:48

BEGIN

Typographix Final - Form Functionality - Part 211:46

BEGIN

Typographix Final - Footer Section6:57

BEGIN

Typographix Final - Navigation Menu13:09

BEGIN

Typographix Final - Navigation Menu (Animation) - Part 110:32

BEGIN

Typographix Final - Navigation Menu (Animation) - Part 27:46

BEGIN

Typographix Final - Media Queries (Tablets) - Part 112:08

BEGIN

Typographix Final - Media Queries (Tablets) - Part 29:57

BEGIN

Typographix Final - Media Queries (Tablets) - Part 38:46

BEGIN

Typographix Final - Media Queries (Smartphones) - Part 18:34

BEGIN

Typographix Final - Media Queries (Smartphones) - Part 29:56

BEGIN

Typographix Final - Media Queries (Smartphones) - Part 311:43

BEGIN

Typographix Final - Testing & Optimizing5:50

BEGIN

Module 20: Course Wrap-up

4 lectures

Bruno1:47

BEGIN

Course Wrap-up11:18

BEGIN

Preparing for CSS Interviews8:24

BEGIN

Challenges11:40

BEGIN

Where To Go From Here?

6 lectures

Thank You!1:17

BEGIN

Review This Course!

BEGIN

Become An Alumni

BEGIN

Learning Guideline

BEGIN

ZTM Events Every Month

BEGIN

LinkedIn Endorsements

BEGIN

Meet your instructor

Your CSS instructor isn’t just an expert with years of real-world professional experience. He has been in your shoes. He makes learning fun. He makes complex topics feel simple. He will motivate you. He will push you. And he will go above and beyond to help you succeed.

Jacinto Wong

Hi, I'm Jacinto Wong!

Jacinto, a Zero To Mastery Academy instructor, is a self-taught developer working as a Senior Developer. Having been in your shoes, he knows it is possible to upgrade your skills and switch careers without spending excessive time or money.

SEE MY BIO & COURSES

Jacinto Wong

Senior Developer & Designer

Frequently asked questions

Are there any prerequisites for this course?

  • No prior knowledge is required! We'll teach you everything from scratch. If you already know the basics of web development then you can skip ahead.
  • A computer (Linux/Windows/Mac) with an internet connection

Who is this course for?

  • Anyone who feels like they can't build amazing CSS projects on their own
  • Anyone who wants to become a Web Developer, switch careers, or become a freelance Web Developer
  • Developers and Designers who know the basics of CSS but want to deepen their knowledge and improve their skills
  • Programmers who want to learn frontend web development
  • Anyone who needs to add more projects to their portfolio or resume
  • Aspiring and experienced web developers looking to master styling and layout techniques
  • Mobile app developers utilizing CSS for web views or CSS-like languages in apps

Do you provide a certificate of completion?

We definitely do and they are quite nice. You will also be able to add Zero To Mastery Academy to the education section of your LinkedIn profile as well.

Can I use the course projects in my portfolio?

Yes, you’d be crazy not to! That's a key part of this course: building modern, real-world projects that you can customize to build a portfolio that will actually get you interviews and clients!

All projects are downloadable and ready to use the minute you join.

Many of our students tell us the projects they built while following along with our courses were what got them interviews and because they built the projects themselves, they could confidently explain and walk through their work during the interview.

You know what that means? Job offer!

Are there subtitles?

Yes! We have high quality subtitles in 11 different languages: English, Spanish, French, German, Dutch, Romanian, Arabic, Hindi, Portuguese, Indonesian, and Japanese.

You can even adjust the text size, color, background and more so that the subtitles are perfect just for you!

Still have more questions about the Academy?

Still have more questions specific to the Academy membership? No problem, we answer some more here.

Invest in a better you. For less than a coffee a day.

Choose your currency:
$ USD US Dollar
Lifetime
100% OFF$999
$999
Only pay once, ever
You're serious about advancing your career and never getting left behind
Start Learning Now

MOST POPULAR

Save 40% vs. monthly (that's $189 a year)
Annual
100% OFF$279 / year
$23 / month
$279 / year
You're committed to getting hired and starting a career in tech
Start Learning Now
Monthly
100% OFF$39 / month
$39 / month
You're ready to upskill and advance your career
Start Learning Now

Every ZTM membership includes:

Unlimited access to all courses, projects + workshops, and career paths
Access to our private Discord with 400,000+ members
Access to our private LinkedIn networking group
Custom ZTM course completion certificates
Live career advice sessions with mentors, every month
Full access to all future courses, content, and features
100% RISK FREE

We know you'll love ZTM. That's why we provide a no hassle, 30-day money back guarantee.