Study Materials & Resources
Comprehensive learning resources designed to support your front-end development journey from beginner to professional level
Structured Learning Paths
Our curriculum follows a carefully designed progression that builds skills systematically. Each phase includes hands-on projects, real-world examples, and practical exercises that reinforce learning.
- Foundation Phase HTML5 semantic structure, CSS fundamentals, responsive design basics, and introduction to modern development tools
- Interactive Development JavaScript ES6+, DOM manipulation, event handling, and building dynamic user interfaces
- Framework Mastery React fundamentals, component architecture, state management, and modern development workflows
- Professional Skills Version control, testing methodologies, deployment strategies, and industry best practices
Resource Library
Access hundreds of carefully curated materials including video tutorials, interactive exercises, code examples, and reference guides updated regularly to reflect current industry standards.
Video Lectures
Step-by-step explanations of concepts with practical demonstrations and real coding examples.
120+ VideosInteractive Labs
Hands-on coding exercises where you write actual code and see immediate results.
85 ExercisesProject Templates
Starter code and complete project examples to guide your learning and portfolio development.
25 ProjectsReference Guides
Quick reference materials for HTML, CSS, JavaScript, and popular frameworks.
50+ GuidesLearning Timeline
Our typical 8-month program schedule starting September 2025, designed to fit around work and life commitments while maintaining steady progress.
HTML & CSS Foundations
Weeks 1-6Master semantic HTML structure and CSS styling. Learn responsive design principles, flexbox, and grid layouts while building your first professional websites.
JavaScript Fundamentals
Weeks 7-14Dive into JavaScript programming concepts, DOM manipulation, and event handling. Create interactive features and understand modern ES6+ syntax.
React Development
Weeks 15-24Learn component-based development with React. Build single-page applications, manage state, and integrate with APIs for dynamic content.
Professional Portfolio
Weeks 25-32Complete capstone projects that demonstrate your skills. Learn deployment, version control, and create a portfolio that showcases your abilities.
Kieran Blackwood
Lead InstructorWith 8 years of experience building web applications for companies across Taiwan and Southeast Asia, Kieran brings real-world perspective to every lesson. He's passionate about making complex concepts accessible and helping students develop practical skills they'll actually use in their careers.