Front-End Developer Roadmap

The complete guide to become a front-end developer in 2020

Essentials

HTML

Overview · Code editors · Web Page Structure · Semantic Elements · Forms

CSS

Overview · Basic CSS Selectors · Box Model · Display Property · Positioning · Flexbox · Grid · Responsive layouts · Advanced CSS Selectors · Specificity

JavaScript Essentials

Overview · Objects · Functions · Arrays · Loops and Iterations · Scope

JavaScript and the DOM

The DOM · Interacting with the DOM · Events

Asynchronous JavaScript

JSON · Asynchronous JavaScript · Fetching data

Essential Tools and Basic Deployment

Browser developer tools · Version control with Git · Web Hosting Overview

Intermediate

Modern JavaScript with ES6+

Overview · Arrow Functions · Promises · Async/Await · Template Literals · Destructuring

Choose a Framework

How to choose your JavaScript framework? · Vue.js overview · React overview · Angular overview · Other frameworks

Vue.js Roadmap

React Roadmap

Angular Roadmap

Additional Tools (available soon)

Build Tools (available soon)

Modern CSS (available soon)

Advanced

Advanced JavaScript (available soon)

Testing (available soon)

CI/CD (available soon)

Web components (available soon)

Optional paths (available soon)

Back-End Developer

Mobile App Developer

Desktop App Developer

  • © 2020, TechMastery.io
  • License
  • Terms
  • Privacy