A&I Tech / Training / Curriculum & Syllabus

Three Tracks. 10 Weeks. Production Code.

A hands-on, project-driven engineering syllabus built for the modern AI era. You go from absolute zero to shipping live web applications, mastering developer AI tools, and building a verifiable portfolio.

What Makes This Curriculum Different

Most bootcamps either teach outdated 2018 web tutorials or jump into complex frameworks without teaching fundamentals. We teach you how professional software teams actually build software today.

Track 01 • The Foundation

Build Websites

HTML5, Modern CSS3 & JavaScript ES6+

Understand how the web genuinely works under the hood. You'll master clean semantic markup, accessibility (a11y), responsive Flexbox and Grid layouts, CSS custom properties, and JavaScript DOM manipulation without relying blindly on third-party frameworks.

HTML5 Semantics CSS Flexbox & Grid Responsive Design JavaScript ES6+ Git & GitHub Chrome DevTools
Track 02 • Modern Productivity

Build With AI

Design, Write & Debug Code 5x Faster

AI is not replacing developers; it is replacing developers who don't use AI. You will learn to use cutting-edge developer AI tools (Cursor AI Editor, GitHub Copilot, ChatGPT, v0) to generate complex boilerplate, refactor functions, write tests, and diagnose errors in seconds.

Cursor AI Studio GitHub Copilot Prompt Engineering Automated Debugging AI Code Scaffolding v0 UI Prototyping
Track 03 • Real-World Impact

Build Web Apps

Turn Real Needs into Working Products

Learn to think in terms of product engineering. You will connect frontend user interfaces with live REST APIs, handle asynchronous data flows, validate user forms, store client data in LocalStorage, and deploy production web applications live to Vercel and Netlify.

REST APIs & Fetch Asynchronous JS Form Validation Client-Side State Vercel Deployment Custom Domains

The 10-Week Syllabus in Detail

Each week combines classroom concept lectures, live instructor code-alongs, guided hands-on lab exercises, and a weekly take-home project.

Core Topics:

  • How the web works: DNS resolution, IP addresses, HTTP request/response cycle, browser engines.
  • Setting up professional developer environment: VS Code, extensions, Terminal command line basics.
  • Git version control fundamentals: git init, add, commit, branch, and GitHub repository management.
  • Semantic HTML5 structure: headings, sections, articles, nav, forms, tables, and media elements.
  • Accessibility best practices (ARIA labels, alt attributes, clean document outlines).

Practical Deliverable: Build your first personal bio website, commit to GitHub, and deploy live to GitHub Pages.

Core Topics:

  • CSS fundamentals: cascading order, specificity calculation, inheritance, and the box model (margin, border, padding, content).
  • Mastering Flexbox: container vs item properties, alignment, justification, wrapping, and navbar patterns.
  • Mastering CSS Grid: template columns, grid areas, auto-fit, auto-fill, and complex dashboard card grids.
  • Modern styling: CSS custom properties (variables), transitions, hover states, and box-shadow elevations.
  • Responsive mobile-first workflow: viewport meta tags, media query breakpoints, relative units (rem, em, clamp, vh, vw).

Practical Deliverable: Code a fully responsive commercial business landing page that looks flawless on mobile phones, tablets, and desktop displays.

Core Topics:

  • Programming fundamentals in JavaScript: variables (let, const), primitive types, arithmetic & logical operators.
  • Control flow: if/else conditionals, switch statements, loops (for, while, for...of).
  • Functions: declarations, arrow functions, parameters, return values, and scope.
  • Working with complex data: arrays, array methods (map, filter, reduce, forEach), and JSON objects.
  • Document Object Model (DOM): selecting elements, changing content and classes, event listeners (clicks, inputs, submit).
  • Interactive UI components: mobile drawer menus, accordion toggles, dynamic modals, and client-side form validation.

Practical Deliverable: Build an interactive, validated Multi-Step Quote Calculator app with instant calculations and live error feedback.

Core Topics:

  • AI-assisted coding workflow: Configuring Cursor AI, writing effective developer prompts, generating UI components, and automated unit testing.
  • Automated bug diagnosis: Using AI to explain stack traces, fix layout bugs, and optimize code performance.
  • Asynchronous JavaScript: Understanding the event loop, Promises, async/await, and error handling with try/catch.
  • Consuming REST APIs: Fetching data from public APIs, parsing JSON responses, rendering dynamic card feeds, and loading spinners.
  • Persistent data: Storing user preferences and bookmarks in browser localStorage.

Practical Deliverable: Build a Live Currency & Tech Job Finder App connecting to live external REST APIs with search, filter, and AI assistant integration.

Core Topics:

  • Capstone Project Architecture: From problem identification to wireframing, component structuring, and deployment.
  • Production Cloud Deployment: Deploying to Vercel/Netlify, setting up custom domain names, configuring HTTPS, and optimizing web performance (Lighthouse score 90+).
  • Personal Developer Portfolio: Packaging 3 showcase projects with clean READMEs, architecture diagrams, and live demo links.
  • Career & Freelance Readiness: Writing high-converting client proposals, setting up freelance profiles, tech CV review, and LinkedIn positioning.
  • Graduation & Induction: Official Certificate Presentation and onboarding into the A&I Talent Network for paid project matching.

Practical Deliverable: Ship your Capstone Problem-Solving Web Application and launch your personal live developer portfolio.

What You Leave With: 3 Live Portfolio Apps

Employers and freelance clients don't care about certificates without proof. You will graduate with three commercial-grade projects hosted on your personal GitHub and live domains.

Project 01 • Weeks 3–4

High-Converting Business Landing Page

A responsive, blazing-fast commercial landing page with custom CSS typography, flexbox navigation, pricing tables, and interactive lead capture forms. Built using pure semantic HTML5 and modern CSS3.

HTML5 CSS Grid/Flex Mobile-First GitHub Pages
Project 02 • Weeks 7–8

AI-Augmented API Dashboard App

An interactive web application consuming live public REST APIs with search, dynamic category filtering, asynchronous data loading, and an AI chat assistant widget created using Cursor AI and GitHub Copilot.

JavaScript ES6 REST Fetch API Cursor AI LocalStorage
Project 03 • Weeks 9–10 (Capstone)

Commercial Problem-Solving Web App

Your flagship graduation project: a real web solution addressing a genuine Nigerian or African business need (e.g. logistics tracking, invoice generator, appointment scheduler, or inventory manager) deployed on Vercel with custom domain.

Full Solution Vercel Cloud Custom Domain A&I Certified

What You Need to Get Started

We designed this course to have zero artificial barriers to entry.

A Functional Laptop

Any laptop running Windows 8/10/11, macOS, or Linux with at least 4GB RAM and a working battery/charger. You do not need an expensive Mac; any basic computer works.

Commitment & Discipline

Dedicate Mondays, Wednesdays, and Fridays (10:00 AM – 2:00 PM) for in-person physical classes in Ayobo, plus self-paced practice to complete your weekly milestone projects.

₦90,000 Only 7 seats left
WhatsApp Register Now