Tap a node to view syllabus topics. Requests travel right, responses travel left.
Front-End · HTML, CSS, JS
Front-End Development
Building the visual and interactive part of the web application.
01
HTML vs SPA (Single Page Application)
HTML (Multi-page):
Traditional web sites where every click reloads the entire page. Good for SEO, simple to build.
SPA (Single Page Application):
Loads a single HTML file and dynamically updates content as the user interacts. The app feels like a native desktop application. No page flushes!
We will be building a SPA using React.
02
Github - how to manage projects
Version control is essential. We will cover:
1. Creating a Repository
2. Committing code
3. Push/Pull workflows
4. Branching strategies (Main vs Feature branches)
5. Handling merge conflicts
03
Creating the HTML schema
We will structure our index.html to be the semantic backbone of our app.
Topics:
- semantic tags (header, main, footer)
- meta tags for SEO
- importing fonts and icons
- The root div for React
04
CSS basics
Cascading Style Sheets control the look and feel.
We will start with:
- Colors and Fonts
- The Box Model (Margin, Border, Padding)
- Basic selectors (class, id, element)