- Learn HTML/CSS. ( Difficulty : Easy) (Time: 4 days to the max if course is taken with utmost sincerity)
Recommended Tutorial: Learn to Code HTML/CSS by Shay Howe
Alternative Tutorial: HTML/CSS Tutorial by Bucky Roberts in 5 hours
Practice Lesson: Build a simple tribute page of anyone you know like this page: Tribute page for Dr. Norman
Practice Lesson: Build your own portfolio like this page: Portfolio Example
HTML/CSS Reference Guide: (Bookmark these links on the bookmark toolbar)
a. CSS Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference
b. HTML Reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference
- Learn JavaScript (Difficulty : Moderate) (Time: 1 month approx)
Recommended Tutorial: JavaScript.info
Alternative Tutorial (Download from Torrent): Team Treehouse course
Best Tutorial (if money ain't a problem): Udemy - The Complete JavaScript Course
Practice Lesson (Easy): Find out a quote REST API through google search and then make a random quote generator like this: Random Quote Generator
Practice Lesson (Easy): Use Geolocation and any REST API and make a clone of this site: Weather Web App
Practice Lesson (Hard): Build a JavaScript Calculator like this: Calculator
Practice Lesson (Hard): Build a JavaScript Tic-Tac-Toe game like this: Tic Tac Toe
JavaScript Reference: MDN JavaScript Reference
- Learn React and Firebase (Difficulty: Moderate) (Time: (if expert in JS)=>10-15 days (else)=>20 days )
Best React Tutorial (but paid): Udemy React with Redux
Alternative React Tutorial: Code Academy React Part 1 & Code Academy React Part 2
If you haven't learnt Redux along with React then hop onto this free tutorial: Redux by Wes Bos
Practice Lesson: Make all the JavaScript Practice Lessons mentioned above again using React and Redux.
Practice Lesson: Make a Recipe Box like this: Recipe Box
Best Firebase tutorial: Google Code Lab Firebase tutorial for web developers
Firebase Reference: Firebase Reference
- Learn Express.js and MongoDB (Difficulty: Hard) (Time: (if expert in JS)=>10-15 days (else)=>20 days )
Best ExpressJs and MongoDB Tutorial: NodeJS and MongoDB Tutorial by Acadermind
Alternative Course: Traversy Media NodeJS/ExpressJS/MongoDB
Practice Lesson 1: Make a timestamp microservice like this: TimeStamp service
Practice Lesson 2: Build the Recipe Box again but now store data in MongoDB
Practice Lesson 3: Use React-Redux and ExpressJS/MongoDb to build a book trading club: BookTrading club
Practice Lesson 4: Build a complete blog engine. (You can write your blog and publish it and also it should have the capability to view the contents)