Full-Stack Web Development Bootcamp 2026 | Complete Training

Learn what HTML is and how it structures and displays web pages. See how hyperlinks and tags define content, and how HTML forms a site even before CSS and JavaScript.

Explore the heading element in HTML by learning how h1 tags form a heading with opening and closing tags, and how the browser renders the heading.

Write a heading tag in a text editor and see how an IDE turns code into a web document. Install Visual Studio Code from code.visualstudio.com for mac, windows, or linux.

Learn to create your first html page using html5 doctype, head and body structure, and heading tags from h1 to h6, then render hello world in the browser.

Learn how to create a paragraph element in HTML by writing the opening and closing p tags to display text on a web page.

Master self closing tags, also called void elements, which do not require a closing tag, with examples like br, image tag, input, and link.

Build a mini food page using h1, h2, h3, and p tags, and the arrow and underline void elements to cement your tagging skills.

Build a food menu page using HTML with h1, h2, h3, and p tags; showcase dishes like jollof rice, egusi soup, and pounded yam, plus a contact section and footer.

Learn to display items on a web page with unordered and ordered lists in HTML, using ul and li tags to create bullet points and numbered items.

Master nested lists in HTML by embedding a ul inside an li of an ordered list, then preview the result in a browser using five server.

Learn to use the image element in HTML: the self-closing img tag with src and alt attributes, handle local and remote images, and control size with width and height.

Build a mini profile portfolio by implementing an h1 heading, an h2 paragraph, an image, an unordered list, an ordered list, and links.

Build project 2 solution by creating a simple online profile page in HTML, including headings, an image, a tech list, hobbies, and social links served via a local file server.

Build a multi-page website with home, about, and contact pages using index.html, about.html, and contact.html, and implement client-side navigation with anchor tags and href links.

Learn to host a web page by uploading your project to a public server, using a GitHub repository and GitHub Pages to deploy and publish online.

Deploy your profile project by creating a public GitHub repository, uploading index.html and the image folder, configuring GitHub pages from master, and publishing the live site.

Explore how CSS styles HTML templates and transforms a bare page into a styled site. See what CSS is and how adding it changes the page's appearance.

Learn to add css to an html page using inline, internal, and external styling, including creating a css file and linking it to your html document.

Discover how CSS selectors target HTML elements, using tag, class, and id selectors, and apply styles with universal and child selectors through practical examples.

Learn the CSS color property using color names, hex, rgb, rgba, hsl, hsla, and hex shorthand, with examples to style elements and control opacity and saturation.

Explores the CSS box model, showing how every element has content, padding, border, and margin; demonstrates width, height, and alignment effects with practical code examples.

Explore CSS display types, including block, inline, inline-block, none, flex, and grid, with hands-on HTML and CSS examples that show how each displays and layouts content.

Compare flexbox and grid layouts, build a flex container with items and gaps, and implement a three-column grid using grid-template-columns and repeat(3, 1fr).

Explore CSS positioning concepts, including static, relative, absolute, fixed, and sticky, with practical HTML/CSS examples that demonstrate how each position affects element placement inside a container.

Build a personal portfolio page with an HTML and CSS template, including header, about me, skills, projects, and contact sections, using reusable cards and hover effects for deployment.

Master responsive web design by using media queries to adapt styles for mobile, tablet, and desktop, and preview layouts with device toolbar and CSS examples.

Learn to build a hotel booking home page with HTML and CSS. Create index, rooms, and booking pages, and implement header, hero, about us, and footer.

Explore home page styling with css, linking style.css, applying a Georgia font, zero margins, a header, a hero with a centered background image and rgba overlay, and a responsive container.

Design and implement a rooms page with a header, navigation, and a container of room cards for deluxe, standard, single, double, queen, and king rooms, linked styles for layout.

Learn to style a rooms grid using display grid, auto-fit columns, and minmax(250px, 1fr); apply card styling, hover translateY(-5px), and box shadows to create an interactive rooms page.

Build a booking page with a form for room type, check-in and check-out dates, name and email, and a book now button, styled via style.css using the booking-form class.

Learn to style a booking page by creating a centered 50% width form with a white background, padding, rounded corners, and a hoverable button, plus input validation.

Push your project to a public repository on GitHub to showcase your work to potential employers, learn repository setup, commit changes, and host with an index.html homepage.

Learn to host a website on GitHub pages by uploading your project, selecting the master (or main) root, and deploying live pages like home, rooms, and bookings.

Discover bootstrap, a free CSS library that helps you build good-looking, responsive websites by applying pre-written CSS through HTML classes.

Learn how to set up and link the bootstrap framework to a web project using CDN or downloaded CSS, apply bootstrap classes like container, and verify via a live server.

Develop a Bootstrap-based project by implementing a navbar, color themes, and buttons while exploring Bootstrap forms and components in HTML templates.

Create a bootstrap navbar with a brand and links, a collapsible toggle (navbar-expand-lg) that stays sticky top, styled with bg-primary, and link CSS via CDN.

Create a Bootstrap hero section using container, padding, and margins, center the text, and style with dark background, white text, a display-4 heading, lead, and a btn-light call to action.

Explore bootstrap's grid system by creating a responsive page section with rows, columns, and cards, including an anchor-linked why choose us feature and md four column layouts.

Build a testimonials section with an id for anchor navigation, and style it with Bootstrap utilities, container, row, col md4, padding, margins, and a bold what our students say heading.

Craft a bootstrap-based call-to-action section in Visual Studio Code, using bg primary, text white, centered content, and links styled as a button with Start learning today and contact us.

Create a bootstrap footer with a dark background, white text, and centered content, assign an id of footer and a contact anchor, and include a 2026 copyright line.

Build a responsive contact form with bootstrap forms and a grid layout, including name, email, subject, and message fields, plus header and footer, then deploy the project to GitHub pages.

JavaScript powers front-end web pages with HTML and CSS, enabling form validation and password checks, and supports server-side Node.js, mobile and desktop apps, games, ai, ml, and IoT.

Clarifies the distinction between Java and JavaScript, contrasting their uses in enterprise, mobile, and back-end development with browser-based and Node.js applications, while noting Java's static typing.

Learn to write and run JavaScript using Visual Studio Code and Live Server, including inline and external scripts, console logging, and simple alert examples.

Explore the browser console as a built-in logging tool, learn how console.log displays messages with their script source and line number, and understand how dot notation accesses console methods.

Discover how to write and use single-line and multi-line comments in JavaScript, using Visual Studio Code to document code and prevent execution.

Explore how variables serve as memory containers in JavaScript, using let, const, and the older var, with declarations, assignments, and console logging.

Learn JavaScript naming conventions to write clear, collaborative code, using camelCase for variables and functions, descriptive identifiers, and PascalCase for classes, while avoiding digits at start and reserved keywords.

Explore primitive and non-primitive data types, their mutability and memory implications, with practical coding examples of numbers, strings, boolean, big integer, undefined, symbol, null, objects, arrays, and functions.

Explore JavaScript symbols, including semicolon, braces, colon, parentheses, and brackets; learn their roles as statement terminators, object delimiters, key-value separators, function invocations, and array access.

Explore basic arithmetic in JavaScript: addition, subtraction, multiplication, division, modulus, and exponent. Observe the plus operator combines numbers and strings for concatenation, and ++ and -- implement increment and decrement.

Explore maths methods on the math object, including round, floor, ceil, power, log, pi, random, sqrt, and abs, with practical examples.

Practice essential coding tasks by calculating a circle's area with radius five in JavaScript and converting Fahrenheit to Celsius, using console.log to verify results.

Solves task one and task two in javascript by calculating circle area with pi r squared and converting fahrenheit to celsius using (f-32)*5/9, with console output.

Create strings in JavaScript by declaring let or const and using single or double quotes; then build greetings with plus concatenation or template literals using backticks and ${}.

Master string manipulation using common methods, including length, character at index, and converting to uppercase or lowercase. Apply to simple examples like 'JavaScript is awesome' with console.log outputs.

Explore string manipulation in JavaScript: extract with substring and slice, locate indices with indexOf, check includes and startsWith/endsWith, replace text, and split and join words.

Learn to trim spaces with trim, trim start, and trim end to clean user input. Explore using backslash n for new lines and escaping quotes to embed quotes in strings.

Learn to extract an id from a string using javascript and console.log id, and build a password validation function that enforces length greater than six with alphabetic and numeric characters.

Explore task three and four solutions: extract the id from a url using split or the URL object, then validate a strong password with length, letters, and numbers.