Web Development Bootcamp 2026

Explore the fundamentals of HTML in this introduction, laying the foundation for web development skills in the web development bootcamp 2025.

Write your first html program by creating a .html file, declaring the doctype, and building html with head and body, including a title, an h1 hello world, and a paragraph.

Explore HTML comments using the <!-- --> syntax, learn that comments don’t display on the page but appear in the page source, and review a hello world example.

Discover how html attributes add information to elements with a name and value inside the opening tag. Master id, title, class, and style attributes, including boolean options and tooltips.

Understand block level and inline elements in HTML, including div, p, h1–h6, and anchor tags, then learn to group with div and style blocks.

Learn to apply style sheets to HTML to transform markup into styled web pages, guiding how HTML and style sheets shape presentation.

Explore html formatting with physical tags for visuals and logical tags for semantics. Learn tags like b, i, p, small, u, strike, strong, m, and sub.

Explore how HTML iframes embed another document within the page using the iframe tag with src. Set width and height, add borders, and apply inline CSS for Google Map embeds.

Explore HTML meta tags and their role in providing metadata within HTML documents to organize, describe, and control how web content is understood.

Learn to set HTML page backgrounds with color or image using the body element, and practice by building a sample in Visual Studio Code.

Discover how HTML tables organize data into rows and columns using table, tr, td, and th elements, with examples of styling, borders, and nested tables.

Master the essentials of HTML links by creating hyperlinks that navigate between pages, laying the groundwork for effective web navigation.

Explore HTML forms in the web development bootcamp 2025, and gain an understanding of how HTML forms fit into this course.

Explore html media within the web development bootcamp 2025, learning how to integrate and optimize media elements on modern web pages.

Embed video in an HTML page with the video tag, link sample.mp4 from a videos folder, enable controls, and resize with width and height attributes.

Learn how to embed audio in an HTML web page using the HTML audio tag, link an mp3 from an audio folder, enable controls, and adjust playback speed.

Learn to embed external media by inserting a YouTube video into an HTML page using an iframe, adjusting width and height, and optionally disable the fullscreen option.

Explore HTML5 form inputs and new input types, from date and time picks to email and URL fields, and learn the output element and placeholder attribute for richer web forms.

Explore CSS, the cascading style sheet language that controls the presentation and layout of web pages, including selectors, separation of content and design, reusability, and responsive animations.

The lecture explains inline, internal, and external CSS, showing how to apply styles with the style attribute, a style tag, and a linked style.css file.

Explore css syntax, including how selectors like h1 apply color and font size using properties and values. Learn universal, element, class, id, grouping, decision selector, child, and attribute selectors.

Explore universal, element, class, id, grouping, descendant, and child selectors, plus attribute selectors in CSS, and learn how to apply global and targeted styles to HTML elements.

Explore three methods to add CSS to HTML: inline, internal, and external. Learn to apply font size, font weight, and colors via style attributes, style tags, and linked CSS files.

Learn to style web pages with colors using named colors, hex, rgb and hsl formats, set backgrounds and gradients, and customize fonts with font family, size, weight, and google fonts.

Learn how padding in CSS creates space inside elements, using a content section with h1 and p tags, padding values, and the margin versus padding distinction.

Explore how margins create space outside an element's border in CSS, shown with two sections and 10px gaps. Learn margin shorthand for top, right, bottom, and left.

Explore the CSS visibility property by hiding the second box with a hidden class, demonstrating that hidden removes content visually but preserves its space on the page.

Explore how the css display property controls visibility using a hide class with display: none to remove an element and its space; compare with visibility: hidden to reserve space.

Learn to style CSS tables with borders, padding, and alignment, apply header and row background colors, enable hover effects, and make tables responsive with horizontal scrolling.

Build a responsive to-do list using HTML and CSS from scratch, and ensure the page stays centered across all browser sizes.

Apply CSS styling to a to-do list by building a flex centered layout, styling the container, input, and buttons, adding hover effects, fonts, and responsive design.

Learn to build a fully responsive login form using HTML and CSS, featuring a centered form with username and password fields, a login button, and a register link.

Build an HTML login form in a container div with username and password fields, placeholders enter username and enter password, a login button, and a register link.

Apply style to a login form using CSS as part of the web development bootcamp 2025.

Design and implement a registration form from scratch, featuring a background image, centered layout, and fields for name, email, phone number, and password, plus a hover animated register button.

Build a registration form inside the body using a container and heading, with a single form containing inputs for name, email, phone, and password, plus a register submit button.

Design registration form for the web development bootcamp 2025 course, providing a focused overview of form creation within a web development curriculum.

Begin the project intro for the web development bootcamp 2025, introducing the project and setting expectations for the course.

Create a responsive image gallery inside the body, using a heading and a gallery div with image tags linked by src attributes and alt text.

Style a responsive image gallery using css grid with auto-fit and min max, apply hover effects, transitions, border radius, and box shadow for a polished design on mobile and desktop.

Discover how JavaScript powers web interactivity as a high level, interpreted language. Learn dynamic content, dom manipulation, and asynchronous operations with callbacks and promises across front end and back end.

Explore the syntax of JavaScript and build your first hello world program using a simple HTML file and a script tag. See how document.write displays output in the browser.

Learn how to include JavaScript in HTML5 using inline, external (script.js with script src), and internal script tags.

Explore how to use JavaScript console.log to display values and understand basic output within web development.

Learn how to use JavaScript comments to annotate code, clarify logic, and improve maintainability within web development projects.

Explore JavaScript variables by declaring with let, const, and var, learn naming rules, and assign strings, numbers, booleans, objects, arrays, and null values.

Explore the let statement in JavaScript, declaring block-scoped variables that can be updated but not redeclared, cannot be accessed before initialization, and debug reference errors in the Chrome console.

Explain how the const statement declares constants in JavaScript, enforces block scope, requires initialization, and prevents reassignment, with examples like pi (3.14) and common errors such as missing initializer.

Explore JavaScript data types—string, number, boolean, undefined, null, object, array, and function—through practical variable examples and typeof checks that reveal output types.

Master JavaScript operators and how they affect web development in the web development bootcamp 2025.

Master JavaScript control flow for web development by exploring how the language handles decisions and execution paths.

Explore JavaScript functions in the web development bootcamp 2025, including how to define, call, and pass parameters to build modular, efficient web applications.

Master JavaScript objects by creating them with literals or new Object, accessing and modifying properties, using object methods, and exploring constructors, classes, prototypes, and destructuring.

Explore JavaScript cookies in web development, examining how cookies are used in browser-based applications as part of the bootcamp.

Learn to set, get, and delete cookies with a JavaScript function, including setting a five-day expiry and using document.cookie.

Explore JavaScript asynchronous concepts within the Web Development Bootcamp 2025, building foundational knowledge for handling asynchronous behavior in modern web development.

Explore JavaScript web APIs to access browser features and build interactive web experiences as part of the web development bootcamp 2025.

Master JavaScript events, including mouse, keyboard, form, and window events, and learn three handling methods—HTML attributes, JavaScript properties, and addEventListener—with a button click example using document.getElementById and alert.

Explore essential JavaScript keywords and their roles in modern web development as part of the web development bootcamp 2025.

Learn JavaScript error handling as part of the web development bootcamp 2025, and prepare to apply these concepts to your projects.

Explore JavaScript type conversions, including implicit conversions (coalescence) and explicit conversions. Learn how to convert values to string, number, boolean, and date using operators and built-in functions.

Watch a project demo from the web development bootcamp 2025 that showcases practical web development skills and the live project deliverables.

Build a to do list with HTML, CSS, and JavaScript by adding tasks, validating input, creating task objects with id and completed status, and rendering the list.

Learn how to store tasks in local storage to persist user data on the client side, enabling simple, offline-ready task management in web development.

Learn how to list all tasks for a web development project, organize tasks efficiently, and master task management within the Web Development Bootcamp 2025.

Implement delete functionality for a to-do list by removing items from local storage and the DOM, using task id to filter the list and update the page.

Toggle task completion by clicking the task text, flipping the completed flag in local storage and updating the parent element with the 'completed' class to reflect status changes.

Conclude by showcasing a functional to-do list project that uses local storage to save and retrieve data, creates elements with document.createElement, removes with removeChild, and handles click events with addEventListener.

Install Xampp on Windows to set up a local server, download the latest 8.2.12 64-bit version, and complete the lamp and WordPress installations.

Set up a local server, create a demo PHP course folder, write your first PHP script using echo, and preview it at localhost/php course/first script dot php.

Explore PHP syntax and how to write clear, effective comments to improve code readability and maintainability in web development projects.

Explore variables and data types in web development, learning how to declare, manipulate, and choose appropriate types to build robust, maintainable code.

Explore the basics of output in web development, focusing on how to present content to users and generate visible results from code.

Explore string concatenation and string interpolation in PHP. Create a string.php file and preview how variables form messages like 'My name is John Doe'.

Learn STR Len for string length and character count. Convert strings to uppercase or lowercase with string to upper and string to lower, and preview in the browser.

Explore loops in PHP, covering for loop syntax (initialization, condition, increment), while loop syntax, and iterating through an array, producing output from 1 to 10.

Iterate over an array with foreach to execute code for each value, print fruit values, and preview the browser output.

Create and use PHP functions, including function definitions, arguments, and return values, with practical examples that print hello and compute sums.

Learn to handle html forms using php by processing submissions and validating user input in a web development bootcamp setting.