| Unit | Lesson | Code | Preview |
|---|---|---|---|
| Web Foundations | Project: Animal Trading Cards | link | view |
| Web Foundations | Starting Small: Project Part 1 | link | view |
| Web Foundations | Common Responsive Patterns: Combining Fluid Layouts | link | view |
| Web Foundations | Common Responsive Patterns: Project Update Part 2 | link | view |
| Web Foundations | Optimizations: Final Project Updates | link | view |
| Web Foundations | Making Sites Responsive: Resume Site on Mobile | link | view |
| Web Foundations | Project: Build a Portfolio Site | link | view |
| Responsive Images | Units, Formats, Environments: Project Part 1 | link | view |
| Responsive Images | Images with Markup: Project Part 2 | link | view |
| Responsive Images | Full Responsiveness: Project Part 3 | link | view |
| Web Programming JS | Exercise: Pixel Art Maker | link | view |
| Web Programming JS | Project: Memory Game | link | view |
| Exploring JS | Project: Classic Arcade Game Clone | link | view |
| Exploring JS | Project: Feed Reader Testing | link | view |
| Frontend Apps | Project: Restaurant Reviews: Stage 1 | link | view |
| React | Project: MyReads - A Book Tracking App | link | view |
| React | Project: Neighborhood Map (React) | link | view |
- revise knowledge from previous course
- Web Foundations: Animal Trading Cards (project)
- Web Foundations: Why Responsive? (1h)
- Web Foundations: Starting Small (1h)
- Web Foundations: Building Up (1h)
- Web Foundations: Common Responsive Patterns (4h)
- Web Foundations: Optimizations (2h)
- Web Foundations: Making Sites Responsive: Resume Site on Mobile (45min)
- Web Foundations: Writing READMEs (2h)
- Responsive Images: Getting Up and Running (2h)
- Responsive Images: Units, Formats, Environments (3h)
- Responsive Images: Images with Markup (3h)
- Responsive Images: Full Responsiveness (2h)
- Web Foundations: Build a Portfolio Site (project)
- Web Programming JS: Lesson 8: Syntax (2h)
- Web Programming JS: Shell Workshop (2h)
- Web Programming JS: What is Version Control? (1h 15m)
- Web Programming JS: Create A Git Repo (1h 15m)
- Web Programming JS: Review a Repo's History (2h)
- Web Programming JS: Add Commits To A Repo (1h 30m)
- Web Programming JS: Tagging, Branching, and Merging (2h 30m)
- Web Programming JS: Undoing Changes (1h)
- Web Programming JS: Working With Remotes (2h)
- Web Programming JS: Working On Another Developer's Repository (1h 15m)
- Web Programming JS: Staying In Sync With A Remote Repository (2h)
- Web Programming JS: The Document Object Model (2h)
- Web Programming JS: Creating Content with JavaScript (2h)
- Web Programming JS: Working with Browser Events (2h)
- Web Programming JS: Exercise: Pixel Art Maker (45m)
- Web Programming JS: Performance (2h)
- Web Programming JS: Memory Game (project)
- Exploring JS: Accessibility Overview (1h)
- Exploring JS: Focus (1h 15m)
- Exploring JS: Semantics Basics (1h 15m)
- Exploring JS: Navigating Content (1h)
- Exploring JS: ARIA (1h 15m)
- Exploring JS: Style (1h 15m)
- Exploring JS: Objects in Depth (2h)
- Exploring JS: Functions at Runtime (2h)
- Exploring JS: Classes and Objects (3h)
- Exploring JS: Functions (2h)
- Exploring JS: Built-ins (2h)
- Exploring JS: Professional Developer-fu (1h 30m)
- Exploring JS: Project: Classic Arcade Game Clone
- Exploring JS: Introducing Web Tooling and Automation (35m)
- Exploring JS: Productive Editing (12m)
- Exploring JS: Powerful Builds (13m)
- Exploring JS: Expressive Live Editing (15m)
- Exploring JS: How to Prevent Disasters (30m)
- Exploring JS: Awesome Optimizations (1h)
- Exploring JS: Web Tooling and Automation Conclusion (15m)
- Exploring JS: Rethinking Testing (2h)
- Exploring JS: Writing Test Suites (4h)
- Exploring JS: Project: Feed Reader Testing
- Frontend Apps: Changing Expectations (5h)
- Frontend Apps: Refactoring with Separation of Concerns (7h)
- Frontend Apps: Creating Promises (1h30m)
- Frontend Apps: Chaining Promises (1h30m)
- Frontend Apps: Ajax with XHR (1h30m)
- Frontend Apps: Ajax with jQuery (1h30m)
- Frontend Apps: Ajax with Fetch (1h30m)
- Frontend Apps: Features of Single Page Apps (1h)
- Frontend Apps: Examine a Framework's Source (2h)
- Frontend Apps: Angular (2h)
- Frontend Apps: Ember (2h)
- Frontend Apps: The Benefits of Offline First (1h)
- Frontend Apps: Introducing the Service Worker (2h)
- Frontend Apps: Project: Restaurant Reviews App - Stage 1
- React: Why React? (1h30m)
- React: Rendering UI with React (2h)
- React: State Management (3h)
- React: Render UI with External Data (1h)
- React: Managing App Location with React Router (2h)
- React: Project: MyReads - A Book Tracking App
- React: Getting Started with the APIs (2h)
- React: Understanding API Services (3h)
- React: Using the APIs in Practice (1h)
- React: Project: Neighborhood Map