Find the perfect coding resourcesLearn more

The Frontend Developer Career Path

ScrimbaScrimba
Recommended
Meet Your Instructors
Treasure Porth avatar

Treasure Porth

Instructor

Treasure has been working as a software engineer and teaching code since 2015, when she switched careers after attending a free local bootcamp. She tries to make every subject as simple and accessible as possible, and is passionate about affordable education and helping others break into the tech industry.

81h 36m

Format

Interactive coding

Subscription

What You'll Learn

HTML fundamentals and semantic markup

CSS styling and modern layout techniques

JavaScript fundamentals and ES6+ features

React library for building user interfaces

Responsive web design for all screen sizes

Overview

This career path aims to turn you into a job-ready frontend developer in less than six months. The curriculum is curated by Mozilla MDN to ensure that it always aligns with the latest industry standards and best practices for modern frontend development, as outlined in their MDN Curriculum. It is based on extensive research into what new hires need to know to succeed in the industry. You'll gain a well-rounded skill set balanced between modern tooling such as React and GitHub, and evergreen best practices such as semantic HTML, JavaScript fundamentals, and accessibility. You'll also build more than a dozen portfolio projects, and solve 100s of interactive coding challenges. The path is fully self-paced, so you can choose whether you'd like to do it part-time or full-time. About MDN: Mozilla MDN has relentlessly pursued its goal of documenting the web platform since 2005, becoming one of the essential and most well-respected resources for professional frontend web developers around the globe. It boasts over 12,000 pages of English language documentation providing exhaustive references for HTML, CSS, JavaScript, HTTP, and other technologies, descriptive guides and tutorials, interactive code examples, and much more.

Table of Contents
1
Welcome to the career path23 min

Get prepared. In this module, you'll meet your teachers, learn how Scrimba works, and build your first web app.

2
Web dev basics6.2 hrs

Learn the very basics of HTML and CSS. Start creating layouts, and style them how you want.

3
Making websites interactive9.6 hrs

Combine your newly acquired HTML & CSS skills with Javascript. This will allow you to create interactive websites.

4
Accessible development95 min

Learn to build websites that are accessible to as many users as possible.

5
Essential CSS concepts4.5 hrs

In this module, you'll level up your CSS skills, and build a neat NFT site.

6
Essential JavaScript concepts10.6 hrs

In this module, you'll level up your JavaScript skills and build three super-cool apps.

7
Responsive design4.6 hrs

This module teaches you how to make your websites work well on all screen sizes, a critical skill for any frontend developer.

8
Code reviews22 min

Learn what code reviews are, why they matter, and how to give successful code reviews.

9
Working with APIs7.6 hrs

Web APIs are the backbone of the web. In this module, you'll learn to use it, and build several different projects.

10
User interface design2.5 hrs

In this module, you'll learn how to build apps that both look good and work well.

11
React basics15.3 hrs

Learn the most popular library for building user interfaces. This will increase your productivity by an order of magnitude. This section has been updated to the latest Learn React 19 content.

12
Advanced React13.3 hrs

Level up your React JS skills to a professional level.

13
Getting hired5.1 hrs

Learn to nail the coding interview, and get your first job.

Share Your Experience

Sign in to leave a review and help others

No reviews yet. Be the first to review!