Curriculum
- 6 Sections
- 30 Lessons
- 20 Weeks
Expand all sectionsCollapse all sections
- 💻 Month 1: HTML MasteryKickstart your journey into web development by learning the core structure of every webpage — HTML. You’ll understand how to organize content, link pages, insert media, and create forms that form the backbone of any website.5
- 🎨 Month 2: CSS Fundamentals5
- 2.1CSS Syntax, Selectors, and Colors
- 2.2The Box Model: Margin, Padding, and Border
- 2.3Text Styling, Fonts, and Backgrounds
- 2.4Display, Positioning, and Visual Hierarchy
- 2.5🧩 Project Milestone: Style your Resume Page using CSS — apply design principles, spacing, and color consistency for professional appeal.
- 🧱 Month 3: Layout & DesignTime to level up your design with modern layouts. You’ll master CSS Flexbox and Grid for perfect alignment, learn responsive design for all devices, and use frameworks like Bootstrap for faster development.5
- 3.1CSS Flexbox: Aligning and Centering Elements
- 3.2CSS Grid: Advanced Page Layouts
- 3.3Responsive Design with Media Queries
- 3.4Introduction to CSS Frameworks (Bootstrap Concepts)
- 3.5🧩 Project Milestone: Convert your Profile Page into a Responsive 2-Column Layout that looks great on mobile, tablet, and desktop.
- ⚙️ Month 4: JavaScript Core Concepts6
- 4.1JavaScript Basics: Variables, Data Types, and Operators
- 4.2Conditional Statements and Loops
- 4.3Lesson 3: DOM Manipulation
- 4.4Functions and Events
- 4.5DOM Manipulation: querySelector, innerHTML, and User Interaction
- 4.6🧩 Project Milestone: Build a Simple Calculator or To-Do List App using JavaScript.
- 🚀 Month 5: JS Applications & Final ProjectWrap up your bootcamp by applying everything you’ve learned into real-world projects. You’ll dive deeper into JavaScript applications, handle forms, and build a final project to showcase your new skills.5
- 5.1JavaScript Events (onClick, onChange, KeyPress)
- 5.2Working with Arrays and Strings
- 5.3Basic Asynchronous Concepts (setTimeout, setInterval)
- 5.4Form Validation and Final Project Setup
- 5.5🧩 Project Milestone: Create a Final Interactive Website, such as a Quiz App, Product Landing Page, or Small Business Website with Dynamic Features.
- 🎓 Graduation SectionStudents present their final projects, receive feedback, and showcase their work in the MAQ Academy Demo Day. You’ll also learn how to publish your work online using GitHub4