SYLLABUS
Structured syllabus for smooth learning
week-1
Introduction to Web Development
Installation of VSCode
Hello World(First Webpage)
Heading Tags
Bold, Italic, Underline, SuperScript and SubScript Tags
Division and Paragraph Tag
Image Tag
Anchor Tag
Foodie Woodie(First Project)
week-2
Ordered List
Unordered List
Video Tag and Audio Tag
Iframe Tag
Embed Tag
Adding YouTube Video to Webpage
Adding Google Map to Webpage
Form Tags
week-3
Table Tag
Introduction to CSS
CSS Selectors
font-size, color, background-color, height, width,border and border-radius
Inline, Document Level and External CSS
week-4
margin, padding and box-model
box-shadow
text-align
hover in css
font-family
display and position properties
designing cards
week-5
Flexboxes
Calculator (Second Project)
Media Queries and Making Responsive Websites
About Me Project (Third Project)
week-6
Introduction to Git & GitHub
Creating first repository
Making first commit
Push and Pull
Fork
Pull Request
Publishing website on GitHub
Polishing Foodie Woodie Project
Paytm Website Clone (Fourth Project)
week-7
First Group Project
week-8
Introduction to JavaScript
console.log()
alert
prompt()
confirm()
Variables
Operators
week-9
Conditional Statements(if, if-else, if-else-ladder, nested-if)
Switch Case
Difference Between var, let and const
week-10
DOM Manipulation using getElementById
Looping Statements
Arrays
Methods on Arrays
week-11
Element Selectors
DOM Manipulation
Events in JavaScript
Functions in JavaScript
week-12
Introduction to Node JS
Node JS Installation
Objects in JavaScript
JSON
Promises, Async and Await
week-13
Introduction to React
create-react-app
Folder Structure
JSX
Components
Props
week-14
react-router-dom
useState Hook
useEffect Hook
week-15
Introduction to MongoDB
MongoDB Installation
MongoDB Compass Installation
MongoDB CRUD Operations
week-16
Introduction to Express JS
Introduction to APIs
APIs in Express JS
Building CRUD APIs
week-17
Build a MERN Stack Application
Connecting React with Node JS
Connecting Node JS with MongoDB
Deploying MERN Stack Application on Heroku