Smashcode Web Development Roadmap
HTML
learn
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
CSS
learn
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
Javascript
learn
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
Api Integration
learn
TOPICS
  • Js Promise
  • API using fetch function (GET, POST, PUT/PATCH, DELETE)
  • API using axios library (GET, POST, PUT/PATCH, DELETE)
Learning Resources
React
learn
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
Firebase
learn
TOPICS
  • Authentication (email and password, google, Facebook, etc)
  • Realtime Database
  • FireStore
  • Firebase Storage
  • Firebase hosting
Learning Resources