CodePath Academy

Full-Stack Frontend Foundations (HTML, CSS, JavaScript)

Learner Profile

Progress

0% complete

Module 1: Web Foundations & Developer Setup

Module 1 builds practical skills around web foundations & developer setup with an industry-style workflow: plan, implement, test, and reflect.

Estimated time: 45 min
Open Module

Module 2: Semantic HTML Structure

Module 2 builds practical skills around semantic html structure with an industry-style workflow: plan, implement, test, and reflect.

Estimated time: 45 min
Open Module

Module 3: Text, Media, and Links

Module 3 builds practical skills around text, media, and links with an industry-style workflow: plan, implement, test, and reflect.

Estimated time: 45 min
Open Module

Module 4: Forms and Validation

Module 4 builds practical skills around forms and validation with an industry-style workflow: plan, implement, test, and reflect.

Estimated time: 45 min
Open Module

Module 5: CSS Fundamentals

Module 5 builds practical skills around css fundamentals with an industry-style workflow: plan, implement, test, and reflect.

Estimated time: 45 min
Open Module

Module 6: CSS Layout with Flexbox

Module 6 builds practical skills around css layout with flexbox with an industry-style workflow: plan, implement, test, and reflect.

Estimated time: 45 min
Open Module

Module 7: CSS Grid and Responsive Systems

Module 7 builds practical skills around css grid and responsive systems with an industry-style workflow: plan, implement, test, and reflect.

Estimated time: 45 min
Open Module

Module 8: Responsive Design and Accessibility

Module 8 builds practical skills around responsive design and accessibility with an industry-style workflow: plan, implement, test, and reflect.

Estimated time: 45 min
Open Module

Module 9: JavaScript Fundamentals

Module 9 builds practical skills around javascript fundamentals with an industry-style workflow: plan, implement, test, and reflect.

Estimated time: 45 min
Open Module

Module 10: DOM Manipulation Essentials

Module 10 builds practical skills around dom manipulation essentials with an industry-style workflow: plan, implement, test, and reflect.

Estimated time: 45 min
Open Module

Module 11: Events, Forms, and UI Feedback

Module 11 builds practical skills around events, forms, and ui feedback with an industry-style workflow: plan, implement, test, and reflect.

Estimated time: 45 min
Open Module

Module 12: Arrays, Objects, and Iteration

Module 12 builds practical skills around arrays, objects, and iteration with an industry-style workflow: plan, implement, test, and reflect.

Estimated time: 45 min
Open Module

Module 13: Functions, Scope, and Modules

Module 13 builds practical skills around functions, scope, and modules with an industry-style workflow: plan, implement, test, and reflect.

Estimated time: 45 min
Open Module

Module 14: Asynchronous JavaScript and APIs

Module 14 builds practical skills around asynchronous javascript and apis with an industry-style workflow: plan, implement, test, and reflect.

Estimated time: 45 min
Open Module

Module 15: State and Local Storage

Module 15 builds practical skills around state and local storage with an industry-style workflow: plan, implement, test, and reflect.

Estimated time: 45 min
Open Module

Module 16: Debugging and Code Quality

Module 16 builds practical skills around debugging and code quality with an industry-style workflow: plan, implement, test, and reflect.

Estimated time: 45 min
Open Module

Module 17: Component Patterns in Vanilla JS

Module 17 builds practical skills around component patterns in vanilla js with an industry-style workflow: plan, implement, test, and reflect.

Estimated time: 45 min
Open Module

Module 18: Performance and Optimization

Module 18 builds practical skills around performance and optimization with an industry-style workflow: plan, implement, test, and reflect.

Estimated time: 45 min
Open Module

Module 19: Deployment and Production Hardening

Module 19 builds practical skills around deployment and production hardening with an industry-style workflow: plan, implement, test, and reflect.

Estimated time: 45 min
Open Module

Module 20: Capstone: Build and Polish a Mini Product

Module 20 builds practical skills around capstone: build and polish a mini product with an industry-style workflow: plan, implement, test, and reflect.

Estimated time: 90 min
Open Module