This is a list of useful links / websites to become a Front-End Web Developer
I hope you find this useful. Please share it with your friends and family and anyone who can benefit
- Introduction to Frontend Web Development:
- Intro to FrontEnd Dev: youtube.com/watch?v=Xd7huBu39qk
- Frontend Roadmap: roadmap.sh/roadmaps/frontend.png
- HTML:
- HTML Crash Course: youtube.com/watch?v=UB1O30fR-EE
- HTML Full Course: youtube.com/watch?v=pQN-pnXPaVg
- SOLOLEARN HTML: sololearn.com/play/html
- CSS:
- CSS Crash Course: youtube.com/watch?v=yfoY53QXEnI
- SOLOLEARN CSS: sololearn.com/play/css
- Javascript
- JS Crash Course: youtube.com/watch?v=hdI2bqOjy3c
- JS in 1 Hour: youtube.com/watch?v=W6NZfCO5SIk
- SOLOLEARN JS: sololearn.com/Play/JavaScript
- Chrome Dev Tools (!Important)
- Tools / Text Editor
- VSCODE Download: code.visualstudio.com/download
- VSCODE Tutorial : youtube.com/watch?v=VqCgcpAypFQ
- VSCODE Extensions: youtube.com/watch?v=Nw968TSSTAo
- VSCODE Tips: youtube.com/watch?v=u21W_tfPVrY&t=37s
- Git / GitHub:
- Git in 100 seconds: youtube.com/watch?v=hwP7WQkmECE
- What is Github: youtube.com/watch?v=w3jLJU7DT5E
- Git and GitHub: youtube.com/watch?v=SWYqp7iY_Tc
- How to use Github: youtube.com/watch?v=HkdAHXoRtos
- Playlist: youtube.com/watch?v=3RjQznt-8kE&list=PL..
- Website Examples - Real world examples:
- Bootstrap
- Crash Course: youtube.com/watch?v=5GcQtLDGXy8
- Playlist: youtube.com/watch?v=5GcQtLDGXy8&list=PL..
- Bootstrap 5: youtube.com/watch?v=I7CfaDYzTVM
- (Must Watch!!!) Traversy Media Playlist - HTML/CSS/JS
- Useful websites for HTML/CSS/JS:
- Responsive Web Design:
- JQuery:
- Playlist: youtube.com/watch?v=jVe1GBCqFIE&list=PL..
- Why you don't need Jquery in 2020: youtube.com/watch?v=RdRMNT-98Oo
- HTTP Requests / Restful API / Ajax / Fetch:
- Ajax: youtube.com/watch?v=RDo3hBL1rfA
- Fetch: youtube.com/watch?v=B2Jt9bNMxyw
- HTTP Crash Course: youtube.com/watch?v=iYM2zFP3Zn0
- What Is A RESTful API: youtube.com/watch?v=Q-BpqyOT3a8
- JSON:
- Javascript ES6:
- Async Javascript:
- SASS:
- TypeScript:
- Intro: youtube.com/watch?v=BwuLxPH8IDs
- Playlist: youtube.com/watch?v=2pZmKW9-I_k&list=PL..
- Single Web apps (intro):
- Angular:
- Crash Course: youtube.com/watch?v=Fdf5aTYRW0E
- Playlist: youtube.com/watch?v=DwTNR3EBSJQ&list=PL..
- Crash Course: youtube.com/watch?v=_TLhUCjY9iA
Useful Youtube Channels
- youtube.com/user/TechGuyWeb
- youtube.com/user/shiffman
- youtube.com/channel/UCSJbGtTlrDami-tDGPUV9-w
- youtube.com/c/CodingTech/playlists
- youtube.com/channel/UCFbNIlppjAuEX4znoulh0Cw
- youtube.com/channel/UClb90NQQcskPUGDIXsQEz5Q
- youtube.com/channel/UC8butISFwT-Wl7EV0hUK0B..
- youtube.com/c/TheNetNinja/playlists
- youtube.com/channel/UCvzlnZbePin9kH-1JCKBt8Q
- youtube.com/c/codedamn
- youtube.com/channel/UCLNgu_OupwoeESgtab33CCw
- youtube.com/channel/UCDCHcqyeQgJ-jVSd6VJkbCw