This is the Full Stack LaunchPad track syllabus — 4 months · 16 weeks.View the full program
What you'll be able to do
- Build responsive front-ends with HTML, CSS, and JavaScript
- Write solid modern PHP: OOP, namespaces, and Composer packages
- Build database-backed Laravel apps with Eloquent, migrations, and auth
- Expose and consume REST APIs from Laravel
- Test, deploy, and demo a complete Laravel product
Tools & technologies
The syllabus
Web Technologies
HTML Setup and Page Structure
- Web Foundations and ToolsUnderstand websites, browsers, clients and servers · Create a project folder and organize web files · Use a code editor, browser and developer toolsBuild: Create a first project folder and open a Hello Web page in the browser.
- HTML Document StructureLearn tags, elements, attributes and nesting · Use doctype, html, head, title and body · Follow indentation and naming conventionsBuild: Build a correctly structured About Me page.
- Text and Semantic ContentAdd headings, paragraphs and line breaks · Use strong, emphasis, quotations and code text · Choose meaningful elements instead of visual tagsBuild: Create a short biography with well-structured text.
- Links, Images and PathsCreate internal and external hyperlinks · Add images with useful alternative text · Understand relative and absolute file pathsBuild: Build a two-page travel guide with navigation and images.
- Lists and TablesCreate ordered, unordered and description lists · Build tables with rows, headers and captions · Use tables only for tabular informationBuild: Create a restaurant menu and weekly timetable.
- HTML FormsUse form, label, input, textarea and button · Explore common input types and attributes · Group related controls and make forms accessibleBuild: Build a student registration form without processing it.
Semantic HTML and CSS Foundations
- Semantic HTML and AccessibilityUse header, nav, main, section, article and footer · Connect labels and write helpful alternative text · Check heading order and keyboard usabilityBuild: Convert an unstructured page into an accessible semantic page.
- CSS Introduction and SelectorsLink an external stylesheet · Use element, class and ID selectors · Write declarations with properties and valuesBuild: Style the biography page with reusable CSS classes.
- Cascade, Specificity and InheritanceUnderstand how competing rules are resolved · Compare selector specificity · Use inheritance and developer tools to debug stylesBuild: Fix a deliberately conflicting stylesheet.
- CSS Box ModelWork with content, padding, border and margin · Use width, height and box-sizing · Control overflow and spacing consistentlyBuild: Create three neatly spaced profile cards.
- Colors, Backgrounds and TypographyUse color formats and readable contrast · Style fonts, size, weight, line height and alignment · Add backgrounds, borders and simple shadowsBuild: Design a professional article page.
- Display and PositioningCompare block, inline, inline-block and none · Use relative, absolute, fixed and sticky positioning · Understand document flow and z-indexBuild: Build a sticky header and positioned notification badge.
CSS Layout and JavaScript Foundations
- Flexbox LayoutIdentify flex containers, axes and items · Align, justify, wrap and space items · Build flexible navigation and card rowsBuild: Create a responsive navigation bar and card section.
- CSS Grid LayoutDefine grid columns and rows · Use gaps, spanning and named areas · Choose Grid or Flexbox for the layoutBuild: Build a dashboard-style page layout.
- Responsive Web DesignApply mobile-first design · Write media queries and flexible measurements · Make images, navigation and grids responsiveBuild: Adapt the dashboard for phone, tablet and desktop widths.
- JavaScript IntroductionAdd JavaScript with a script file · Use the console and simple statements · Declare variables and inspect primitive data typesBuild: Create a console-based personal profile program.
- Operators and ExpressionsUse arithmetic and assignment operators · Compare values with strict equality · Combine conditions with logical operatorsBuild: Build a bill, discount and final-total calculator.
- Decision ControlWrite if, else if and else branches · Use truthy and falsy values carefully · Apply switch and conditional expressionsBuild: Create a grade and eligibility checker.
JavaScript Programming and the DOM
- LoopsRepeat work with for and while loops · Use counters, accumulators, break and continue · Avoid common infinite-loop mistakesBuild: Generate multiplication tables and summary totals.
- Functions and ScopeDefine functions with parameters and return values · Compare function declarations and arrow functions · Understand local and global scopeBuild: Turn calculator operations into reusable functions.
- Arrays and ObjectsCreate, read and update arrays · Model records with object properties and methods · Combine arrays and objects for structured dataBuild: Store and display a small product catalogue in JavaScript.
- DOM Selection and UpdatesSelect elements with DOM methods · Read and change text, attributes and classes · Create and remove elements safelyBuild: Render product cards from JavaScript data.
- Events and Form ValidationHandle click, input, submit and change events · Read form values and prevent default submission · Show clear validation messagesBuild: Add client-side validation to the registration form.
- Browser Data and Fetch BasicsStore JSON data with localStorage · Understand promises and async operations · Fetch public JSON and handle loading or errorsBuild: Build a persistent reading list or load sample API data.
Web Technologies Capstone
- Web Technologies CapstonePlan a multi-section responsive website · Combine semantic HTML, CSS layouts and JavaScript · Test links, forms, responsiveness and accessibilityBuild: Complete and present a responsive interactive business website.
React Development
React Foundations and Components
- React Introduction and SetupUnderstand components and single-page applications · Create a React project with Vite · Explore the project files and development serverBuild: Create a React project and replace the starter screen.
- JSX and ComponentsWrite JSX with correct syntax · Create and export function components · Compose small components into a pageBuild: Build Header, MainContent and Footer components.
- Props and Reusable ComponentsPass data from parent to child · Use props to customize repeated UI · Keep component responsibilities clearBuild: Create reusable hotel feature and room cards.
- Styling React ComponentsApply class names and external CSS · Organize styles for components · Build responsive layouts for React pagesBuild: Style a responsive hotel landing section.
- Events and StateHandle clicks and input events · Create state with useState · Update state without changing existing values directlyBuild: Build an interactive room counter or favourite button.
- Conditional Rendering and ListsRender different content from state · Display arrays with map · Assign stable keys and handle empty listsBuild: Render a filterable list of hotel amenities.
State, Forms, Effects and Routing
- Controlled FormsConnect form inputs to state · Handle changes and submission · Display beginner-friendly validation messagesBuild: Build a controlled guest enquiry form.
- Sharing StateLift shared state to a common parent · Pass values and callbacks through props · Keep one reliable source of truthBuild: Synchronize a room selector with a booking summary.
- Effects and Component LifecycleUnderstand when effects run · Use useEffect with dependencies · Clean up timers or subscriptionsBuild: Create an automatic promotional banner or clock.
- Fetching DataRequest JSON data asynchronously · Show loading, success and error states · Render fetched records safelyBuild: Load and display sample room data from JSON.
- React RouterConfigure browser routing · Create links and route components · Use route parameters for detail pagesBuild: Add Home, Rooms, Dining and Contact routes.
- Hooks and Reusable LogicReview useState and useEffect rules · Extract repeated logic into a custom hook · Organize components, pages and data filesBuild: Create a small custom hook for saved favourites.
React Taj Hotel Capstone
- Taj Hotel Capstone PlanningDefine pages, sections and visitor journeys · Create a component and routing plan · Prepare responsive wireframes and sample dataBuild: Produce the Taj Hotel site plan and reusable component list.
- Taj Hotel Pages and ReservationBuild shared navigation and page layouts · Create rooms, dining and experiences sections · Add a validated reservation enquiry formBuild: Complete the core Taj Hotel pages and booking form.
- Taj Hotel Testing and Final BuildTest navigation, forms and responsive layouts · Fix console warnings and accessibility issues · Create an optimized production build and presentationBuild: Finish and present the React Taj Hotel capstone website.
PHP Foundations
PHP Setup, Syntax and Arrays
- PHP and Server-Side ProgrammingCompare static pages with server-generated pages · Install a local PHP environment and check the version · Run the first PHP file through a local serverBuild: Display a dynamic welcome message and current date.
- PHP Syntax and VariablesUse PHP tags, statements, comments and echo · Create variables and constants · Follow naming and formatting conventionsBuild: Create a dynamic student profile page.
- Data Types and Type ConversionWork with strings, integers, floats, booleans and null · Inspect values and convert types · Understand loose and strict comparisonsBuild: Build a type-inspection and conversion practice script.
- PHP OperatorsUse arithmetic, assignment and increment operators · Apply comparison and logical operators · Understand precedence and parenthesesBuild: Create a salary, tax and net-pay calculator.
- StringsJoin and interpolate strings · Use common string functions · Format and escape output correctlyBuild: Build a username and message formatter.
- Indexed ArraysCreate and access indexed arrays · Add, update, remove and sort values · Inspect arrays during debuggingBuild: Create a simple course list manager.
Control Flow, Functions and Templates
- Associative and Multidimensional ArraysStore named fields with associative arrays · Nest arrays to represent records · Iterate through structured dataBuild: Build an in-memory product catalogue.
- Decision Control in PHPWrite if, elseif and else statements · Use switch and match-style decisions where appropriate · Validate decisions with strict comparisonsBuild: Create admission and discount eligibility rules.
- Loops in PHPUse for, while and do-while loops · Traverse arrays with foreach · Control loop execution safelyBuild: Generate a marks report from an array.
- User-Defined FunctionsDefine parameters and return values · Use type declarations and default arguments · Understand scope and reusable logicBuild: Create reusable invoice calculation functions.
- Built-in PHP FunctionsApply common array and string functions · Work with dates and numbers · Read documentation and check function resultsBuild: Build a utility page for text, dates and totals.
- Includes and Project StructureCompare include, require and once variants · Separate configuration, logic and presentation · Reuse headers, navigation and footersBuild: Convert separate pages into a reusable site layout.
Forms, State, Files and Errors
- PHP with HTML TemplatesEmbed small PHP expressions in HTML · Render lists and conditional content · Escape dynamic output before displayBuild: Render the product catalogue as an HTML page.
- GET and POST FormsUnderstand request methods and form actions · Read query and form data · Preserve submitted values after errorsBuild: Process a contact form and show a confirmation page.
- Validation and SanitizationDefine server-side validation rules · Validate required, numeric and email values · Sanitize or escape data for the correct contextBuild: Build a validated registration form.
- Sessions and CookiesUnderstand stateless HTTP · Start, read, update and destroy sessions · Set cookies with appropriate optionsBuild: Create a session-based login simulation and theme preference.
- Secure File UploadsConfigure multipart forms · Validate upload errors, size and file type · Generate safe filenames and storage pathsBuild: Build a profile-image upload form with validation.
- Files, CSV and JSONRead and write text files · Parse and create CSV data · Encode and decode JSONBuild: Create a small expense tracker that stores JSON data.
Object-Oriented and Secure PHP
- Errors, Exceptions and LoggingDistinguish warnings, errors and exceptions · Use try, catch and finally · Log useful details without exposing sensitive informationBuild: Add safe error handling to the expense tracker.
- Classes and ObjectsDefine classes, properties and methods · Use constructors and instantiate objects · Keep related data and behaviour togetherBuild: Create Product and CartItem classes.
- OOP RelationshipsApply visibility and encapsulation · Introduce inheritance, interfaces and traits · Prefer clear composition for reusable behaviourBuild: Model users and roles with simple classes and interfaces.
- Namespaces and ComposerOrganize classes with namespaces · Use Composer and autoloading · Understand packages and dependency versionsBuild: Autoload namespaced classes in a small project.
- PHP Security and Mini ProjectHash passwords and verify logins · Prevent XSS, CSRF and SQL injection conceptually · Combine forms, sessions, OOP and structured filesBuild: Complete a secure session-based task or product manager.
PHP, MySQL and MVC
SQL and Relational Database Foundations
- Relational Database ConceptsUnderstand databases, tables, rows and columns · Identify primary and foreign keys · Turn simple requirements into entitiesBuild: Draw a database diagram for a library system.
- MySQL Setup and SchemaCreate a database and tables · Choose practical data types · Add keys, defaults and constraintsBuild: Create the library database schema.
- INSERT and SELECTAdd single and multiple records · Retrieve chosen columns and aliases · Read query results systematicallyBuild: Populate and list books, members and authors.
- Filtering and AggregationFilter with WHERE and logical operators · Sort and limit results · Use count, sum, average and groupingBuild: Produce a filtered stock and category report.
- UPDATE, DELETE and Data IntegrityUpdate targeted rows safely · Delete only after checking conditions · Use unique, not-null and referential constraintsBuild: Correct sample records and safely remove one record.
- Relationships and JOINsModel one-to-one, one-to-many and many-to-many data · Query related tables with joins · Use aliases for readable resultsBuild: Create a report joining books, authors and loans.
PDO CRUD, Search and Authentication
- Normalization and IndexesReduce repeated data through normalization · Choose indexes for common lookups · Recognize the cost of unnecessary indexesBuild: Improve a deliberately duplicated product schema.
- PDO Connections and Prepared StatementsConnect PHP to MySQL with PDO · Configure exceptions and environment values · Bind parameters with prepared statementsBuild: Build a reusable database connection and safe lookup.
- PDO Create and ReadInsert validated form data · Fetch lists and single records · Handle missing records clearlyBuild: Create product add, list and detail pages.
- PDO Update, Delete and TransactionsEdit existing records · Confirm and delete records safely · Use transactions for related changesBuild: Complete product CRUD with a transactional stock update.
- Search, Filters and PaginationBuild parameterized search · Combine safe filters and sorting · Calculate pages, offsets and navigationBuild: Add product search, category filtering and pagination.
- Database AuthenticationRegister users with hashed passwords · Verify credentials and regenerate sessions · Implement logout and protected pagesBuild: Add registration and login to the CRUD application.
MVC and Native PHP Project
- Authorization and RolesSeparate authentication from authorization · Store and check user roles · Protect sensitive actions on the serverBuild: Allow administrators to edit while users can only view.
- MVC and Request FlowUnderstand model, view and controller responsibilities · Trace a request through the application · Separate routing, logic and presentationBuild: Draw and explain the request flow for product details.
- Front Controller and RouterSend requests through one entry point · Match routes to controller actions · Return helpful not-found responsesBuild: Create a basic router for home, products and contact pages.
- Controllers, Models and ViewsMove request logic into controllers · Place database behaviour in models or repositories · Render layouts and pass view dataBuild: Refactor product listing into MVC components.
- MVC Validation, Security and TestingCentralize validation and error messages · Add CSRF protection and escaped views · Test routes, forms and database operationsBuild: Write a manual test checklist and fix discovered issues.
- Native PHP MVC ProjectComplete CRUD, login, roles and search · Apply clean folders and reusable templates · Prepare setup notes and a demonstrationBuild: Complete and present an inventory or blog MVC application.
Laravel Application Development
Laravel Setup, Routing and Blade
- Laravel Introduction and SetupUnderstand Laravel's role and conventions · Create a project with Composer · Run the development server and basic Artisan commandsBuild: Create a Laravel project and display a custom home page.
- Project Structure and ConfigurationLocate routes, controllers, views, models and public files · Use environment variables and configuration files · Configure the application and database safelyBuild: Document key folders and connect a local database.
- RoutingDefine routes for common HTTP methods · Use required and optional parameters · Name routes and generate URLsBuild: Create named routes for a small catalogue.
- Controllers and RequestsGenerate controllers with Artisan · Receive route parameters and request data · Return views, redirects and JSON responsesBuild: Move catalogue routes into a controller.
- Blade TemplatesDisplay escaped data and use directives · Write loops and conditional sections · Pass data from controllers to viewsBuild: Render a product list and empty-state message.
- Blade Layouts and ComponentsBuild layouts with sections and yields · Create reusable components and slots · Include shared navigation and messagesBuild: Create a reusable application shell and product card.
Database, Eloquent and Validation
- Migrations and Schema BuilderGenerate and run migrations · Define columns, indexes and foreign keys · Roll back and revise schema safelyBuild: Create categories and products migrations.
- Eloquent Models and CRUDCreate models and define fillable fields · Insert, retrieve, update and delete records · Use route model bindingBuild: Build product create, list, edit and delete features.
- Eloquent RelationshipsDefine common relationships · Load and display related data · Avoid unnecessary repeated queriesBuild: Connect products to categories and show category names.
- Queries, Scopes and PaginationBuild readable Eloquent queries · Add reusable local scopes · Paginate and preserve filtersBuild: Add active-product search, filtering and pagination.
- Forms and ValidationCreate request validation rules · Display errors and restore old input · Use form request classes for reusable validationBuild: Add robust validation to product forms.
- Resource Controllers and RoutesUnderstand RESTful controller actions · Register resource routes · Keep routes and action names consistentBuild: Refactor product CRUD into a resource controller.
Authentication and Application Services
- Authentication and MiddlewareUnderstand authentication flow · Protect routes with middleware · Work with the current user and logoutBuild: Protect a dashboard and verify guest redirects.
- Authorization with Gates and PoliciesDefine who may perform an action · Create policies for model operations · Enforce checks in controllers and viewsBuild: Allow owners or administrators to edit products.
- File Storage and UploadsConfigure Laravel storage disks · Validate and store uploaded files · Display files and remove replaced imagesBuild: Add product image upload and replacement.
- Sessions, Flash Messages and ErrorsStore temporary session data · Display success and error messages · Log and handle application exceptionsBuild: Add clear feedback to all CRUD operations.
- Service Container and ServicesUnderstand dependency injection · Extract business rules into service classes · Bind interfaces when abstraction is usefulBuild: Create and inject a product-pricing service.
- Mail, Notifications and QueuesConfigure safe local mail testing · Build a notification or mailable · Understand why long work may use queuesBuild: Send a local welcome or low-stock notification.
APIs, Testing and Mini Application
- API Basics and ResourcesDefine API routes and JSON responses · Transform models with API resources · Apply validation, status codes and authentication conceptsBuild: Create a paginated read-only products API.
- Laravel Testing and Mini ProjectWrite introductory feature and unit tests · Test routes, validation, authorization and database results · Complete an integrated Laravel mini applicationBuild: Finish and present a tested content manager or mini CRM.
Laravel E-commerce Capstone
Planning, Catalogue, Accounts and Cart
- Capstone Scope and Data DesignDefine customers, administrators and user stories · Plan products, categories, carts, orders and order items · Create wireframes and acceptance criteriaBuild: Produce the e-commerce brief, schema and page wireframes.
- Project Foundation and Admin CatalogueConfigure the project, database and shared layout · Build category and product models · Add protected catalogue managementBuild: Create administrator CRUD for categories and products.
- Storefront CatalogueBuild home, catalogue and product-detail pages · Add search, category filters and pagination · Display prices, images and stock status clearlyBuild: Complete the public browsing experience.
- Customer AccountsAdd registration, login and logout · Build profile and address management · Protect account pages and validate ownershipBuild: Complete customer account and address pages.
- Shopping CartAdd, update and remove cart items · Calculate quantities, subtotals and totals · Validate stock and preserve the cartBuild: Build a working session or database-backed cart.
- Checkout and Order SchemaDesign checkout steps and validation · Create orders and order-item records · Copy product and address snapshots into the orderBuild: Build checkout review and address selection.
Orders, Administration, Testing and Delivery
- Order Creation and StockCreate orders inside a database transaction · Recheck and decrement stock safely · Clear the cart and show confirmationBuild: Place a complete mock order and verify database results.
- Order ManagementShow customer order history and details · Build administrator order lists and status updates · Enforce policies for every order actionBuild: Complete customer and administrator order workflows.
- Quality, Security and DeploymentTest catalogue, accounts, cart and checkout · Review validation, CSRF, escaping and authorization · Prepare environment, cache, storage and deployment checklistBuild: Run the test plan and resolve all critical defects.
- Final Integration and PresentationSeed realistic demonstration data · Write setup, feature and limitation notes · Demonstrate the full customer and administrator journeyBuild: Submit and present the completed Laravel e-commerce site.