0%

Beginner Learning Path
Your Path to Becoming a Career-Ready Web Developer!

Get an introduction to web development, JavaScript, and modern CSS layout techniques to have the skills to be a professional web developer today.

Total time: 39 hours, 30 minutes

Core Coursework

Take these in order
Prerequisite: There are no prerequisites for this learning path, but you should have some familiarity with computers and the Internet
Editor's Note
The Introduction to Web Development course gives you a perspective of the entire development industry. You’ll get a whirlwind tour of all the major pieces of building a website. If you are unsure if frontend development is for you, check out our Bootcamp before starting this learning path.

Complete Intro to Web Development, v3

Brian Holt

Brian Holt

SQLite Cloud
This web development course will take you from building your first website to having the foundation for becoming a professional web developer. Start learning for free!
12 hours, 25 minutes CC
Complete Intro to Web Development, v3
Editor's Note
Use CSS to layout and visually style web pages so your websites are functional and look great!

Getting Started with CSS

Jen Kramer

Jen Kramer

AnnieCannons
Get to know CSS in the right way without the fluff. You'll style text, build navigation bars, headers/footers, add icons, and more!
3 hours, 19 minutes CC
Getting Started with CSS
Editor's Note
With a perspective on the entire Web Development industry, you’ll want to learn the basics of programming in JavaScript, the most popular programming language in the world!

Getting Started with JavaScript, v2

Kyle Simpson

Kyle Simpson

You Don't Know JS
Get a tour of the building blocks of programming like variables, loops, functions and operations. Then learn the three main pillars of JavaScript.
2 hours, 36 minutes CC
Getting Started with JavaScript, v2
Editor's Note
Reinforce your CSS fundamentals and go beyond the basics by applying modern styling techniques to a variety of responsive layouts.

CSS Foundations

Fast-track your CSS learning to build professional, responsive websites. Master core concepts and practical layouts with Flexbox and Grid through engaging hands-on exercises.
3 hours, 56 minutes CC
CSS Foundations
Editor's Note
Now that you’ve learned the basics of JavaScript and CSS, it’s time to learn enough JavaScript to be productive and build interactivity into your websites.

JavaScript: From First Steps to Professional

Anjana Vakil

Anjana Vakil

Software Engineer & Educator
Take your first steps into the wide world of JavaScript and walk away with the core skills needed to become a professional JavaScript programmer!
14 hours, 19 minutes CC
JavaScript: From First Steps to Professional
Editor's Note
Congrats! Learning JavaScript is not easy. Now ensure the content on your website is accessible and available to a broader range of users and input devices like screen readers and keyboards.

Website Accessibility, v2

Jon Kuperman

Jon Kuperman

Cloudflare
Learn how to audit & fix website accessibility issues. Learn keyboard accessibility, focus control & ARIA roles to make websites accessible to screen readers.
2 hours, 52 minutes CC
Website Accessibility, v2
Editor's Note
There are a few optional courses below. Learn how to use browser developer tools and ways to make your content search engine optimized. For anyone starting their career or transitioning between jobs, learn how to market yourself to potential employers.

Elective Coursework

Optional, take in any order

Getting a Software Engineering Job, v3

Comprehensive guide to securing a software engineering job. Optimize your resume, GitHub profile, and LinkedIn. Prepare for technical interviews with advice from Jerome, who’s helped 300+ developers get jobs!
Getting a Software Engineering Job, v3

Web Development Project: Personal Portfolio Website

Create a personal portfolio website from scratch using HTML and CSS. Master responsive design techniques, CSS layout tools, and best practices for showcasing your work across devices.
Web Development Project: Personal Portfolio Website

Introduction to Dev Tools, v3

Master built-in dev tools to step through your code with the debugger, audit web page performance, and remove “page jank” when a site isn’t keeping up. Learn more!
Introduction to Dev Tools, v3

Modern Search Engine Optimization (SEO)

Learn how to drive organic traffic to your website by mastering search engine optimization. In this course, you'll get a deep-dive into SEO.
Modern Search Engine Optimization (SEO)

What They're Saying

I'm taking courses on the Frontend Masters Beginner learning path, and Brian Holt is great. His course website is informative and interactive.
Zhenis Pir

Zhenis Pir

ZhenisPir

Learn Straight from the Experts Who Shape the Modern Web

  • In-depth Courses
  • Industry Leading Experts
  • Learning Paths
  • Live Interactive Workshops
Get Unlimited Access Now