Learners who want a structured route across connected courses
School of EngineeringBeginner to Intermediate
Full Stack Software Engineering
Build complete web applications from backend to frontend.
Learn software foundations, backend APIs, databases, authentication, React, Next.js, TypeScript, deployment, full-stack projects, and AI-assisted engineering workflows.
Target role
Full Stack Software Engineer, Web Developer, Frontend Software Engineer, Backend Software Engineer
Duration
Flexible duration - Flexible weekly pace
Course sequence
4 courses
Support model
Choose your learning support level
Outcome
Built around a clear role target.
Full Stack Software Engineer, Web Developer, Frontend Software Engineer, Backend Software Engineer
Course sequence
See how the courses build into the full path.
Each course has a focused job, but the value compounds when you follow the sequence, complete the projects, and use the support model around the full path.
School of EngineeringBeginner to Intermediate4 courses
Full Stack Software Engineering
Learn how to build complete web applications with backend APIs, databases, authentication, frontend interfaces, deployment, and full-stack product delivery.
Target role
Full Stack Software Engineer, Web Developer, Frontend Software Engineer, Backend Software Engineer
Duration
Flexible duration - Flexible weekly pace
Support
Choose your learning support level
1 Path only3 weeksBeginnerSoftware Engineering Foundations
Build the foundation for becoming a software engineer by learning how software works, how developers think, and how modern applications are planned, built, tested, and improved.
Understand how software applications work.Available through the path so the work stays connected to the full outcome.Understand how software applications work.Understand the difference between frontend, backend, full-stack, mobile, desktop, cloud, and DevOps roles.Set up a professional development environment.Use the command line for basic developer workflows.View course outline2 Standalone + path24 weeksBeginner to IntermediateBackend Software Engineering with Python & Django
Learn how to build the server-side systems behind modern web, mobile, and desktop applications, including APIs, databases, authentication, permissions, testing, deployment, and production workflows.
Understand how backend systems power modern applications.Can be started alone, then compounded inside the full path.Understand how backend systems power modern applications.Build APIs that frontend and mobile apps can consume.Design and work with relational databases.Create user accounts, authentication, and authorization workflows.View course3 Path only24 weeksBeginner to IntermediateFrontend Software Engineering with React, Next.js & TypeScript
Learn how to build beautiful, responsive, interactive web applications using React, Next.js, TypeScript, APIs, forms, authentication flows, and production-ready frontend workflows.
Understand how modern frontend applications work.Available through the path so the work stays connected to the full outcome.Understand how modern frontend applications work.Build responsive web pages with clean structure and styling.Create reusable React components.Use props, state, hooks, and component composition effectively.View course outline4 Path only6 weeksFoundationFull Stack Engineering Studio
Bring backend and frontend skills together to build complete, portfolio-ready web applications from idea to deployment.
Plan and build complete full-stack web applications.Available through the path so the work stays connected to the full outcome.Plan and build complete full-stack web applications.Translate product requirements into technical tasks.Design backend APIs and database structures.Build frontend screens connected to backend services.View course outline
Curriculum
Follow the courses in sequence.
The path moves toward Full Stack Software Engineer, Web Developer, Frontend Software Engineer, Backend Software Engineer through complete course outlines, from phases and modules down to lesson page topics.
1Beginner3 weeksPath onlySoftware Engineering FoundationsBuild the foundation for becoming a software engineer by learning how software works, how developers think, and how modern applications are planned, built, tested, and improved.5 phases6 modules22 lessons67 pages
1Phase 1 - Introduction to Software EngineeringIntroduce software engineering, programming vs engineering, career paths, and the software development lifecycle.1 modules3 lessons2–3 days
Module 1: What Is Software Engineering?Build the core software engineering mindset before students choose backend, frontend, full stack, mobile, data, or AI paths.3 lessons
Lesson 1: What Is Software Engineering?Understand software engineering as the disciplined practice of building, testing, shipping, maintaining, and improving software products that solve real problems.95 minarticle8 pages
Welcome and Learning Objectives
Introduce the course and the first lesson.
8 min
Software Engineering in Plain English
Explain the meaning of software engineering.
18 min
Programming vs Software Engineering
Differentiate programming from engineering.
18 min
Why Software Engineering Matters
Explain the value of engineering discipline.
18 min
Software Products Around You
Connect software engineering to daily products.
18 min
Knowledge Check
Assess understanding through quick questions.
12 min
Reflection Exercise
Encourage personal reflection.
12 min
Lesson Summary
Summarize the lesson.
9 min
Lesson 2: Software Engineering Career PathsExplore major software engineering career paths and understand how frontend, backend, full stack, mobile, DevOps, data, AI, and cybersecurity engineers contribute to products.85 minarticle5 pages
Welcome and Learning Objectives
Introduce engineering career paths.
8 min
Major Engineering Paths
Explain the career paths.
24 min
How Roles Work Together
Explain collaboration.
18 min
Choosing Your First Path
Help students choose.
18 min
Exercise - Preferred Career Path
Students choose a preferred path and explain why.
35 min
Lesson 3: The Software Development LifecycleUnderstand how software moves from idea to requirements, design, development, testing, deployment, maintenance, and improvement.90 minarticle4 pages
Welcome and Learning Objectives
Introduce the lifecycle.
8 min
Lifecycle Stages
Explain each lifecycle stage.
24 min
Case Study - Netflix Feature
Apply the lifecycle to Netflix.
22 min
Exercise - Feature Lifecycle Breakdown
Students break down a feature through the lifecycle.
36 min
2Phase 2 - How Software Products WorkExplain websites, frontend/backend/database layers, APIs, cloud/hosting fundamentals, and product architecture analysis.1 modules5 lessons3–4 days
Module 1: Modern Application ArchitectureUnderstand how modern software products work across browser, server, database, API, cloud, and hosting layers.5 lessons
Lesson 1: How Websites WorkUnderstand browser, request, server, response, page loading, and the basic web flow.70 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Practical Workflow
Explain the concept through practical beginner workflow.
35 min
Practice Activity
Apply the lesson through a guided foundation exercise.
27 min
Lesson 2: Frontend Backend and DatabaseUnderstand what each application layer does and how user login flows through them.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Practical Workflow
Explain the concept through practical beginner workflow.
40 min
Practice Activity
Apply the lesson through a guided foundation exercise.
32 min
Lesson 3: What Is an API?Understand API concepts, REST basics, everyday product examples, and how apps communicate.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Practical Workflow
Explain the concept through practical beginner workflow.
42 min
Practice Activity
Apply the lesson through a guided foundation exercise.
35 min
Lesson 4: Cloud and Hosting FundamentalsUnderstand hosting, domains, servers, databases, and cloud computing at a high level.70 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Practical Workflow
Explain the concept through practical beginner workflow.
35 min
Practice Activity
Apply the lesson through a guided foundation exercise.
27 min
Lesson 5: Mini Project 1 - Architecture AnalysisStudents choose Uber, Netflix, Spotify, or Workroomly and analyze frontend, backend, database, and API responsibilities.100 minarticle2 pages
Project Brief
Explain the project scenario and expected output.
20 min
Review Checklist
Checklist for project quality.
20 min
3Phase 3 - Developer Environment and WorkflowSet up professional development tools, terminal basics, productivity habits, documentation reading, AI-assisted engineering, and debugging mindset.1 modules3 lessons2–3 days
Module 1: Professional Developer SetupPrepare students to work like junior engineers using tools, terminal, documentation, and debugging habits.3 lessons
Lesson 1: Development ToolsSet up VS Code, browsers, extensions, and terminal for engineering work.70 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Practical Workflow
Explain the concept through practical beginner workflow.
35 min
Practice Activity
Apply the lesson through a guided foundation exercise.
27 min
Lesson 2: Terminal FundamentalsUse the terminal for navigation, files, directories, commands, and project workflow.90 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Practical Workflow
Explain the concept through practical beginner workflow.
45 min
Practice Activity
Apply the lesson through a guided foundation exercise.
37 min
Lesson 3: Developer ProductivityUse search techniques, documentation reading, AI-assisted engineering responsibly, and debugging mindset.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Practical Workflow
Explain the concept through practical beginner workflow.
42 min
Practice Activity
Apply the lesson through a guided foundation exercise.
35 min
4Phase 4 - Git and CollaborationBuild version control confidence with Git, GitHub, repositories, commits, branches, pull requests, code reviews, issue tracking, and portfolio repository setup.1 modules4 lessons2–3 days
Module 1: Git and GitHubUse Git and GitHub confidently enough to start backend or frontend engineering projects.4 lessons
Lesson 1: Version Control FundamentalsUnderstand why Git exists, repositories, commits, history, and safe project tracking.75 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Practical Workflow
Explain the concept through practical beginner workflow.
37 min
Practice Activity
Apply the lesson through a guided foundation exercise.
30 min
Lesson 2: Git WorkflowUse branches, merging, pull requests, and feature branch workflow.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Practical Workflow
Explain the concept through practical beginner workflow.
42 min
Practice Activity
Apply the lesson through a guided foundation exercise.
35 min
Lesson 3: Collaboration WorkflowUnderstand code reviews, pull requests, issue tracking, comments, and team workflow.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Practical Workflow
Explain the concept through practical beginner workflow.
40 min
Practice Activity
Apply the lesson through a guided foundation exercise.
32 min
Lesson 4: Mini Project 2 - Portfolio Repository SetupStudents set up a professional GitHub profile and portfolio repository structure.100 minarticle2 pages
Project Brief
Explain the project scenario and expected output.
20 min
Review Checklist
Checklist for project quality.
20 min
5Phase 5 - Engineering Communication and Professional SkillsTeach requirements reading, documentation, agile/team workflow, engineering mindset, roadmap planning, and final product analysis.2 modules7 lessons3–4 days
Module 1: Working Like an EngineerLearn requirements, documentation, agile workflow, problem solving, and professional communication.4 lessons
Lesson 1: Reading RequirementsUnderstand user stories, acceptance criteria, product requirements, and feature breakdown.75 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Practical Workflow
Explain the concept through practical beginner workflow.
37 min
Practice Activity
Apply the lesson through a guided foundation exercise.
30 min
Lesson 2: Technical DocumentationWrite READMEs, architecture diagrams, project documentation, and beginner-friendly technical notes.75 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Practical Workflow
Explain the concept through practical beginner workflow.
37 min
Practice Activity
Apply the lesson through a guided foundation exercise.
30 min
Lesson 3: Agile and Team WorkflowUnderstand Scrum, sprint planning, standups, backlogs, task boards, and team communication.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Practical Workflow
Explain the concept through practical beginner workflow.
40 min
Practice Activity
Apply the lesson through a guided foundation exercise.
32 min
Lesson 4: Engineering MindsetBuild problem solving, breaking down complexity, continuous learning, professional growth, and career roadmap habits.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Practical Workflow
Explain the concept through practical beginner workflow.
40 min
Practice Activity
Apply the lesson through a guided foundation exercise.
32 min
Module 2: Final Foundations ProjectComplete a software product analysis project and present findings.3 lessons
Lesson 1: Choose Your Software Product AnalysisChoose a real product to analyze for the final foundations project.60 minarticle1 pages
Project Options and Instructions
Review final project options and expectations.
60 min
Lesson 2: Final Project - Software Product AnalysisStudents complete a structured analysis of a real software product and present findings.160 minarticle2 pages
Project Brief
Explain the project scenario and expected output.
20 min
Review Checklist
Checklist for project quality.
20 min
Lesson 3: Graduation Requirements and Portfolio OutcomeClarify completion requirements and readiness for next engineering path.55 minarticle1 pages
Requirements and Portfolio Checklist
Summarize graduation requirements and portfolio assets.
55 min
2Beginner to Intermediate24 weeksBackend Software Engineering with Python & DjangoLearn how to build the server-side systems behind modern web, mobile, and desktop applications, including APIs, databases, authentication, permissions, testing, deployment, and production workflows.8 phases29 modules58 lessons167 pages
1Phase 1 - Engineering FoundationsBuild engineering mindset, client-server understanding, API thinking, Git/GitHub workflow, terminal confidence, and professional development habits.2 modules10 lessonsWeeks 1–2
Module 1: Introduction to Software EngineeringUnderstand software engineering, backend responsibilities, client-server architecture, APIs, SaaS architecture, and the software development lifecycle.6 lessons
Lesson 1: What Software Engineering IsUnderstand software engineering as the disciplined practice of building, shipping, maintaining, and improving software systems that solve real problems.85 minarticle4 pages
Welcome and Learning Objectives
Introduces software engineering as a professional discipline.
8 min
Coding vs Engineering
Differentiates small coding tasks from engineering work.
18 min
Software Engineering Lifecycle
Explains the software development lifecycle.
18 min
Exercise - Backend Responsibility Audit
Students identify backend responsibilities in common apps.
23 min
Lesson 2: Types of Software EngineersUnderstand common software engineering roles and where backend engineering fits inside product and platform teams.75 minarticle3 pages
Welcome and Learning Objectives
Introduces common software engineering roles.
8 min
Engineering Roles
Explains common engineering roles.
22 min
Exercise - Engineering Role Classifier
Students classify engineering responsibilities by role.
45 min
Lesson 3: Frontend vs BackendUnderstand the separation between frontend clients and backend systems, including responsibilities, data flow, APIs, and collaboration boundaries.80 minarticle4 pages
Welcome and Learning Objectives
Introduces frontend-backend boundaries.
8 min
Responsibilities and Boundaries
Explains separation of work.
20 min
Feature Breakdown Example
Breaks down a feature by responsibility.
18 min
Exercise - Feature Responsibility Split
Students split features into frontend/backend tasks.
34 min
Lesson 4: Client-Server Architecture and APIsUnderstand client-server architecture, APIs, request-response flow, HTTP concepts, and how SaaS products connect clients to backend services.90 minarticle4 pages
Welcome and Learning Objectives
Introduces client-server and API concepts.
8 min
Request Response Lifecycle
Explains client-server communication.
22 min
APIs Explained Visually
Explains APIs with examples.
20 min
Exercise - SaaS Architecture Breakdown
Students analyze product architecture.
40 min
Lesson 5: How Modern SaaS Products WorkConnect product features, users, data, APIs, permissions, background jobs, external services, deployment, and monitoring in real SaaS systems.85 minarticle4 pages
Welcome and Learning Objectives
Introduces SaaS product architecture.
8 min
SaaS Building Blocks
Explains core SaaS backend components.
20 min
From Product Idea to Backend Modules
Shows decomposition into backend modules.
20 min
Exercise - SaaS Feature to Backend Map
Students map a SaaS idea into backend modules.
37 min
Lesson 6: Project Deliverable - SaaS Architecture Breakdown DocumentStudents produce a professional architecture breakdown for a real or proposed SaaS product.100 minarticle2 pages
Project Brief
Explains the project scenario and expected output.
20 min
Review Checklist
Checklist for project quality.
20 min
Module 2: Developer Environment and Professional WorkflowSet up professional tooling and workflow with terminal, VS Code, Git, GitHub, branching, pull requests, debugging, and commit standards.4 lessons
Lesson 1: Terminal FundamentalsUse the terminal for navigation, file operations, running programs, and backend project workflows.60 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
30 min
Practice Activity
Applies the lesson through a guided engineering exercise.
22 min
Lesson 2: VS Code for Backend EngineersConfigure VS Code for Python, Django, linting, debugging, extensions, and project navigation.55 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
27 min
Practice Activity
Applies the lesson through a guided engineering exercise.
20 min
Lesson 3: Git and GitHub WorkflowUse Git and GitHub for version control, repositories, branches, commits, pull requests, and collaboration.75 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
37 min
Practice Activity
Applies the lesson through a guided engineering exercise.
30 min
Lesson 4: Project Deliverable - Personal Engineering Portfolio RepositoryCreate the student professional engineering portfolio repository.90 minarticle2 pages
Project Brief
Explains the project scenario and expected output.
20 min
Review Checklist
Checklist for project quality.
20 min
2Phase 2 - Python EngineeringDevelop Python fluency for backend engineering, including fundamentals, OOP, advanced language features, logging, packaging, and clean reusable code.3 modules11 lessonsWeeks 3–6
Module 1: Python FundamentalsBuild strong Python basics through many small exercises and a grade calculator mini challenge.4 lessons
Lesson 1: Variables Data Types and StringsUse variables, numbers, strings, booleans, comments, naming, and formatting.65 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
32 min
Practice Activity
Applies the lesson through a guided engineering exercise.
25 min
Lesson 2: Lists Tuples Dictionaries and SetsUse Python data structures for user lists, records, settings, roles, and structured responses.75 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
37 min
Practice Activity
Applies the lesson through a guided engineering exercise.
30 min
Lesson 3: Conditions Loops and FunctionsUse conditions, loops, and functions to process records and build reusable backend logic.85 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
42 min
Practice Activity
Applies the lesson through a guided engineering exercise.
35 min
Lesson 4: Mini Challenge - Student Grade CalculatorBuild a Python program that calculates student grades and produces a summary.100 minarticle2 pages
Project Brief
Explains the project scenario and expected output.
20 min
Review Checklist
Checklist for project quality.
20 min
Module 2: Intermediate PythonUse object-oriented Python to model business domains and reusable backend concepts.4 lessons
Lesson 1: Object-Oriented Programming BasicsUse classes, objects, attributes, methods, and constructors.70 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
35 min
Practice Activity
Applies the lesson through a guided engineering exercise.
27 min
Lesson 2: Inheritance Composition and EncapsulationUse inheritance, composition, encapsulation, and object relationships carefully.75 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
37 min
Practice Activity
Applies the lesson through a guided engineering exercise.
30 min
Lesson 3: Dataclasses and Type HintsUse dataclasses and type hints to make Python code clearer and safer.65 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
32 min
Practice Activity
Applies the lesson through a guided engineering exercise.
25 min
Lesson 4: Mini Challenge - Library Management SystemBuild a reusable object-oriented library management system.110 minarticle2 pages
Project Brief
Explains the project scenario and expected output.
20 min
Review Checklist
Checklist for project quality.
20 min
Module 3: Advanced Python for Backend EngineersUse advanced Python features for clean backend utilities, error handling, logging, packages, and dependency management.3 lessons
Lesson 1: Decorators Context Managers Generators and IteratorsUse advanced Python patterns for reusable behavior, resource management, and batch processing.85 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
42 min
Practice Activity
Applies the lesson through a guided engineering exercise.
35 min
Lesson 2: Error Handling Logging Packages and DependenciesHandle errors gracefully, log useful runtime information, organize packages, and manage dependencies.85 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
42 min
Practice Activity
Applies the lesson through a guided engineering exercise.
35 min
Lesson 3: Milestone Project 1 - Inventory and Warehouse Management APIBuild the first milestone backend API for inventory and warehouse management.160 minarticle2 pages
Project Brief
Explains the project scenario and expected output.
20 min
Review Checklist
Checklist for project quality.
20 min
3Phase 3 - Databases and SQL MasteryBuild database design, SQL fluency, PostgreSQL production awareness, query optimization, transactions, and backend data modeling skills.3 modules6 lessonsWeeks 7–8
Module 1: Relational Database DesignDesign relational models for real backend systems.2 lessons
Lesson 1: Tables Relationships Constraints and NormalizationUnderstand tables, relationships, constraints, normalization, data integrity, and model assumptions.80 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
40 min
Practice Activity
Applies the lesson through a guided engineering exercise.
32 min
Lesson 2: Backend Schema ReviewReview schema designs for integrity, query needs, and maintainability.70 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
35 min
Practice Activity
Applies the lesson through a guided engineering exercise.
27 min
Module 2: SQL for Backend EngineersUse SQL for CRUD, joins, aggregations, subqueries, windows, and transactions.2 lessons
Lesson 1: CRUD SQLWrite SELECT, INSERT, UPDATE, DELETE with safe filters and data integrity awareness.70 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
35 min
Practice Activity
Applies the lesson through a guided engineering exercise.
27 min
Lesson 2: Aggregations Joins Subqueries and Window FunctionsUse SQL for reporting, validation, latest-record logic, and transactional thinking.90 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
45 min
Practice Activity
Applies the lesson through a guided engineering exercise.
37 min
Module 3: PostgreSQL in ProductionUnderstand PostgreSQL architecture, indexing, EXPLAIN, backups, transactions, and query optimization.2 lessons
Lesson 1: PostgreSQL Architecture Indexes and EXPLAINUse PostgreSQL concepts, indexes, and EXPLAIN to inspect and improve backend queries.85 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
42 min
Practice Activity
Applies the lesson through a guided engineering exercise.
35 min
Lesson 2: Backups Transactions and Production SafetyUnderstand backups, transaction safety, locks at a high level, migrations risk, and production data care.75 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
37 min
Practice Activity
Applies the lesson through a guided engineering exercise.
30 min
4Phase 4 - Django EngineeringBuild Django foundations, models/ORM mastery, authentication/authorization, architecture, service layers, configuration, signals, and reusable apps.4 modules8 lessonsWeeks 9–12
Module 1: Django FundamentalsBuild internal tools and understand Django architecture.2 lessons
Lesson 1: Django Architecture Project Structure URLs Views and MiddlewareUnderstand Django project/app structure, settings, URLs, views, templates, middleware, and request flow.90 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
45 min
Practice Activity
Applies the lesson through a guided engineering exercise.
37 min
Lesson 2: Django Debugging and Project HabitsRead errors, debug settings, use environment configs, and improve Django project hygiene.65 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
32 min
Practice Activity
Applies the lesson through a guided engineering exercise.
25 min
Module 2: Models and ORM MasteryMaster Django models, relationships, managers, QuerySets, migrations, and complex modeling.2 lessons
Lesson 1: Models Relationships Managers QuerySets and MigrationsCreate models, relationships, migrations, managers, QuerySets, optimized ORM queries, and schema changes.100 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
50 min
Practice Activity
Applies the lesson through a guided engineering exercise.
42 min
Lesson 2: Migration Safety and ORM ReviewHandle migrations safely and review ORM code for performance and maintainability.75 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
37 min
Practice Activity
Applies the lesson through a guided engineering exercise.
30 min
Module 3: Authentication and AuthorizationImplement authentication, custom user models, groups, permissions, and role-based access control.2 lessons
Lesson 1: Authentication Custom User Model and SessionsUnderstand users, passwords, sessions, custom user model decisions, and login/logout workflows.80 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
40 min
Practice Activity
Applies the lesson through a guided engineering exercise.
32 min
Lesson 2: Permissions Groups and Role-Based Access ControlUse permissions, groups, roles, and access checks for backend systems.90 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
45 min
Practice Activity
Applies the lesson through a guided engineering exercise.
37 min
Module 4: Django Architecture and Best PracticesOrganize business logic using services, reusable apps, configuration, and clear architecture.2 lessons
Lesson 1: Service Layer Business Logic and Reusable AppsMove business logic out of views where appropriate and create maintainable app boundaries.90 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
45 min
Practice Activity
Applies the lesson through a guided engineering exercise.
37 min
Lesson 2: Signals Configuration and Code ReviewUse signals responsibly, configuration safely, and review Django code for maintainability.75 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
37 min
Practice Activity
Applies the lesson through a guided engineering exercise.
30 min
5Phase 5 - API Engineering with Django REST FrameworkDesign, build, secure, document, and ship production-style REST APIs using Django REST Framework.4 modules8 lessonsWeeks 13–16
Module 1: REST API DesignDesign APIs before implementation using resource modeling, URL design, status codes, filters, pagination, errors, and versioning.2 lessons
Lesson 1: REST Principles Resource Modeling URL Design and Status CodesDesign APIs around resources, actions, HTTP methods, status codes, and business behavior.85 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
42 min
Practice Activity
Applies the lesson through a guided engineering exercise.
35 min
Lesson 2: Pagination Filtering Sorting Errors and VersioningDesign list endpoints, error responses, filters, ordering, pagination, versioning, and API standards.85 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
42 min
Practice Activity
Applies the lesson through a guided engineering exercise.
35 min
Module 2: DRF Core ConceptsBuild DRF APIs with serializers, validation, views, ViewSets, routers, permissions, and reusable components.2 lessons
Lesson 1: Serializers Validation Generic Views ViewSets and RoutersUse DRF serializers, validation, generic views, ViewSets, routers, actions, and reusable API patterns.100 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
50 min
Practice Activity
Applies the lesson through a guided engineering exercise.
42 min
Lesson 2: DRF Permissions Filtering Pagination and Query OptimizationApply permissions, filtering, pagination, ordering, and optimized querysets.90 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
45 min
Practice Activity
Applies the lesson through a guided engineering exercise.
37 min
Module 3: API SecuritySecure APIs with JWT, OAuth concepts, rate limiting, CORS, secrets, and common API security practices.2 lessons
Lesson 1: JWT OAuth Concepts CORS and Rate LimitingSecure APIs with token auth, OAuth concepts, CORS, throttling, and abuse prevention.90 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
45 min
Practice Activity
Applies the lesson through a guided engineering exercise.
37 min
Lesson 2: API Security AuditReview APIs for broken access control, data leakage, weak validation, and insecure defaults.75 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
37 min
Practice Activity
Applies the lesson through a guided engineering exercise.
30 min
Module 4: API DocumentationDocument APIs using OpenAPI, Swagger, Redoc, standards, examples, and developer-friendly docs.2 lessons
Lesson 1: OpenAPI Swagger Redoc and API Usage GuidesGenerate and improve API documentation with examples, authentication docs, error docs, and standards.85 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
42 min
Practice Activity
Applies the lesson through a guided engineering exercise.
35 min
Lesson 2: Milestone Project 2 - Multi-Tenant CRM BackendBuild a real SaaS-style CRM backend with multi-tenancy, authorization, audit trails, and API documentation.180 minarticle2 pages
Project Brief
Explains the project scenario and expected output.
20 min
Review Checklist
Checklist for project quality.
20 min
6Phase 6 - Production Backend EngineeringAdd testing, background jobs, caching, performance, security hardening, file storage, media processing, payments, webhooks, and production readiness.6 modules6 lessonsWeeks 17–20
Module 1: Testing and Quality AssuranceTest Django and DRF applications with unit, integration, API, mocking, and coverage practices.1 lessons
Lesson 1: Unit Integration API Tests Mocking and CoverageWrite tests for models, services, serializers, APIs, edge cases, mocks, fixtures, factories, and coverage.100 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
50 min
Practice Activity
Applies the lesson through a guided engineering exercise.
42 min
Module 2: Background Jobs and Async ProcessingUse Redis, Celery, queues, scheduled jobs, and background workers.1 lessons
Lesson 1: Redis Celery Queues and Scheduled JobsUse Redis, Celery, queues, workers, retries, scheduled jobs, idempotency, and monitoring notes.100 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
50 min
Practice Activity
Applies the lesson through a guided engineering exercise.
42 min
Module 3: Performance and CachingOptimize API and database performance using caching, query optimization, pagination, and audits.1 lessons
Lesson 1: Query Optimization N+1 Problems and Redis CachingDetect and fix N+1 queries, slow queries, pagination issues, and add Redis caching with safe invalidation.100 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
50 min
Practice Activity
Applies the lesson through a guided engineering exercise.
42 min
Module 4: Security EngineeringHarden backend applications against common OWASP and deployment risks.1 lessons
Lesson 1: OWASP Top 10 Secure Settings and Secrets ManagementUnderstand OWASP risks, SQL injection, XSS, CSRF, broken auth, secrets, and secure deployment settings.100 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
50 min
Practice Activity
Applies the lesson through a guided engineering exercise.
42 min
Module 5: File Storage and Media ProcessingHandle file uploads, S3, presigned URLs, media storage, and image processing concepts.1 lessons
Lesson 1: File Uploads AWS S3 Presigned URLs and Media StorageImplement file uploads, validation, S3 storage concepts, presigned URL patterns, and media metadata.100 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
50 min
Practice Activity
Applies the lesson through a guided engineering exercise.
42 min
Module 6: Payments and WebhooksIntegrate payments, subscriptions, Paystack/Stripe concepts, webhooks, retries, and event processing.1 lessons
Lesson 1: Payment Gateways Subscriptions Webhooks and Event ProcessingHandle payment gateways, Stripe/Paystack concepts, webhooks, signatures, idempotency, retries, and audit logs.110 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
55 min
Practice Activity
Applies the lesson through a guided engineering exercise.
47 min
7Phase 7 - DevOps and Cloud DeploymentContainerize, test, automate, deploy, monitor, and operate backend applications using Docker, CI/CD, AWS, and observability tools.4 modules4 lessonsWeeks 21–22
Module 1: DockerContainerize Django applications with Dockerfiles and Docker Compose.1 lessons
Lesson 1: Containers Dockerfiles and Docker ComposeContainerize Django, PostgreSQL, Redis, Celery workers, ports, volumes, and environment variables.100 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
50 min
Practice Activity
Applies the lesson through a guided engineering exercise.
42 min
Module 2: CI CDAutomate tests and deployments using GitHub Actions and deployment pipelines.1 lessons
Lesson 1: GitHub Actions and Deployment PipelinesCreate CI workflows for linting, tests, coverage, environments, secrets, deployment, approvals, and rollback notes.100 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
50 min
Practice Activity
Applies the lesson through a guided engineering exercise.
42 min
Module 3: AWS DeploymentDeploy Django backend using AWS concepts: EC2, RDS, S3, CloudFront, environment management, and production settings.1 lessons
Lesson 1: AWS Backend Deployment ArchitectureUnderstand EC2, RDS, S3, CloudFront, environment variables, security groups, domains, migrations, health checks, and rollback.100 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
50 min
Practice Activity
Applies the lesson through a guided engineering exercise.
42 min
Module 4: Monitoring and ObservabilityAdd logging, structured logs, error tracking, health checks, Sentry, and monitoring fundamentals.1 lessons
Lesson 1: Logging Error Tracking Health Checks and RunbooksAdd structured logging, health checks, Sentry concepts, monitoring signals, incident response, and operations runbooks.100 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
50 min
Practice Activity
Applies the lesson through a guided engineering exercise.
42 min
8Phase 8 - Architecture and CapstoneLearn backend architecture, system design, scaling fundamentals, and complete a production-ready backend capstone.3 modules5 lessonsWeeks 23–24
Module 1: Backend ArchitectureUnderstand monoliths, modular monoliths, microservices concepts, event-driven systems, and scaling fundamentals.1 lessons
Lesson 1: Monoliths Modular Monoliths Microservices and Event Driven SystemsCompare backend architecture styles, event-driven patterns, queues, service boundaries, and scaling tradeoffs.100 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
50 min
Practice Activity
Applies the lesson through a guided engineering exercise.
42 min
Module 2: System Design FundamentalsPractice backend system design with load balancing, caching, queues, database scaling, horizontal scaling, and tradeoffs.1 lessons
Lesson 1: Load Balancing Caching Queues Database Scaling and Horizontal ScalingUnderstand system design fundamentals and practice LMS, CRM, and marketplace architecture diagrams.110 minarticle3 pages
Overview and Learning Objectives
Introduces the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explains the concept through a professional backend workflow.
55 min
Practice Activity
Applies the lesson through a guided engineering exercise.
47 min
Module 3: Final Capstone ProjectBuild and present one production-ready backend platform.3 lessons
Lesson 1: Capstone OptionsChoose a serious backend capstone option.70 minarticle1 pages
Choose Your Backend Capstone
Review approved capstone options.
70 min
Lesson 2: Final Project - Backend Software Engineering CapstoneStudents build, test, document, deploy, and present a production-ready backend platform.240 minarticle2 pages
Project Brief
Explains the project scenario and expected output.
20 min
Review Checklist
Checklist for project quality.
20 min
Lesson 3: Graduation Requirements and Portfolio OutcomeClarify completion requirements and portfolio outputs.60 minarticle1 pages
Requirements and Portfolio Checklist
Summarize graduation requirements and portfolio assets.
60 min
3Beginner to Intermediate24 weeksPath onlyFrontend Software Engineering with React, Next.js & TypeScriptLearn how to build beautiful, responsive, interactive web applications using React, Next.js, TypeScript, APIs, forms, authentication flows, and production-ready frontend workflows.8 phases22 modules66 lessons199 pages
1Phase 1 - Web and Frontend FoundationsBuild core web understanding, browser/network debugging, developer setup, Git/GitHub workflow, and professional frontend habits.2 modules10 lessonsWeeks 1–2
Module 1: How the Web WorksUnderstand the internet, browser, client, server, HTTP/HTTPS, DNS, request-response lifecycle, frontend/backend responsibilities, and web app architecture.6 lessons
Lesson 1: Internet Browser Server and ClientUnderstand the basic parts of the web: internet, browser, client, server, frontend, backend, and how they work together.85 minarticle5 pages
Welcome and Learning Objectives
Introduce the core web architecture.
8 min
The Parts of the Web
Explain the main components.
18 min
What Happens When a Page Loads
Explain high-level page loading.
18 min
Frontend and Backend Collaboration
Explain collaboration boundaries.
18 min
Exercise - Draw the Web Flow
Students draw browser-client-server flow.
23 min
Lesson 2: HTTP HTTPS and DNS BasicsUnderstand HTTP, HTTPS, DNS, URLs, methods, status codes, headers, and why secure communication matters.85 minarticle5 pages
Welcome and Learning Objectives
Introduce HTTP, HTTPS, and DNS.
8 min
URLs DNS and Requests
Explain addresses and routing.
20 min
HTTP Methods and Status Codes
Explain common methods and responses.
20 min
HTTPS and Security Basics
Explain secure communication.
18 min
Exercise - Inspect Network Requests
Students inspect real requests using DevTools.
39 min
Lesson 3: Request Response LifecycleTrace the full lifecycle of a user action from click to request, server response, frontend state update, render, loading, success, and error UI.90 minarticle4 pages
Welcome and Learning Objectives
Introduce request/response lifecycle.
8 min
User Action to UI Update
Explain the lifecycle.
22 min
Debugging the Lifecycle
Teach debugging approach.
20 min
Exercise - Request State Flow
Students design request state flow.
40 min
Lesson 4: Frontend vs Backend ResponsibilitiesClarify frontend and backend responsibilities, API contracts, user interface boundaries, validation, permissions, and collaboration.80 minarticle4 pages
Welcome and Learning Objectives
Introduce responsibility split.
8 min
Responsibility Split
Explain frontend/backend ownership.
20 min
API Contracts
Explain contract collaboration.
20 min
Exercise - Responsibility Matrix
Students split feature responsibilities.
32 min
Lesson 5: Static Websites Dynamic Websites and Web AppsUnderstand static websites, dynamic websites, web apps, SPAs, server-rendered apps, and how Next.js fits modern frontend architecture.80 minarticle4 pages
Welcome and Learning Objectives
Introduce web app categories.
8 min
Static Dynamic and App Patterns
Explain common patterns.
24 min
Where Next.js Fits
Explain Next.js role.
18 min
Exercise - Website or Web App Classification
Students classify products.
30 min
Lesson 6: Project - Web Architecture BreakdownStudents analyze a real product such as Instagram, Netflix, Uber, Workroomly, TechOga, or a SaaS dashboard and break down its web architecture.100 minarticle2 pages
Project Brief
Explain the project scenario and expected output.
20 min
Review Checklist
Checklist for project quality.
20 min
Module 2: Developer Setup and WorkflowSet up VS Code, terminal, Node.js/NPM, Git/GitHub, branching, pull requests, debugging, and browser DevTools.4 lessons
Lesson 1: VS Code Terminal and Node SetupSet up the local frontend development environment with VS Code, terminal, Node.js, NPM, and project folders.70 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
35 min
Practice Activity
Apply the lesson through a guided frontend exercise.
27 min
Lesson 2: Git GitHub Branching and Pull RequestsUse Git and GitHub for professional frontend collaboration.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
40 min
Practice Activity
Apply the lesson through a guided frontend exercise.
32 min
Lesson 3: Browser DevTools for Frontend EngineersUse DevTools to inspect elements, CSS, console errors, network requests, performance signals, and storage.75 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
37 min
Practice Activity
Apply the lesson through a guided frontend exercise.
30 min
Lesson 4: Project - Frontend Portfolio Repository SetupCreate a professional frontend portfolio repository that will host all course projects.100 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
50 min
Practice Activity
Apply the lesson through a guided frontend exercise.
42 min
2Phase 2 - HTML CSS and Responsive UIBuild strong application markup, CSS layout, responsive design, accessibility foundations, UI systems, and a SaaS landing page.3 modules10 lessonsWeeks 3–5
Module 1: HTML for ApplicationsUse semantic HTML, forms, tables, accessibility, SEO basics, and document structure for real app screens.3 lessons
Lesson 1: Semantic HTML and Document StructureWrite semantic page structure using headings, sections, nav, main, footer, and readable document flow.70 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
35 min
Practice Activity
Apply the lesson through a guided frontend exercise.
27 min
Lesson 2: Forms Inputs and Validation UXBuild forms with labels, inputs, selects, textareas, required states, and accessible error message structure.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
40 min
Practice Activity
Apply the lesson through a guided frontend exercise.
32 min
Lesson 3: Tables and Data UIBuild dashboard tables and structured data UI with accessible markup.70 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
35 min
Practice Activity
Apply the lesson through a guided frontend exercise.
27 min
Module 2: CSS FundamentalsMaster box model, selectors, typography, colors, spacing, positioning, Flexbox, and Grid.3 lessons
Lesson 1: Box Model Selectors and SpacingUse CSS selectors, box model, margin, padding, borders, sizing, and spacing systems.75 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
37 min
Practice Activity
Apply the lesson through a guided frontend exercise.
30 min
Lesson 2: Typography Colors and Visual HierarchyUse typography, color, contrast, hierarchy, and brand consistency in UI design.70 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
35 min
Practice Activity
Apply the lesson through a guided frontend exercise.
27 min
Lesson 3: Flexbox Grid and PositioningBuild layout systems with Flexbox, Grid, positioning, alignment, and responsive navigation.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
42 min
Practice Activity
Apply the lesson through a guided frontend exercise.
35 min
Module 3: Responsive Design and UI SystemsBuild mobile-first layouts, breakpoints, design tokens, component thinking, accessibility, animations, and the first milestone landing page.4 lessons
Lesson 1: Mobile-First Responsive DesignDesign mobile-first layouts with breakpoints, fluid sizing, responsive images, and real device thinking.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
40 min
Practice Activity
Apply the lesson through a guided frontend exercise.
32 min
Lesson 2: Design Tokens and Component ThinkingCreate consistent UI using tokens for color, spacing, radius, typography, and reusable components.75 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
37 min
Practice Activity
Apply the lesson through a guided frontend exercise.
30 min
Lesson 3: Accessibility and Basic AnimationsApply accessibility basics, focus states, keyboard navigation, motion restraint, and simple UI transitions.75 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
37 min
Practice Activity
Apply the lesson through a guided frontend exercise.
30 min
Lesson 4: Month 1 Project - Responsive SaaS Landing PageBuild and present a responsive SaaS landing page.150 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
75 min
Practice Activity
Apply the lesson through a guided frontend exercise.
67 min
3Phase 3 - JavaScript and TypeScriptBuild JavaScript fundamentals, modern JavaScript, async/API work, TypeScript foundations, typed API responses, and a TypeScript Expense Tracker.3 modules9 lessonsWeeks 6–9
Module 1: JavaScript FundamentalsUse variables, data types, functions, conditions, loops, arrays, objects, DOM basics, forms, and 50+ exercises.3 lessons
Lesson 1: Variables Data Types Functions and ConditionsUse JavaScript variables, values, functions, conditions, and business rules.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
40 min
Practice Activity
Apply the lesson through a guided frontend exercise.
32 min
Lesson 2: Arrays Objects and LoopsProcess lists and structured data using arrays, objects, loops, and common patterns.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
42 min
Practice Activity
Apply the lesson through a guided frontend exercise.
35 min
Lesson 3: DOM Basics and Form ValidationManipulate the DOM, handle events, validate forms, and update UI based on user input.90 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
45 min
Practice Activity
Apply the lesson through a guided frontend exercise.
37 min
Module 2: Modern JavaScriptUse ES modules, destructuring, spread/rest, array methods, async/await, Fetch API, and error handling.3 lessons
Lesson 1: ES Modules Destructuring and Array MethodsUse modern JavaScript syntax to organize and transform frontend data.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
40 min
Practice Activity
Apply the lesson through a guided frontend exercise.
32 min
Lesson 2: Async Await Fetch and Error HandlingFetch API data, handle loading/errors, parse JSON, and debug async workflows.90 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
45 min
Practice Activity
Apply the lesson through a guided frontend exercise.
37 min
Lesson 3: JavaScript Feature ModuleBuild a small JavaScript feature that processes data and updates the UI.90 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
45 min
Practice Activity
Apply the lesson through a guided frontend exercise.
37 min
Module 3: TypeScript FundamentalsUse TypeScript as the default professional workflow for frontend development.3 lessons
Lesson 1: Everyday Types Interfaces and UnionsUse TypeScript types, interfaces, unions, optional fields, and safer object shapes.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
42 min
Practice Activity
Apply the lesson through a guided frontend exercise.
35 min
Lesson 2: Function Typing Generics and NarrowingType functions, generics, API helpers, and narrowing logic.90 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
45 min
Practice Activity
Apply the lesson through a guided frontend exercise.
37 min
Lesson 3: Month 2 Project - TypeScript Expense TrackerBuild a TypeScript expense tracker with forms, state, typed models, and local persistence.160 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
80 min
Practice Activity
Apply the lesson through a guided frontend exercise.
72 min
4Phase 4 - React EngineeringBuild strong React fundamentals, hooks, state, architecture, reusable components, forms, error handling, and a React Admin Dashboard.3 modules9 lessonsWeeks 10–13
Module 1: React FundamentalsDeeply master components, JSX, props, state, events, lists, conditional rendering, and forms before moving to Next.js.3 lessons
Lesson 1: Components JSX and PropsBuild React UI using components, JSX, props, children, and composition basics.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
42 min
Practice Activity
Apply the lesson through a guided frontend exercise.
35 min
Lesson 2: State Events Lists and Conditional RenderingHandle component state, events, lists, keys, and conditional UI states.90 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
45 min
Practice Activity
Apply the lesson through a guided frontend exercise.
37 min
Lesson 3: React FormsBuild controlled forms, validation UX, reusable fields, and form submission behavior.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
42 min
Practice Activity
Apply the lesson through a guided frontend exercise.
35 min
Module 2: React Hooks and StateUse hooks for state, effects, refs, memoization, custom hooks, and local/global state decisions.3 lessons
Lesson 1: useState useEffect and useRefUse core hooks for interactive UI, effects, refs, API state, and DOM coordination.90 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
45 min
Practice Activity
Apply the lesson through a guided frontend exercise.
37 min
Lesson 2: useMemo useCallback and Custom HooksUse memoization carefully and create custom hooks for reusable logic.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
42 min
Practice Activity
Apply the lesson through a guided frontend exercise.
35 min
Lesson 3: Local vs Global StateChoose local, lifted, shared, context, or external state patterns.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
40 min
Practice Activity
Apply the lesson through a guided frontend exercise.
32 min
Module 3: React ArchitectureStructure React apps with feature folders, component composition, reusable UI, form architecture, error boundaries, and code splitting.3 lessons
Lesson 1: Component Composition and Feature FoldersOrganize React features and components using clean folder structures and composition.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
40 min
Practice Activity
Apply the lesson through a guided frontend exercise.
32 min
Lesson 2: Form Architecture Error Boundaries and Code SplittingDesign frontend architecture for robust forms, error boundaries, lazy loading, and maintainability.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
42 min
Practice Activity
Apply the lesson through a guided frontend exercise.
35 min
Lesson 3: Month 3 Project - React Admin DashboardBuild a React admin dashboard with login UI, sidebar, tables, filters, forms, chart placeholders, and reusable components.180 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
90 min
Practice Activity
Apply the lesson through a guided frontend exercise.
82 min
5Phase 5 - Next.js Production FrontendBuild production frontend apps with Next.js App Router, server/client components, data fetching, caching concepts, UI libraries, forms, validation, and a SaaS dashboard.4 modules11 lessonsWeeks 14–17
Module 1: Next.js FoundationsUse App Router, file-based routing, layouts, pages, navigation, loading, error, and not-found UI.3 lessons
Lesson 1: Why Next.js and App RouterUnderstand why Next.js is used for production React apps and how App Router structures applications.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
40 min
Practice Activity
Apply the lesson through a guided frontend exercise.
32 min
Lesson 2: Layouts Loading Error and Not Found UIUse app-level file conventions for layouts, loading states, error UI, and not-found pages.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
42 min
Practice Activity
Apply the lesson through a guided frontend exercise.
35 min
Lesson 3: Next.js Project Structure and NavigationOrganize Next.js project folders, components, routes, assets, metadata, and navigation patterns.75 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
37 min
Practice Activity
Apply the lesson through a guided frontend exercise.
30 min
Module 2: Server and Client ComponentsUnderstand Server Components, Client Components, data fetching, streaming concepts, caching basics, and route handlers overview.3 lessons
Lesson 1: Server Components and Client ComponentsChoose server or client component based on interactivity, data access, and rendering needs.90 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
45 min
Practice Activity
Apply the lesson through a guided frontend exercise.
37 min
Lesson 2: Data Fetching Streaming and Caching BasicsUnderstand server-side data fetching, loading UI, streaming concepts, caching basics, and freshness tradeoffs.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
42 min
Practice Activity
Apply the lesson through a guided frontend exercise.
35 min
Lesson 3: Route Handlers OverviewUnderstand route handlers for lightweight server-side endpoints and integration boundaries.70 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
35 min
Practice Activity
Apply the lesson through a guided frontend exercise.
27 min
Module 3: Styling and UI LibrariesUse Tailwind CSS, component libraries, design systems, themes, responsive dashboards, and dark mode basics.2 lessons
Lesson 1: Tailwind CSS for Production UIUse Tailwind for layout, spacing, typography, responsive design, states, and maintainable utility patterns.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
42 min
Practice Activity
Apply the lesson through a guided frontend exercise.
35 min
Lesson 2: Component Libraries Design Systems and ThemesUse component libraries responsibly and maintain theme consistency.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
40 min
Practice Activity
Apply the lesson through a guided frontend exercise.
32 min
Module 4: Forms Validation and UXBuild production forms with controlled forms, React Hook Form, Zod, errors, loading, empty states, and optimistic UI basics.3 lessons
Lesson 1: React Hook Form and Zod ValidationBuild typed, validated forms with React Hook Form and Zod.90 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
45 min
Practice Activity
Apply the lesson through a guided frontend exercise.
37 min
Lesson 2: UX States and Optimistic UI BasicsDesign loading, error, empty, disabled, success, and optimistic UI states.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
40 min
Practice Activity
Apply the lesson through a guided frontend exercise.
32 min
Lesson 3: Month 4 Project - Next.js SaaS DashboardBuild a Next.js SaaS dashboard using App Router, layouts, routing, forms, and UI architecture.190 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
95 min
Practice Activity
Apply the lesson through a guided frontend exercise.
87 min
6Phase 6 - API Integration and Full Stack FrontendConnect frontend applications to REST APIs, handle typed responses, authentication, protected pages, role-based UI, sessions, and the Django CRM API frontend.2 modules5 lessonsWeeks 18–19
Module 1: Working with REST APIsBuild robust API clients using Fetch/Axios, authentication tokens, pagination, filtering, sorting, errors, and TypeScript response types.2 lessons
Lesson 1: API Clients Fetch Axios and Typed ResponsesCreate typed API clients and response types for REST integration.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
42 min
Practice Activity
Apply the lesson through a guided frontend exercise.
35 min
Lesson 2: Pagination Filtering Sorting and Error HandlingBuild list pages with pagination, filtering, sorting, retries, and resilient error UI.90 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
45 min
Practice Activity
Apply the lesson through a guided frontend exercise.
37 min
Module 2: Authenticated Frontend AppsBuild login/logout, protected routes, role-based UI, session handling, token refresh concepts, and storage tradeoffs.3 lessons
Lesson 1: Login Logout Sessions and Protected PagesBuild authenticated frontend flows with protected routes and clear session behavior.90 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
45 min
Practice Activity
Apply the lesson through a guided frontend exercise.
37 min
Lesson 2: Role-Based UI and Secure Storage TradeoffsShow UI based on roles while understanding frontend trust limits and storage tradeoffs.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
42 min
Practice Activity
Apply the lesson through a guided frontend exercise.
35 min
Lesson 3: Month 5 Project - Django API Connected FrontendBuild a frontend connected to the Django CRM API from the backend course.190 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
95 min
Practice Activity
Apply the lesson through a guided frontend exercise.
87 min
7Phase 7 - Quality Testing and PerformanceAdd frontend testing, performance, Core Web Vitals, image optimization, accessibility testing, keyboard navigation, and a performance audit.2 modules5 lessonsWeeks 20–21
Module 1: Frontend TestingWrite unit, component, integration, and E2E-aware tests using Testing Library and Playwright/Cypress overview.2 lessons
Lesson 1: Unit Component and Integration TestsTest functions, components, user interactions, forms, and integrated feature behavior.90 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
45 min
Practice Activity
Apply the lesson through a guided frontend exercise.
37 min
Lesson 2: Mocking APIs and E2E Testing OverviewMock API responses and understand Playwright/Cypress E2E testing workflows.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
40 min
Practice Activity
Apply the lesson through a guided frontend exercise.
32 min
Module 2: Performance and AccessibilityImprove Core Web Vitals, images, bundle size, lazy loading, semantic UI, accessibility, and keyboard navigation.3 lessons
Lesson 1: Frontend Performance FundamentalsUnderstand Core Web Vitals, image optimization, bundle size, lazy loading, and performance debugging.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
42 min
Practice Activity
Apply the lesson through a guided frontend exercise.
35 min
Lesson 2: Accessibility Testing and Semantic UITest accessibility using semantic HTML, labels, keyboard navigation, focus, contrast, and screen-reader-friendly patterns.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
42 min
Practice Activity
Apply the lesson through a guided frontend exercise.
35 min
Lesson 3: Project - Frontend Performance and Accessibility AuditAudit and improve one existing project for performance and accessibility.110 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
55 min
Practice Activity
Apply the lesson through a guided frontend exercise.
47 min
8Phase 8 - Deployment Portfolio and CapstoneDeploy production frontend apps, work professionally with teams, document projects, complete capstone, and present portfolio-ready work.3 modules7 lessonsWeeks 22–24
Module 1: DeploymentDeploy Next.js and frontend applications with environment variables, Vercel, build errors, previews, production config, and backend API connections.2 lessons
Lesson 1: Environment Variables Builds and Production ConfigHandle environment variables, build commands, production config, API URLs, and build errors.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
40 min
Practice Activity
Apply the lesson through a guided frontend exercise.
32 min
Lesson 2: Vercel Deployment and Preview DeploymentsDeploy frontend apps with Vercel-style workflows, previews, domains, production checks, and backend API connection.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
42 min
Practice Activity
Apply the lesson through a guided frontend exercise.
35 min
Module 2: Professional Frontend WorkflowWork with tasks, pull requests, code reviews, READMEs, frontend documentation, designers, and backend engineers.2 lessons
Lesson 1: Task Boards Pull Requests and Code ReviewsUse Jira/task boards, PRs, code reviews, review comments, and frontend QA workflow.75 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
37 min
Practice Activity
Apply the lesson through a guided frontend exercise.
30 min
Lesson 2: README Documentation and Team CollaborationWrite READMEs, component docs, setup guides, and collaborate with designers/backend engineers.75 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional frontend workflow.
37 min
Practice Activity
Apply the lesson through a guided frontend exercise.
30 min
Module 3: Frontend CapstoneBuild, deploy, document, test, and present a production-grade frontend capstone.3 lessons
Lesson 1: Capstone OptionsChoose a serious frontend capstone option.70 minarticle1 pages
Choose Your Frontend Capstone
Review approved capstone options.
70 min
Lesson 2: Final Project - Frontend Software Engineering CapstoneStudents build, test, deploy, document, and present a production-grade frontend application.220 minarticle2 pages
Project Brief
Explain the project scenario and expected output.
20 min
Review Checklist
Checklist for project quality.
20 min
Lesson 3: Graduation Requirements and Portfolio OutcomeClarify completion requirements and portfolio outputs.60 minarticle1 pages
Requirements and Portfolio Checklist
Summarize graduation requirements and portfolio assets.
60 min
4Foundation6 weeksPath onlyFull Stack Engineering StudioBring backend and frontend skills together to build complete, portfolio-ready web applications from idea to deployment.5 phases11 modules45 lessons127 pages
1Phase 1 - From Idea to ProductMove from feature ideas to product requirements, architecture, user stories, MVP scope, API contracts, database design, and sprint-ready planning.2 modules11 lessons1 week
Module 1: Product ThinkingConvert product ideas into realistic full-stack requirements, user stories, acceptance criteria, and MVP scope.6 lessons
Lesson 1: From Learning Tools to Building ProductsUnderstand the shift from learning React and Django separately to delivering a complete product with users, requirements, tradeoffs, and production evidence.90 minarticle5 pages
Welcome and Learning Objectives
Introduce the studio mindset.
8 min
Tool Knowledge vs Product Delivery
Explain the difference between knowing tools and shipping products.
18 min
Full Stack Engineer Responsibilities
Explain full-stack responsibilities.
18 min
End-to-End Product Flow
Show how a feature moves across the stack.
20 min
Exercise - Product Delivery Gap Analysis
Students compare a tool exercise with a product-ready feature.
26 min
Lesson 2: Understanding RequirementsTurn vague product ideas into clear requirements by identifying users, goals, workflows, constraints, edge cases, and acceptance criteria.90 minarticle4 pages
Welcome and Learning Objectives
Introduce requirements thinking.
8 min
What Requirements Should Capture
Explain the components of requirements.
20 min
Clarifying Questions
Teach how to reduce ambiguity.
18 min
Exercise - Requirement Clarification
Students convert vague product ideas into clear requirements.
44 min
Lesson 3: Translating Business Needs into SoftwareConvert business needs into user flows, frontend screens, backend capabilities, database records, and measurable outcomes.90 minarticle3 pages
Welcome and Learning Objectives
Introduce business-to-software translation.
8 min
Business Need to Engineering Output
Explain translation flow.
22 min
Exercise - Business Need to Feature Map
Students map a business need into software responsibilities.
60 min
Lesson 4: User Stories and Acceptance CriteriaWrite clear user stories and acceptance criteria that guide frontend, backend, database, API, and QA implementation.90 minarticle4 pages
Welcome and Learning Objectives
Introduce user stories and acceptance criteria.
8 min
User Story Structure
Explain story structure.
18 min
Acceptance Criteria
Explain testable criteria.
20 min
Exercise - Write Stories and Criteria
Students write user stories and criteria.
44 min
Lesson 5: MVP Thinking and Scope ControlDefine MVP scope, non-goals, must-have features, nice-to-have features, tradeoffs, delivery risk, and release readiness.85 minarticle3 pages
Welcome and Learning Objectives
Introduce MVP thinking.
8 min
What MVP Means in This Studio
Explain MVP for final project.
20 min
Exercise - Capstone MVP Scope
Students define capstone MVP.
57 min
Lesson 6: Project - Product Requirements BriefStudents convert a product idea into a clear full-stack requirements brief.110 minarticle2 pages
Project Brief
Explain the project scenario and expected output.
20 min
Review Checklist
Checklist for project quality.
20 min
Module 2: Product ArchitectureDesign frontend, backend, database, and API architecture before implementation.5 lessons
Lesson 1: Frontend Architecture PlanningPlan routes, layouts, screens, components, state, forms, and API boundaries for a full-stack product.75 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
37 min
Practice Activity
Apply the lesson through a guided studio activity.
30 min
Lesson 2: Backend Architecture PlanningPlan Django apps, DRF resources, services, permissions, serializers, background jobs, and integration boundaries.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
40 min
Practice Activity
Apply the lesson through a guided studio activity.
32 min
Lesson 3: Database and Data Model PlanningDesign entities, relationships, constraints, indexes, audit fields, media fields, and core data flows.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
40 min
Practice Activity
Apply the lesson through a guided studio activity.
32 min
Lesson 4: API ContractsDefine request/response contracts, status codes, pagination, filtering, errors, auth requirements, and frontend types.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
42 min
Practice Activity
Apply the lesson through a guided studio activity.
35 min
Lesson 5: Deliverable - Architecture DiagramCreate a complete architecture diagram for the full-stack capstone.100 minarticle2 pages
Project Brief
Explain the project scenario and expected output.
20 min
Review Checklist
Checklist for project quality.
20 min
2Phase 2 - Full Stack IntegrationIntegrate React/Next.js frontend with Django/DRF backend through API clients, authentication, authorization, media uploads, dashboard states, and real workflows.3 modules11 lessons2 weeks
Module 1: Frontend and Backend CommunicationConnect React/Next.js frontend to Django/DRF backend with typed API clients and robust UI states.4 lessons
Lesson 1: API Integration WorkflowBuild typed API clients, request helpers, environment-based API URLs, and frontend/backend request flow.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
42 min
Practice Activity
Apply the lesson through a guided studio activity.
35 min
Lesson 2: Pagination Filtering and SearchConnect list pages to paginated, filtered, sorted, and searched DRF endpoints.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
42 min
Practice Activity
Apply the lesson through a guided studio activity.
35 min
Lesson 3: Error Handling and Empty StatesDesign client-side UX for validation errors, network errors, auth errors, permission errors, and empty data.75 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
37 min
Practice Activity
Apply the lesson through a guided studio activity.
30 min
Lesson 4: Integration DebuggingDebug CORS, auth tokens, wrong payloads, status codes, serializer errors, and frontend state issues.70 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
35 min
Practice Activity
Apply the lesson through a guided studio activity.
27 min
Module 2: Authentication and AuthorizationImplement login, registration, JWT flow, protected routes, token handling, role-based UI, and backend permissions.4 lessons
Lesson 1: Registration and Login FlowBuild registration/login screens connected to backend authentication endpoints.90 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
45 min
Practice Activity
Apply the lesson through a guided studio activity.
37 min
Lesson 2: Protected Routes and Session StateProtect frontend routes and manage session state, logout, redirects, refresh concepts, and unauthorized access.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
42 min
Practice Activity
Apply the lesson through a guided studio activity.
35 min
Lesson 3: Permissions and Role-Based UIConnect backend permissions with frontend role-aware UI while respecting backend trust boundaries.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
42 min
Practice Activity
Apply the lesson through a guided studio activity.
35 min
Lesson 4: Project - Complete Auth FlowImplement complete authentication and authorization flow across frontend and backend.130 minarticle2 pages
Project Brief
Explain the project scenario and expected output.
20 min
Review Checklist
Checklist for project quality.
20 min
Module 3: File Uploads and MediaImplement image/document uploads, profile photos, media management, and S3-ready architecture.3 lessons
Lesson 1: File Upload UX and Backend HandlingBuild upload UI, validation, preview, backend upload endpoint, and media metadata handling.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
42 min
Practice Activity
Apply the lesson through a guided studio activity.
35 min
Lesson 2: S3 and Presigned URL ArchitectureDesign S3 integration, presigned URLs, media access rules, storage paths, and production media handling.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
42 min
Practice Activity
Apply the lesson through a guided studio activity.
35 min
Lesson 3: Project - Media Management FeatureBuild or design a complete media management feature for the capstone.120 minarticle2 pages
Project Brief
Explain the project scenario and expected output.
20 min
Review Checklist
Checklist for project quality.
20 min
3Phase 3 - Production EngineeringAdd QA process, automated testing, performance review, security review, deployment, environment configuration, and production readiness.3 modules12 lessons1–2 weeks
Module 1: Quality AssuranceRun structured QA, E2E testing, UAT, bug triage, and release readiness checks.4 lessons
Lesson 1: End-to-End Testing StrategyDesign end-to-end test flows for auth, CRUD, dashboards, uploads, permissions, and failure cases.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
42 min
Practice Activity
Apply the lesson through a guided studio activity.
35 min
Lesson 2: User Acceptance TestingRun UAT against acceptance criteria and record pass/fail evidence.75 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
37 min
Practice Activity
Apply the lesson through a guided studio activity.
30 min
Lesson 3: Bug Triage and Fix WorkflowTriage bugs by severity, reproduce issues, assign fixes, verify resolution, and document decisions.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
40 min
Practice Activity
Apply the lesson through a guided studio activity.
32 min
Lesson 4: Project - QA Process ReportRun a QA process on the capstone and produce a QA report.110 minarticle2 pages
Project Brief
Explain the project scenario and expected output.
20 min
Review Checklist
Checklist for project quality.
20 min
Module 2: Performance and Security ReviewAudit frontend performance, backend performance, API efficiency, security, and production readiness.4 lessons
Lesson 1: Frontend Performance ReviewAudit bundle size, rendering, images, Core Web Vitals concepts, loading patterns, and route performance.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
40 min
Practice Activity
Apply the lesson through a guided studio activity.
32 min
Lesson 2: Backend Performance ReviewAudit API speed, database queries, N+1 problems, pagination, caching opportunities, and expensive endpoints.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
42 min
Practice Activity
Apply the lesson through a guided studio activity.
35 min
Lesson 3: Security ChecklistReview authentication, authorization, CORS, CSRF, XSS, secrets, file uploads, API exposure, and production settings.85 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
42 min
Practice Activity
Apply the lesson through a guided studio activity.
35 min
Lesson 4: Production Readiness ReviewReview environment variables, error handling, logging, monitoring, migrations, seed data, admin access, and rollback notes.75 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
37 min
Practice Activity
Apply the lesson through a guided studio activity.
30 min
Module 3: DeploymentDeploy frontend and backend with production configuration, environment variables, domains, static/media handling, and live verification.4 lessons
Lesson 1: Frontend DeploymentDeploy React/Next.js frontend with environment variables, build settings, preview deployments, and production checks.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
40 min
Practice Activity
Apply the lesson through a guided studio activity.
32 min
Lesson 2: Backend DeploymentDeploy Django backend with database, environment variables, static/media config, allowed hosts, migrations, and production settings.90 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
45 min
Practice Activity
Apply the lesson through a guided studio activity.
37 min
Lesson 3: Production Environment ConfigurationConnect frontend and backend in production and configure CORS, auth, media, domains, secrets, and error handling.75 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
37 min
Practice Activity
Apply the lesson through a guided studio activity.
30 min
Lesson 4: Deliverable - Live Deployed ApplicationStudents deploy their full-stack application or submit a complete deployment package with evidence.130 minarticle2 pages
Project Brief
Explain the project scenario and expected output.
20 min
Review Checklist
Checklist for project quality.
20 min
4Phase 4 - Professional Engineering WorkflowOperate like a development team through sprint planning, Git workflow, pull requests, code reviews, documentation, handover, and technical decision writing.2 modules8 lessons1 week
Module 1: Team DevelopmentSimulate team delivery with sprint planning, Git workflow, pull requests, code reviews, and release discipline.4 lessons
Lesson 1: Sprint Planning and Task BreakdownBreak the capstone into sprint tasks, user stories, blockers, owners, review points, and release goals.75 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
37 min
Practice Activity
Apply the lesson through a guided studio activity.
30 min
Lesson 2: Git Workflow and Pull RequestsUse feature branches, pull requests, review comments, merge discipline, and clean commit history.75 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
37 min
Practice Activity
Apply the lesson through a guided studio activity.
30 min
Lesson 3: Code Reviews and Engineering FeedbackReview frontend and backend code for correctness, readability, security, tests, and maintainability.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
40 min
Practice Activity
Apply the lesson through a guided studio activity.
32 min
Lesson 4: Operate as a Development TeamSimulate a development team delivering one capstone sprint.120 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
60 min
Practice Activity
Apply the lesson through a guided studio activity.
52 min
Module 2: Technical DocumentationCreate architecture docs, API documentation, README, deployment docs, handover docs, and decision records.4 lessons
Lesson 1: Architecture DocumentationDocument product architecture, system diagram, data flow, frontend/backend boundaries, and external services.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
40 min
Practice Activity
Apply the lesson through a guided studio activity.
32 min
Lesson 2: API DocumentationDocument endpoints, authentication, request/response examples, errors, pagination, filters, and permissions.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
40 min
Practice Activity
Apply the lesson through a guided studio activity.
32 min
Lesson 3: README and Handover DocumentationWrite project README, setup instructions, env variables, run commands, testing instructions, deployment notes, and limitations.80 minarticle3 pages
Overview and Learning Objectives
Introduce the lesson and expected outcomes.
8 min
Concepts and Professional Workflow
Explain the concept through a professional full-stack workflow.
40 min
Practice Activity
Apply the lesson through a guided studio activity.
32 min
Lesson 4: Deliverable - Professional Documentation PackageStudents submit a complete documentation package for their capstone.120 minarticle2 pages
Project Brief
Explain the project scenario and expected output.
20 min
Review Checklist
Checklist for project quality.
20 min
5Phase 5 - Capstone ProjectBuild, deploy, document, and present one production-grade full-stack capstone application.1 modules3 lessons1–2 weeks
Module 1: Capstone Selection and Build SprintChoose capstone domain, define MVP, complete build sprint, and prepare final deliverables.3 lessons
Lesson 1: Capstone OptionsChoose one production-grade full-stack capstone option.70 minarticle1 pages
Choose Your Full-Stack Capstone
Review approved capstone options and required scope.
70 min
Lesson 2: Final Project - Full Stack Engineering CapstoneStudents build, test, deploy, document, and present a production-grade full-stack application.260 minarticle2 pages
Project Brief
Explain the project scenario and expected output.
20 min
Review Checklist
Checklist for project quality.
20 min
Lesson 3: Graduation Requirements and Portfolio OutcomeClarify studio completion requirements and portfolio assets.60 minarticle1 pages
Requirements and Portfolio Checklist
Summarize graduation requirements and portfolio outcomes.
60 min
Skills and tools
Tools are taught through projects, not isolated checklists.
Understand how modern software applications work.Build backend APIs and database-powered services.Implement authentication, permissions, and protected workflows.Build modern frontend interfaces with React, Next.js, and TypeScript.Connect frontend applications to backend APIs.Handle forms, validation, loading states, errors, and user flows.Deploy full-stack applications for real users.Use AI responsibly to support planning, coding, debugging, and documentation.Build portfolio-ready full-stack web applications.Prepare for junior full-stack software engineering roles.
Projects and portfolio
Understand how modern software applications work.
Understand how modern software applications work.
Build backend APIs and database-powered services.
Build backend APIs and database-powered services.
Implement authentication, permissions, and protected workflows.
Implement authentication, permissions, and protected workflows.
Build modern frontend interfaces with React, Next.js, and TypeScript.
Build modern frontend interfaces with React, Next.js, and TypeScript.
Connect frontend applications to backend APIs.
Connect frontend applications to backend APIs.
Handle forms, validation, loading states, errors, and user flows.
Handle forms, validation, loading states, errors, and user flows.
Deploy full-stack applications for real users.
Deploy full-stack applications for real users.
Use AI responsibly to support planning, coding, debugging, and documentation.
Use AI responsibly to support planning, coding, debugging, and documentation.
Build portfolio-ready full-stack web applications.
Build portfolio-ready full-stack web applications.
Prepare for junior full-stack software engineering roles.
Prepare for junior full-stack software engineering roles.
Portfolio outcomes
Understand how modern software applications work.Build backend APIs and database-powered services.Implement authentication, permissions, and protected workflows.Build modern frontend interfaces with React, Next.js, and TypeScript.Connect frontend applications to backend APIs.Handle forms, validation, loading states, errors, and user flows.Deploy full-stack applications for real users.Use AI responsibly to support planning, coding, debugging, and documentation.Build portfolio-ready full-stack web applications.Prepare for junior full-stack software engineering roles.
Mentorship
Self-paced learning with feedback options.
TechOga paths are structured for independent progress, with stronger feedback loops available through weekly live-session and premium one-on-one support.
Structured course access for learners who can move independently and want clear lessons, resources, exercises, and portfolio direction.
A stronger support model with weekly instructor-led live sessions, weekly exercises, instructor reviews, and accountability across a path.
Self-paced access plus premium one-on-one sessions/mentorship for learners who want deeper review, private guidance, career assets, and tailored accountability.
Self-Paced Only
₦350,000
Pay once or split into fixed installments.
Upfront Payment
₦350,000due today
- ₦350,000 at enrollment
Two-Part Installment
₦210,000due today
- ₦210,000 at enrollment
- ₦140,000 after 30 days
Three-Part Installment
₦140,000due today
- ₦140,000 at enrollment
- ₦105,000 after 30 days
- ₦105,000 after 60 days
Access starts after your first confirmed payment.
Self-Paced + Weekly Instructor-Led Live Sessions
₦480,000
Pay once or split into fixed installments.
Upfront Payment
₦480,000due today
- ₦480,000 at enrollment
Two-Part Installment
₦288,000due today
- ₦288,000 at enrollment
- ₦192,000 after 30 days
Three-Part Installment
₦192,000due today
- ₦192,000 at enrollment
- ₦144,000 after 30 days
- ₦144,000 after 60 days
Access starts after your first confirmed payment.
Self-Paced + Premium One-on-One Sessions/Mentorship
₦750,000
Pay once or split into fixed installments.
Upfront Payment
₦750,000due today
- ₦750,000 at enrollment
Two-Part Installment
₦450,000due today
- ₦450,000 at enrollment
- ₦300,000 after 30 days
Three-Part Installment
₦300,000due today
- ₦300,000 at enrollment
- ₦225,000 after 30 days
- ₦225,000 after 60 days
Access starts after your first confirmed payment.
FAQ
Questions about this path.
Path-specific answers keep the enrolment decision practical.
Yes. It starts with Software Engineering Foundations before moving into backend, frontend, and full-stack project work.
Start with structure
Build full-stack software products you can proudly show.
Learn how to plan, build, connect, deploy, and present complete web applications that prove your readiness for junior full-stack engineering work.