WEB DEVELOPER NOTES (EASY VERSION)
1. HTML
- HTML defines the structure of a webpage.
- Common tags: <html>, <body>, <h1> to <h6>, <p>, <a>, <table>, <form>.
- Semantic tags: <header>, <footer>, <section>, <article>, <nav>.
- Forms use: <input>, <select>, <textarea>, <button>.
2. CSS
- CSS controls style & layout.
- Selectors: class(.classname), id(#idname), element(h1).
- Box Model: margin, border, padding, content.
- Flexbox: display:flex; justify-content; align-items.
- Grid: display:grid; grid-template-columns; gap.
- Responsive: @media screen (max-width:600px).
3. JavaScript
- Used to add interactivity.
- Variables: let, const.
- Arrays, Objects, Functions.
- DOM: [Link](), addEventListener().
- API: fetch("URL").then(res => ...)
4. [Link]
- Component-based UI library.
- JSX, Props, State.
- Hooks: useState, useEffect.
- Routing: react-router-dom.
- API calls using fetch or axios.
5. [Link] + Express
- Node = JavaScript backend runtime.
- Express = framework for building APIs.
- [Link](), [Link](), [Link](), [Link]().
- Middleware, Routing, JSON responses.
6. Database (MongoDB / MySQL)
- MongoDB: NoSQL, uses collections & documents.
- MySQL: SQL database with tables & rows.
- CRUD: Create, Read, Update, Delete.