CSS & JavaScript - Certification Course for Beginners

Explore the document object model, a browser tree of elements from root, head, and body; update elements, attributes, and CSS with JavaScript or jQuery via tag name, id, or class.

Explore how to manipulate the document object model with a basic JavaScript example that changes the h1 text from 'click here' to 'new text' when clicked.

Learn JavaScript, a client-side language that enables web page interactivity by communicating with the browser. See examples like character counting, form validation, required fields, and a tic tac toe game.

Learn how to place JavaScript in the head tag and call functions from the body, avoid loading errors, and trigger a dog-years calculation with a click event.

Create external JavaScript files and call them with a script tag using the src attribute in the head; benefits include easier maintenance, cached files, and faster page loads.

Explore how JavaScript outputs data with document.write by displaying a simple calculation on the page. Compare window.alert, a pop-up output, and note updates when you save changes.

Learn how to use innerHTML and getElementById to display JavaScript results in an HTML element, as a simple 6 plus 3 calculation outputs 9 in the page.

Discover how single-line and multi-line comments in JavaScript explain code, prevent execution, and aid teammates, with examples using // above a function and /* */ for blocks.

Define JavaScript constants as fixed values, shown with 5 and 6 in a paragraph with id math; constants can be numbers or strings, and update on reload after changes.

Explore how JavaScript variables act as named containers that store numbers and strings, using an x, y, z example to demonstrate addition and output in a browser.

Explore how the equals sign functions as an assignment operator in JavaScript, enabling values to be assigned across data types; see how numbers and strings combine in practice.

Learn JavaScript arithmetic operations using constants and variables to add, multiply, and subtract numbers, with practical examples like x, a, b, and c and their outputs.

Learn how to use JavaScript arithmetic operators, including division, increment, and decrement, by declaring and updating variables and displaying outputs in the browser.

Discover how operator precedence directs the order of arithmetic operations, from brackets to exponents, division, multiplication, and addition and subtraction, illustrated by 50 plus 200 in brackets multiplied by three.

Explore JavaScript data types by examining numbers, strings, arrays, and objects, and learn how variables store values and properties as part of the data model.

Explore JavaScript objects by modeling a car with properties like type, model, and color, and output values with getElementById using car.type and car.model.

Show how to output multiple object properties in one line by using a person object with first name, last name, age, and eye color, then display the sentence in the browser.

Explore how JavaScript strings store characters and use single or double quotes, with examples of first and last names and quotes inside strings, output via the break tag.

Determine a string’s length using the built-in length property, with a variable t x t containing all 26 letters, and output the length via innerHTML to show 26 in browser.

Learn how to handle quotes inside JavaScript strings by using the backslash escape character, ensuring correct output with quotations and apostrophes in a browser preview.

Generate a random number in JavaScript with Math.random, which returns a value between 0 and 1. Output the result to the page using getElementById and preview in the browser.

Learn how to use JavaScript Math.min and Math.max to find the lowest and highest values in a list, e.g., -150 as min and 600 as max.

Round decimals to the nearest integer in JavaScript using Math.round, and compare Math.floor and Math.ceil to control rounding up or down.

Learn how JavaScript arrays store multiple values in a single variable using a fruits array, access items with zero-based indexes, and use the length property to count items.

Learn to output array values using the string methods toString and join, and customize the separator with an asterisk—plus spaces around it—then save and preview in the browser.

Learn how to manipulate arrays in JavaScript using pop, shift, push, and unshift to remove and add elements, demonstrated with mango, apple, and cherry.

change array elements by index in JavaScript, turning the first item from Apple to Kiwi and learning how to delete elements by index to leave empty space in the list.

Use the splice method to add multiple items to an array and set the insertion index; for example, insert lemon and banana after orange at index 2 with 0 removals.

Sort an array alphabetically with the sort method, using a cars array of Volvo, Acura, Honda, and Lexus, then reverse it with the reverse method to view in a browser.

Join the girls and boys arrays with the concat method, store the result in a combined variable, and verify output using getElementById in the browser.

Explore JavaScript conditional statements by building a score-to-letter grade calculator using if, else if, and else, handling 0–100 grading ranges and an out-of-range error.

Explore JavaScript comparison operators and how equality tests yield true or false in a test script, comparing a variable to values like 6 and 8.

discover how javascript booleans determine whether a value is true, showing that numbers and strings evaluate to true while zero evaluates to false through a seven-variable example and browser output.

Learn how for loops execute a code block repeatedly, outputting sequential values from 0 to 10 (or a starting point) using document.write and incremental steps to a maximum.

Use the for-in loop to iterate over an object's properties, demonstrated with a Person object containing first name, last name, and age, outputting values like John Smith 30.

Learn how the JavaScript while loop iterates a code block while a condition holds, printing values from 0 up to a chosen maximum (20 or 39) by incrementing i.

Explore the do while loop in JavaScript, which executes the code block once before testing the condition and then repeats while it remains true, demonstrated via a button click example.

Explore how JavaScript break and continue statements control loop flow: break exits a loop when a condition is met, while continue skips an iteration and resumes at the next cycle.

Learn how JavaScript functions encapsulate code blocks, accept parameters and arguments, and return results, enabling reusable calculations like 8 times 2 equals 16 and 6 times 5 equals 30.

Explore JavaScript events in HTML, including click, hover, and mouse out, and see how a button can display the current date and time via event-driven functions.

Learn to build a simple JavaScript project that changes the page background color on each refresh by selecting a random hex color from an array and applying it via document.body.style.backgroundColor.