Web development roadmap & trends 2021

Collection of useful video courses and list of resources which helped me to create roadmap.

Video tutorials:

HTML (Basics):

• HTML Basics (Hindi)
• HTML Semantics
• HTML semantics
• HTML accessibility / ARIA

CSS (Basics):

• CSS Basics (Hindi)
• CSS Flex
• CSS Flex (Hindi)
• CSS Grid
• Tailwind Css

JavaScript (Basics):

• JavaScript
• ES6
• JavaScript Design Patterns
• Javascript Algorithms

JavaScript (Additional):

• TypeScript

JavaScript (Frameworks):

• React
• VueJS
• Angular
• Svelte

JavaScript (State Management):

• React Redux

• React MobX

• Vuex

• Ngrx

• RXJS

JavaScript (Back-end):

• Node Js (Crash course / Hindi)
• Node Js complete course
• Express Js
• Nest Js
• Deno Js

Testing (Basics):

• Jest
• Jasmine
• React Testing Library

Tools:

• Basic terminal commands
• Webpack
• Git

Mobile app development:

• React Native
• Native Script
• Flutter

Desktop app development:

• Electron

Resources used in videos:

• CSS Flexbox
• CSS Grid
• Accessibility
• Data Structures
• Algorithms
• WebAssembly
• JAMstack
• Web Components
• CSR vs. SSR

Statistics:

• Stack Overflow Developer Survey 2020
• State of Front-end 2020
• StateOfJS
• The State of Developer Ecosystem 2020
• JavaScript and Web Development InfoQ Trends Report 2020
• Web Development Trends and the Latest Web Technology Stacks in 2020
• Front End Development Trends 2020

Validate HTML online

• https://validator.w3.org/
• https://www.freeformatter.com/html-validator.html

Download roadmap

Download Roadmap