Course Structure
Module 1: HTML (5 sessions)
- Intro to HTML
- HTML Structure
- Basic HTML document structure
- Code Editors
- Text Elements, Links & Images
- Lists, Tables, Working with tables
- Forms [part 1 and part 2]
- Block Model
- Creating a CV Webpage [part 1 - part 3]
- Final Project - CV Webpage
- Homework - CV Webpage
Module 2: CSS (10 sessions)
- Intro to CSS
- Selectors and cascading
- Chrome DevTools
- Box Model
- Text Formatting, Fonts
- Styling Tables, CSS Diner
- Display & Positions
- Flexbox, Flexbox Froggy
- CSS Grid [part 1 and 2], Grid Garden
- Media Queries
- Creating a Landing Page [part 1 - 23]
- Final Project - Landing Page
- Homework - Styling CV Webpage & Landing Page
Module 3: Git & GitHub (2 sessions)
- Intro and Git Installation
- Workflow and GitHub account setup
- SSH Key and working with repositories
- Git Branching and merging
- Homework - Git
Module 4: JavaScript (JS) (16 sessions)
- Intro to JavaScript
- Variables, Conditions, Functions
- Handling Errors, Homework
- Arrays & Loops (syntax, modification, destructuring)
- Objects (syntax, modification, cloning), Homework
- Advanced Functions (pure functions, map, filter, reduce), Homework
- JS in Browser (DOM and events)
- Mini Project: Speech Processing App, Homework
- OOP (Intro, this, constructors, prototypes), Homework
- Asynchronous Programming (Promises, async/await), Homework
Module 5: React (7 sessions)
- React Intro: What is React and setup
- Components and props
- Component styling, Homework
- State & Interactivity: Lists, Forms, State Management
- Conditional Rendering & Styling: Dynamic Components
- Homework - TODO App
- Errors & Debugging: Developer Tools and Error Handling
- React Hooks and Context API: useEffect, useContext
Specifications
Format: 1:1 & Group
Recommended Sessions: 40
Level: Intermediate