Home
Roadmap
Courses
Blogs
Contact
Home
Roadmap
Courses
Blogs
Contact
Connect
Smashcode Web Development Roadmap
HTML
TOPICS
body
head
title
heading tags
Formatting elements
Paragraph and pre tag
Table
Form
List
Anchor, button
Image, figure
Video
Audio
Iframe
Quotation elements
Attributes
Learning Resources
W3 school Html topics
HTML Playlist
Tasks
Regiestration Form
Periodic Table
View Guidance
CSS
TOPICS
Syntex
Background
color
font
text
height/width
margin
padding
flexbox
grid
display
position
z-index
overflow
align
pseudo-element
!important Keyword
border
rounded
shadow
gradient
transition
transform
variables
media query
animations
Learning Resources
W3 school Css topics
Basic CSS Playlist
Advance CSS Playlist
Tasks
Responsive products list using Grid/flexbox with responsive
Clone a website/landing page, Click to see details
Clone Amazon home page with responsive
View Guidance
Github & Netlify
TOPICS
Repositories
Most using Git commands
Branches
Difference between pull and push using commands
Learning Resources
Git and Github Book
Github & Netlify Playlist
Tasks
Make repositories and host all your previous practice projects in your Git Hub.
Host all the projects into Netlify as well and rename your hosted website URL from Netlify settings.
View Guidance
Javascript
TOPICS
Variables
math expressions
alert
prompt
if/else Statement
Array (adding, removing, inserting, deleting)
object
loops
functions
switch statement
comment code
events (onClick, onChange, etc)
DOM
Valodation
async/await
className
Modules
json
Promise
Concatenate
Spread Operator
Ternary Operator
filter, map, find, etc
Learning Resources
W3 school Javascript
Javascript Book
Basic Javascript Playlist
Advance Javascript Playlist
Tasks
Stop Watch
Todo List
Quiz App
Ecommerce Website
View Guidance
Api Integration
TOPICS
Js Promise
API using fetch function (GET, POST, PUT/PATCH, DELETE)
API using axios library (GET, POST, PUT/PATCH, DELETE)
Learning Resources
Api integration Docs
Tasks
Create an e-commerce store using an open-source API. Use all the methods which are available here (click to see details)
View Guidance
React
TOPICS
React Setup
JSX
React Components
State
Props
List and Keys
Life Cycle Methods
Styling
Form handling
React Hooks
Custom React Hooks
Context
Routing
State Management using context & redux
redux toolkit
Learning Resources
Official React Docs
Tasks
Your portfolio website with more than 1 page
OLX website clone with all the functionalities
View Guidance
Firebase
TOPICS
Authentication (email and password, google, Facebook, etc)
Realtime Database
FireStore
Firebase Storage
Firebase hosting
Learning Resources
Official firebase Docs
Tasks
E-commerce app (ReactJs and firebase)
Blog web app with admin panel (ReactJs and firebase)
Project management system (ReactJs and firebase)
View Guidance