Remember to have fun and pace yourself!
- Free resources are always available and are often better than paid resources.
- Always try to read the documentation first and then look for video resources.
- 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.
- The best way to learn is to build.
- Don't take too much pressure. You've got a lot of time to specialise in any field.
- Seek feedback on your work from peers or mentors to gain valuable insights and improve continuously.
- Develop problem-solving skills by tackling real-world challenges through personal projects or by participating in coding competitions.
- Experiment with small projects and gradually increase complexity to reinforce your understanding and skills.
- Google Fonts
- Hex Colors
- Font Awesome Icons
- Tailwind CSS
- Bootstrap
- Microsoft: Web Dev for Beginners Course
- 30 Days of JS Challenge
- Realworld Demo Apps
- !! Build Your Own X
- Bennet Freely Tools - Bennet Freely Website
- WebTools
- Cool Backgrounds
- Small Web Tools
- Visual Type Scale
- Waves Generator
- Blob Generator
- Clip Path Generator
- To Generate Animations - Animista
- To Generate SVG Patterns - Flectofy
- Responsively
- W3 School's Tutorial on HTML
- Free Code Camp Responsive Web Design Certification (300 hours)
- Traversy Media Crash Course
- W3 School's Tutorial on CSS
- Free Code Camp Responsive Web Design Certification (300 hours)
- Traversy Media Crash Course
- Flexbox Tutorial
Note: Most of these backend resources are also good for general programming.
- First, official docs of whatever you're trying to learn.
- W3Schools
- Freecodecamp
- roadmap.sh - developer roadmaps for many fields. Check out their website and github repo
- MIT OpenCourseWare - MIT faculty's lectures on many subjects
- NPTEL Portal - Lectures from IITs and IISCs. Though you are requried to give exams if you want certifications.
- Harvard's CS50x - Harvard's Intro to CS.
- Coursera - You can get many courses free if you apply for financial aid.
- 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
- 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)
- 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!!