The Complete Front End Web Development Course

Learn how HTML describes page structure using elements, tags, and attributes, and how opening and closing tags define content, with HTML as the hypertext markup language that shapes web pages.

Learn how to create your first web page by organizing files in a website folder, saving as html, and using an index.html with basic html structure visible in the body.

Explore text in HTML by using headings, paragraphs, bold and italics, and line breaks to structure content with h1–h6, p, br, hr, and subscript or superscript.

Explore semantic markup in HTML, using strong and emphasis, block code, code, quotes, address, and insert and delete elements to convey meaning and structure.

Learn to create html lists, including ordered, unordered, and definition lists, and master nesting with list items using ul, ol, dl, and li.

Explore how html anchor tags create navigation by using the a tag and href to link to pages inside the same website, including relative paths with folders and dot-dot notation.

Learn how to create HTML links with the anchor tag and href, open them in a new tab with target _blank, and add mailto: email links for easy communication.

Learn to display and resize images with CSS, align them with float, and add background images using url, with class names big, medium, and small.

Learn to build HTML tables with table, tr, td, and th, presenting data in a grid with rows and headings. Save and preview your table in the browser.

Master HTML forms by building text inputs, password fields, text areas, radio buttons, checkboxes, dropdowns, and file uploads inside a form tag, using attributes like size, max length, and placeholder.

Learn to embed content with iframes in HTML, including YouTube videos and maps, and use autoplay and fullscreen attributes along with comments, id, and class attributes to manage markup.

Add video and audio to web pages using the video and audio tags, specify sources with src, enable controls, and adjust width and height to fit your layout.

Learn how cascading style sheets link CSS rules to HTML elements to control appearance. Write selectors and declarations to set properties and values, such as font and color.

Learn how CSS selectors target elements—universal, type, class, and id—and apply practical examples to center text, adjust font size, and affect specific elements.

Learn to change a website's font by embedding Google Fonts, linking an external CSS file, and applying font families with universal or element selectors for the whole page.

Master how to specify foreground and background colors in CSS using color names, hex codes, and rgb values, apply them to headings and paragraphs, and control opacity for transparency.

Learn to style text with CSS, controlling font weight, style, and size using px, percentage, or em; adjust line height, letter and word spacing, text transform and decorations, and alignment.

Explore CSS text properties by applying text indent to paragraphs, configuring text shadow with distances and blur, and styling links with colors and hover effects.

Explore how CSS boxes define every element, control width and height, apply borders, padding, and margins, manage overflow, and switch from block to inline display using list items.

Style lists and tables with CSS, mastering ordered and unordered lists, list-style-type options, and table properties like width, padding, uppercase headers, borders, and hover effects.

Master inserting images with the img tag, organize assets in an images folder, and control height, width, alignment, alt text, and title attributes.

Explore how JavaScript powers interactive websites, enables form validation and real-time updates, and write your first JavaScript code in an HTML file for front end web development.

Learn how browsers process JavaScript from HTML parsing to DOM manipulation, using inline and external scripts, and how to interact with the DOM via document.getElementById and innerText.

Set up your front end development environment by installing and using Sublime Text, learning browser console debugging, and creating your first JavaScript with external scripts for clean, collaborative workflows.

Explore how to declare and use variables in JavaScript with var, let, and const, learn their differences and scoping, and see real-world examples like city, pi, and a greeting app.

Create a javascript app that prompts for a name, stores it in a variable, builds a greeting, and shows it via alert and console log, using let, const, and var.

Explore primitive and non-primitive data types in JavaScript, from strings and numbers to booleans, undefined, and null, and learn to use objects, arrays, and functions correctly to avoid bugs.

Explore the main JavaScript operators—arithmetic, assignment, comparison, and logical—through practical examples with variables, console logs, and exponential and modulus operations to build decision making in code.

Explore how conditional statements drive decisions in JavaScript using if, else, else if, and switch; implement conditions to show outcomes like voting eligibility, hot days, and grades.

Explore loops in JavaScript—for, while, and do...while—covering initialization, condition, and updates to control repetition, printing with console.log, and using each type for different counting tasks.

Explore functions as reusable, modular blocks of code, covering declaration, expressions, and parameters; call functions with arguments, return values, and reduce code repetition for cleaner scripts.

Explore how parameters act as placeholders, how arguments supply values, and how return values produce results in JavaScript, with best practices like descriptive names and dynamic parameter usage.

Explore global and local scope in JavaScript, including function and block scope, how var, let, and const affect accessibility, and how shadowing works.

Learn to create and access arrays in javascript, modify elements, and use common methods like push, pop, shift, and unshift to manage data.

Learn to iterate arrays with for loops, for each, and map to traverse, log, and transform data, returning new arrays when needed.

Explore JavaScript objects as key-value collections, learn to create, access (dot and bracket notation), update and delete properties, and add real-world use cases.

Learn how to loop through JavaScript objects, using for in to access each property and value, and explore Object.keys, Object.values, and forEach to dynamically display or modify data.

Explore the document object model, a live in-memory tree that represents a web page, and learn how JavaScript reads, modifies, and manipulates HTML elements using methods like querySelector and getElementById.

Learn to modify web page content using the dom with javascript by selecting elements with getElementById, updating innerText, and changing styles for interactive pages.

Learn to change text and HTML on the fly using innerText and innerHTML, and to apply dynamic CSS styles and update attributes like src with JavaScript.

Learn to create, insert, modify, and remove html elements with JavaScript, manipulating the dom to build dynamic forms, comment systems, and content feeds.

Explore how JavaScript event listeners make web pages interactive by responding to clicks, hovers, and input, attaching listeners to elements to trigger visual changes and live previews.

Explore how APIs power web and mobile apps through requests, responses, endpoints, http methods, and json data, including rest, soap, graphql, and real-world uses like weather and payments.

Learn to use the fetch API to make Get requests, handle promises with then and catch, parse JSON, and display API data dynamically on a web page.