Web Dev Resources.md

Resources for Frontend (Web) Development

HTML Related Resources

1. W3SCHOOLS Tutorial on HTML
2. Free Code Camp Responsive Web Design Certification (300 hours)
3. HTML in one video
4. Traversy Media Crash Course

CSS Related Resources

1. W3SCHOOLS Tutorial on CSS
2. Free Code Camp Responsive Web Design Certification (300 hours)
3. CSS in one video
4. Traversy Media Crash Course
5. Flexbox Tutorial

Net Ninja Crash Course

Apna college Playlist

Code with Harry Playlist

Channel for mastering CSS

JS Resources

1. Code with Harry JS playlist

React JS Resources

1. Documentation
2. Code with Harry playlist
3. Chai aur Code playlist

Resources for Backend (Web) Development

These resources compiled by Team MLSC will help aid your backend journey.
Note: Most of these backend resources are also good for general programming.

Remember to have fun and pace yourself !

Things to Note

1. Free resources are always available and are more often than not better than paid resources.
2. Always try to read the documentation first and then look for video resources.
3. Stackoverflow, Medium articles and Gen. AIs like ChatGPT, Bard are your friends (beware they hallucinate sometimes). Always search on the internet to find solutions to your problems.
4. Best way to learn is to build.
5. Don't take too much pressure. You've got a lot of time to specialise in any field.

Websites

0. First, official docs of whatever you're trying to learn.
1. W3Schools
2. Freecodecamp
3. roadmap.sh - developer roadmaps for many fields. Check out their website and github repo
4. MIT OpenCourseWare - MIT faculty's lectures on many subjects
5. NPTEL Portal - Lectures from IITs and IISCs. Though you are requried to give exams if you want certifications.
6. Harvard's CS50x - Harvard's Intro to CS.
7. Coursera - You can get many courses free if you apply for financial aid.

Youtube Channels

1. Fireship
2. Freecodecamp
3. MIT OpenCourseWare
4. Net Ninja
5. CodeWithHarry

Some Cool Repositories

1. Microsoft: Web Dev for Beginners Course
2. 30 Days of JS Challenge
3. Realworld Demo Apps
4. !! Build Your Own X

Language Specific Resources

Python

Django

• Django Docs - Django at a glance
• Beginner’s Course
• Python Django Tutorial: Full-Featured Web App Part 1 - Getting Started
• Blog Series for Django - A Complete Beginner's Guide to Django - Part 1

Django Rest Framework

• Youtube Playlist - Build an API with Django // Part 1 What is an API?
• DRF Book - DRF.pdf

Flask

• Crash Course - Learn Flask for Python - Full Tutorial
• Corey Schafer’s Flask Course - Flask Tutorials - YouTube
• Flask Docs Project - Tutorial — Flask Documentation (2.1.x)

Javascript

Node, Express

• Node Crash Course - Node.js and Express.js - Full Course
• The Complete Node.js Course Code with Mosh

To further your knowledge, it is always best to build and break things. Don't get stuck in tutorial hell!!