Web Development Basics
HTML, CSS & JavaScript core concepts
How the Web Works
- Client vs Server
- What happens when you open a website?
- DNS, IP Address, HTTP/HTTPS
- Browsers & rendering engines
MDN – How the Web Works
Best beginner-friendly explanation
HTML – Structure
- HTML tags & elements
- Head vs Body
- Links, images, lists, tables
- Forms & inputs
- Semantic HTML
CSS – Styling
- Selectors & properties
- Box model
- Flexbox & Grid
- Responsive design
JavaScript – Interactivity
- Variables & data types
- Functions & events
- DOM manipulation
- Basic async (fetch)
Practice Resources
freeCodeCamp
Learn by building real projects
Frontend Mentor
Real-world frontend challenges
CodePen
Experiment with HTML, CSS, JS online
Beginner Projects
- Personal portfolio website
- Landing page
- To-do list (HTML + JS)
- Responsive blog page
What's Next
- Backend fundamentals
- Frameworks (React, Vue)
- APIs & HTTP
- Deployment (Netlify / Cloudflare)