Web development in 2021: a quickstart guide to become a modern web developer

Описание

This guide will show you my recommended path to become a web developer in 2021.
Do you want to learn all this: check out my udemy course: https://www.udemy.com/course/mern-stack-complete-full-stack-apps-from-scratch/?referralCode=3CF0931F54A6CB83B1A5

Timestamps:
00:00 intro
00:40 Different paths into webdev
01:32 Tools of the trade
03:58 HTML & CSS
06:27 JavaScript
11:08 Coding tools
12:03 Terminal, Git & GitHub
16:35 Hosting
19:17 Soft skills
22:43 Back ends
25:53 Advanced JavaScript
28:25 Node & NPM
31:15 Node & ExpressJS
33:46 MongoDB & Mongoose
37:41 Hosting servers on Heroku
39:43 Web security and user accounts
44:13 Front ends
45:03 Advanced HTML & CSS
47:42 Advanced CSS layouts
49:57 SASS
51:45 DOM manipulation
52:55 Advanced JavaScript
53:42 Node & NPM
54:00 Module bundlers / Parcel
56:49 React / frontend frameworks
1:01:04 Other platforms
1:04:10 Outro

BASIC SKILLS

HTML & CSS
https://www.youtube.com/watch?v=yXJVmqpVhTA
https://www.youtube.com/watch?v=1PnVor36_40
JavaScript
https://www.youtube.com/playlist?list=PLJM1tXwlGdad9e57Nf_iIfskFaXD-KtV5
Coding Tools
Emmet: https://www.youtube.com/watch?v=uCNgWcKrFfQ
Prettier: https://www.youtube.com/watch?v=h3PJjP0nE98
ESLint: https://www.youtube.com/watch?v=qhuFviJn-es
Git & Github
https://www.youtube.com/watch?v=SWYqp7iY_Tc
Hosting
https://www.youtube.com/watch?v=bjVUqvcCnxM
Soft Skills
https://www.amazon.com/Soft-Skills-software-developers-manual/dp/1617292397

BACK END

Advanced JavaScript
https://javascript.info/
Node & NPM
https://www.youtube.com/watch?v=jHDhaSSKmB0
Node & ExpressJS
Node: https://www.youtube.com/watch?v=fBNz5xF-Kx4
NPM: https://www.youtube.com/watch?v=jHDhaSSKmB0
MongoDB & Mongoose
https://www.youtube.com/watch?v=WDrU305J1yw
Hosting servers on Heroku
https://www.youtube.com/watch?v=aUW5GAFhu6s
Web security and user accounts
https://www.youtube.com/watch?v=4YOpILi9Oxs
https://www.udemy.com/course/mern-stack-complete-full-stack-apps-from-scratch/?referralCode=3CF0931F54A6CB83B1A5

FRONT END

Advanced HTML & CSS
https://www.youtube.com/playlist?list=PL4cUxeGkcC9ivBf_eKCPIAYXWzLlPAm6G
CSS layouts
https://www.youtube.com/playlist?list=PL4cUxeGkcC9g9Vh9MAA-XKnfJsWZnPZFw
SASS
https://www.youtube.com/watch?v=Zz6eOVaaelI
DOM manipulation
https://www.youtube.com/playlist?list=PLWrdF35wo-ISLXL9R7khxtpZ17jCsmeiv
Advanced javascript
https://javascript.info/
Node & NPM
https://www.youtube.com/watch?v=jHDhaSSKmB0
Module bundlers / parcel
https://www.youtube.com/watch?v=DYZTFooDB24
React / frontend frameworks
https://www.youtube.com/watch?v=FNnhEBDYBr8
Other platforms
PWA: https://www.youtube.com/watch?v=sFsRylCQblw
Electron: https://www.youtube.com/watch?v=kN1Czs0m1SU
React native: https://www.youtube.com/playlist?list=PL4cUxeGkcC9ixPU-QkScoRBVxtPPzVjrQ