HTML, CSS, & JavaScript - Certification Course for Beginners

Learn how CSS uses RGB to display colors and apply color names, hex codes, and RGB values to h1, h2, and h3 elements.

Learn the class selector in CSS to apply styles from your style sheet, create blue bold text, and use span tags to add large green text and underline.

Learn how divs organize content with the div tag, offering flexible formatting and positioning beyond tables, then create an HTML page with a div and preview it in the browser.

Learn how css ids style a div with id selectors and a class for underlined text, using #div1 for 80% width, 3px border, yellow background, and blue text.

Apply CSS font properties to style text with font family, font size, font style, and line height, using a class to switch font face and adjust paragraph spacing.

Set image transparency with the CSS opacity property, starting at 40 percent. Create a hover effect that changes opacity from 40 percent to 100 percent.

Learn to use relative positioning to offset elements with top and left properties, and see how a nested div shifts relative to its parent container.

Learn how CSS absolute positioning keeps an element fixed in its exact location, regardless of browser resize, and contrast it with relative positioning and nested div behavior.

Explore how CSS fixed positioning keeps elements stationary while the page scrolls, contrasting with absolute positioning that moves with content in a practical example.

Learn how the CSS float property wraps text around images by placing images on the left or right and adding margins, with a basic HTML page and a visual preview.

Explain how the CSS clear property controls post-float behavior, using a blue left-floating div, a red right-floating text wrap, and a clear rule to keep the yellow div from wrapping.

Explore how the z-index property controls stacking order between absolutely positioned divs, using blue and yellow examples to show how higher values place an element on top.

Create a css project page with a four-link navigation, hover effects, and a default active link; implement a header with a black background, a responsive three-column layout, and a footer.

Create navigation styles for an unordered list by removing bullets, zeroing margins and padding, floating items left, and styling links as blocks with hover effects and a blue active first link.

Build a container page with header navigation list and content wrapper of left, center, and right columns, using inner text divs for padding and styling, finishing with a footer.

Explore the document object model, a browser-built tree of elements and attributes, and learn how JavaScript can dynamically update DOM elements by tag name, id, or class on events.

Learn basic document object model manipulation with JavaScript by changing element text through an on-click event, using a simple change text function to demonstrate the document object model.

Explore JavaScript output methods by using document.write to display a calculation result in the page content. Compare this with window.alert, which shows the value in a pop-up message box.

Learn how to use single-line and multi-line comments in JavaScript to explain code, control execution, and support collaboration on complex scripts.

Learn how JavaScript variables work as named containers that store numbers or strings, using identifiers like x, y, and z, and how to output results to a web page.

Explore JavaScript arithmetic operations using constants and variables, perform addition, subtraction, and multiplication, and display results in the web page using getElementById and DOM updates.

Explore JavaScript arithmetic operators, including division, increments with ++, and decrements with --, by declaring variables, computing results, and displaying outputs in the browser.

Discover how JavaScript variables hold data types like numbers, strings, arrays, and objects. Explore properties and structures with examples: age, last name, cars, and the person object.

Discover how to display quotes inside strings in JavaScript by using the backslash escape character, illustrated with the word player's in browser output.

Learn how to generate a random number in JavaScript using Math.random, which outputs a value between 0 and 1, with live browser previews and refreshing shows new numbers.

Learn how JavaScript arrays store six values in a single variable using a fruits array, access items by zero-based indices, and use the length property.

Output each item in a JavaScript array and customize separation with the join method, using an asterisk as the delimiter and previewing changes in the browser.

Manipulate arrays using pop, shift, push, and unshift to remove the last or first element and to add new elements at the end or beginning.

Use the splice method to insert multiple items into an array at index 2 without removing existing elements, demonstrated by adding lemon and banana after orange.

Sort an array named cars with four elements: Volvo, Acura, Honda, Lexus, using JavaScript's sort method to arrange them alphabetically from A to Z, then reverse with the reverse method.

Join two arrays with the concat method to merge girls and boys into a combined array, then output the results in a browser preview.

Learn how to implement JavaScript conditional statements—if, else if, and else—to convert a numeric score into a letter grade, handle out-of-range errors, and display results.

Explore JavaScript comparison operators by testing a variable against values with the equal to and not equal operators, observing true or false results in the browser.

Discover how the boolean function tests truth in JavaScript, where real values like numbers and strings are true, and 0 is false. See test across seven variables and browser output.

Learn how the JavaScript for-in loop traverses an object's properties, such as first name, last name, and age in a Person object, and outputs each item in the browser.

Master the do while loop, which executes the code block once before checking the condition and then repeats while the condition stays true, as shown by a button-triggered counter example.

Explore JavaScript events in HTML, including click, mouseover, mouseout, keydown, and document load, and see how a button displays the current date and time on interactions.

Build a JavaScript and CSS photo gallery with top thumbnails that swap the main preview image on hover, plus hover borders, colors, and responsive styling in an HTML page.