logicgigs.com Get started
Courses/Web Development

Full-Stack Web Development

Build, ship and explain real web apps — HTML5, CSS3, JavaScript, Bootstrap, Tailwind, MySQL and PHP 8, with Git, GitHub, deployment and AI-native engineering.

  • Beginner
  • 6 months
  • 104 lessons · 104 h
  • 2 assignments & projects
  • Certificate
HTML5CSS3JavaScript (ES6+)Bootstrap 5Tailwind CSS v4MySQLPHP 8GitGitHubVS CodeXAMPPFigmaAI coding assistants

What you'll learn

  • Turn a Figma design into a responsive, accessible website with HTML5, CSS3, Bootstrap and Tailwind
  • Write modern JavaScript: DOM, events, async/await, fetch, localStorage and classes
  • Design a normalized MySQL database and query it with JOINs, GROUP BY and transactions
  • Build a secure PHP 8 back end: login with roles, PDO prepared statements, MVC structure and a REST API
  • Work as a team on GitHub with branches, pull requests and code review
  • Use AI as a tutor while learning, review AI-written code, and add an LLM-powered feature to an app
  • Deploy a live project and present it in a portfolio

A practical, industry-focused programme for people who want to build real software, not just finish tutorials. In 104 one-hour, in-person classes you go from your first web page to a deployed, full-stack PHP and MySQL web app with an AI feature, built in a team on GitHub. The stack: HTML5, CSS3, JavaScript (ES6+), Bootstrap 5, Tailwind CSS v4, MySQL, PHP 8, Git and GitHub.

The course is taught by the people who build software at the LogicGigs software house, so what you practise is how we actually work: clear briefs, small commits, reviewed pull requests, honest testing and a deployed result.

How the course works

  • One topic per class: a recap question, the concept on a real example, live coding, a guided lab and an exit ticket
  • 11 quizzes, 10 assignments, 4 mini projects, a mid-term, a final exam and a capstone with a viva
  • Every assignment is submitted as a GitHub repository
  • Attendance and progress tracked on your dashboard, with a career-readiness score
  • Certificate: 50% overall, 75% attendance and a capstone that is live online, checkable by anyone on our verification page

What you'll build

  • A responsive website for a local business (Mini Project 1)
  • A POS and ERP admin dashboard in Tailwind (Mini Project 2)
  • The dashboard brought to life with JavaScript: product grid, search, cart and receipt (Mini Project 3)
  • The PHP and MySQL back end behind it, with login and roles (Mini Project 4)
  • A team capstone for a new client domain (shop POS, clinic appointments, academy management or petrol pump), live over HTTPS and presented with a viva

AI, the right way

For the first 9 weeks AI is only a tutor: it explains, it never writes your code. Then it becomes a reviewer, a pair programmer and finally a coding agent working to your written spec, and in Weeks 23–24 you build an LLM-powered feature into your own PHP app. Quizzes, exams and the viva are always AI-free, and you must be able to explain every line you submit.

After the course

Strong students are recommended by their mentors for internships at the LogicGigs software house, and every graduate leaves with a portfolio they can show and explain.

Curriculum

10 modules · 104 lessons · 104 h
01Orientation, web fundamentals and AI policy4 lessons · 240 min
  • Course kick-off: what a full-stack developer does Free preview 60 min
  • How the web works: client and server, HTTP request and response, DNS, hosting, browsers Free preview 60 min
  • Developer toolkit: VS Code and extensions, Chrome DevTools, XAMPP or Laragon, terminal basics 60 min
  • AI in software development: how industry uses it, what the research says 60 min
02Git and GitHub4 lessons · 240 min
  • Why version control; install and configure Git; init, add, commit, status, log, diff 60 min
  • GitHub: account, repos, remotes, push, pull, clone; README in Markdown; .gitignore 60 min
  • Branches, merging, merge conflicts; undoing safely with restore and revert 60 min
  • Working with others: forks, pull requests, code review, issues 60 min
03HTML58 lessons · 480 min
  • Document structure, elements and attributes, headings, paragraphs, comments, entities 60 min
  • Text formatting, lists, links (absolute and relative paths), images (formats, alt text) 60 min
  • Tables: thead, tbody, rowspan, colspan 60 min
  • Forms I: form, input types, label, textarea, select, buttons; GET vs POST 60 min
  • Forms II: HTML5 validation (required, pattern, min, max), fieldset, datalist 60 min
  • Semantic HTML5: header, nav, main, section, article, aside, footer 60 min
  • Media and embedding: audio, video, iframe, figure 60 min
  • Project lab: plan and build a multi-page site structure 60 min
04CSS312 lessons · 720 min
  • Inline, internal and external CSS 60 min
  • Combinators, attribute selectors, pseudo-classes, pseudo-elements 60 min
  • Box model, box-sizing, margin, padding, border, display, overflow 60 min
  • Typography and Google Fonts; rem, em, %, vw, vh; backgrounds and gradients 60 min
  • Positioning: relative, absolute, fixed, sticky; z-index; floats (legacy, read-only) 60 min
  • Flexbox I: direction, justify-content, align-items, wrap, gap 60 min
  • Flexbox II: grow, shrink, basis, order 60 min
  • Grid I: grid-template, fr, repeat, minmax, gap 60 min
  • Grid II: named areas, auto-fit and auto-fill 60 min
  • Responsive design: viewport, mobile-first, media queries, responsive images 60 min
  • Transitions, transforms, keyframe animations; CSS variables; dark mode 60 min
  • Mini Project 1 demo: responsive business website 60 min
05UI/UX, Bootstrap and Tailwind CSS8 lessons · 480 min
  • UI/UX fundamentals: user flow, wireframes, visual hierarchy, spacing, colour, type, contrast 60 min
  • Bootstrap 5.3 I: CDN setup, containers, grid, utilities 60 min
  • Bootstrap 5.3 II: navbar, cards, modals, forms, tables, alerts 60 min
  • Tailwind v4 I: utility-first idea 60 min
  • Tailwind v4 II: flex and grid utilities, responsive prefixes, hover and focus states, dark mode 60 min
  • Tailwind v4 III: CSS-first theming with @theme, reusable components 60 min
  • Mini Project 2 build: POS or ERP admin dashboard UI in Tailwind (front end only) 60 min
  • Mini Project 2 demo and review of HTML, CSS and frameworks 60 min
06JavaScript ES6+24 lessons · 1440 min
  • JS in the browser, <script>, console 60 min
  • Operators, type conversion and coercion, truthy and falsy, template literals 60 min
  • if/else, switch, ternary, logical operators, short-circuiting 60 min
  • Loops: for, while, do...while, for...of, for...in; break, continue 60 min
  • Functions: declarations, expressions, arrow functions 60 min
  • Scope, hoisting, closures, the call stack 60 min
  • Arrays I: push, pop, splice, slice, includes, indexOf, find 60 min
  • Arrays II: map, filter, reduce, sort, some, every 60 min
  • Objects: literals, methods, this; destructuring; spread and rest 60 min
  • Strings, numbers, Math, Date; handling money without rounding errors 60 min
  • ES modules (import/export); optional chaining ?.; nullish ??; Set and Map 60 min
  • Problem-solving lab on everything so far 60 min
  • DOM I: the DOM tree, selecting elements, changing text, attributes, styles, classList 60 min
  • DOM II: creating and removing elements; rendering lists from arrays 60 min
  • Events: listeners, the event object, bubbling, delegation, preventDefault 60 min
  • Mid-term exam (AI-free): HTML, CSS, Git, frameworks, JS up to C51 60 min
  • Form validation in JS; regular expressions basics; user-friendly error messages 60 min
  • localStorage and sessionStorage; JSON.stringify and JSON.parse 60 min
  • Errors: try/catch/finally, throw, custom errors, Error.isError 60 min
  • OOP in JS: classes, constructors, inheritance, getters and setters, private fields 60 min
  • Async JS: the event loop, callbacks, setTimeout, promises 60 min
  • async/await, the Fetch API, REST and JSON; loading and error states 60 min
  • Mini Project 3 build: POS front end (product grid, search, cart, totals, receipt, saved cart) 60 min
  • Mini Project 3 demo 60 min
07MySQL8 lessons · 480 min
  • Databases and RDBMS; MySQL with phpMyAdmin or Workbench; data types; CREATE DATABASE 60 min
  • CRUD in SQL: INSERT, SELECT, UPDATE, DELETE; WHERE, ORDER BY, LIMIT, LIKE 60 min
  • Keys and constraints: primary, foreign, UNIQUE, NOT NULL, DEFAULT, AUTO_INCREMENT 60 min
  • Database design: ER diagrams, normalization to 3NF 60 min
  • JOINs: inner, left, right, self 60 min
  • COUNT, SUM, AVG, MIN, MAX; GROUP BY, HAVING; subqueries 60 min
  • Views, indexes, transactions, backup and export 60 min
  • SQL lab: design and query a second domain (clinic or school) 60 min
08PHP 820 lessons · 1200 min
  • How PHP runs on the server; Apache with XAMPP or Laragon; syntax, echo, variables 60 min
  • Operators, if/else, match, loops 60 min
  • Functions with type declarations, return types, named arguments, arrow functions 60 min
  • Indexed, associative and multidimensional arrays; array and string functions 60 min
  • Superglobals, $_GET and $_POST; server-side validation and sanitizing 60 min
  • Sessions and cookies; flash messages 60 min
  • File uploads with type and size checks; date and time; JSON encode and decode 60 min
  • OOP I: classes, objects, constructors, constructor property promotion, visibility 60 min
  • OOP II: inheritance, interfaces, abstract classes, traits, static members, enums 60 min
  • Namespaces, Composer, PSR-4 autoloading, .env config 60 min
  • PDO: connecting, prepared statements, fetch modes, error handling 60 min
  • CRUD I: create and list records in a Tailwind table 60 min
  • CRUD II: edit, delete, search, pagination 60 min
  • Authentication: register, password_hash, password_verify, login, logout 60 min
  • Security: SQL injection, XSS (htmlspecialchars), CSRF tokens, session hijacking, upload risks 60 min
  • MVC: router, controllers, models, views; why frameworks like Laravel exist 60 min
  • REST API in PHP: routes, HTTP methods, status codes, JSON responses 60 min
  • Front end meets back end: JS fetch to the PHP API; CORS basics 60 min
  • Mini Project 4 demo: PHP and MySQL app with login and roles 60 min
  • Capstone kick-off: teams of 2 to 3, project choice, requirements, ER diagram, task board 60 min
09AI-native engineering8 lessons · 480 min
  • How LLMs work for developers: tokens, context window, why they make things up, cost per token 60 min
  • Prompting for code: write the spec first, give context (schema, files, rules) 60 min
  • Reviewing AI code: read every line, run it, test edge cases 60 min
  • Coding agents in practice (for example Claude Code or GitHub Copilot): spec, plan, implement 60 min
  • Calling an LLM API from PHP: HTTP request with cURL or Guzzle, key in .env, errors, timeouts 60 min
  • AI feature end to end: JS front end to PHP endpoint to LLM and back 60 min
  • Structured output, grounding answers in your own data, prompt injection 60 min
  • Responsible AI and careers: privacy, bias, honesty about AI use with clients 60 min
10Capstone, deployment and career8 lessons · 480 min
  • Sprint 1 review: database and back end, instructor code review per team 60 min
  • Sprint 2 review: front end, API integration, AI feature 60 min
  • Testing and debugging: test plan, manual test cases, bugs as GitHub Issues 60 min
  • Deployment: shared hosting and cPanel, domain and DNS, uploading with Git or FTP 60 min
  • Career: portfolio site, GitHub profile, CV, LinkedIn, freelance profiles 60 min
  • Final exam (AI-free) 60 min
  • Capstone presentations I: 10-minute demo plus viva per team 60 min
  • Capstone presentations II, results and certificates 60 min

Completion requirements

  • Complete all 104 lessons
  • Get all 2 assignments and projects graded at 50% or more
  • Then claim your verifiable certificate

Assignments & projects

AssignmentAssignment 1: Build and explain

Build a responsive landing page with one interactive feature, then explain your decisions. The brief A local business (choose one: bakery,…

Capstone projectCapstone project

Design, build and deploy a complete full-stack application that solves a real problem, then present it on demo day. Requirements An approve…

Instructor

LogicGigs Academy Team

Engineers and designers from the LogicGigs software house

Courses are taught and reviewed by practitioners who build production software every day.

Requirements

  • A laptop with at least 8 GB RAM
  • Comfort using a computer and the internet
  • No prior programming experience required

Batches

Batch 09Dates TBAMon–Fri · 5:00–6:30 pm (in person; Sat & Sun off)On-siteIn progress
Batch 10Dates TBAMon–Fri · 5:00–6:30 pm (in person; Sat & Sun off)On-siteIn progress
Batch 11Dates TBAMon–Fri · 5:00–6:30 pm (in person; Sat & Sun off)On-siteIn progress
Batch Oct 2026Oct 13, 2026 – Feb 2, 2027Mon · Wed · Fri, 7–9 pmHybridEnrolling
Batch 12Nov 1, 2026 – Apr 30, 2027Mon–Fri · 5:00–6:30 pm (in person; Sat & Sun off)On-siteEnrolling

You might also like

Intermediate Popular
Mobile Development

Mobile Apps with Flutter

Design and ship cross-platform iOS and Android apps with Flutter and Firebase.

  • 12 weeks
  • 8 h/week
Enrolling now PKR 50,000
Beginner
AI & Data

Python for AI & Data

Go from Python basics to data analysis and your first machine-learning models.

  • 12 weeks
  • 8 h/week
Enrolling now PKR 25,000