JavaScript & jQuery - Certification Course for Beginners

Understand the document object model as a tree of objects representing the web page, and learn how JavaScript and jQuery can dynamically update elements by tag name, id, or class.

Learn basic dom manipulation with JavaScript by updating text via a changeText function triggered by a click on an h1. Observe text updating to new text in document object model.

Explore JavaScript as a powerful client-side language for interactive web pages, with examples like character counting, form validation, required fields, and a tic-tac-toe game.

Place JavaScript in the head and call it from the body to avoid load-time errors; this uses a dog-years calculator that multiplies age by seven and displays result when clicked.

Place JavaScript in external file and call it from head with a script tag and a src attribute. Improve maintainability, caching, and page load speed with external JavaScript.

Learn how to output data in JavaScript using document.write and window.alert, illustrated with a five plus six calculation that writes to the page and shows a pop up with 13.

Learn how JavaScript uses innerHTML to display calculation results by targeting an element with getElementById, and how updating values shows new results in the browser.

Learn how JavaScript comments explain code and aid collaboration, using single line comments with double slash and multi-line comments with slash-asterisk, to control execution.

Learn how JavaScript constants hold fixed values like 5 and 6, display the result in a web page, and switch one value to a string to see how output changes.

Learn how to declare and use variables in JavaScript, including numeric and string values, with examples of x, y, and z, and how to display results in the browser.

Explore how the equals sign functions as the assignment operator in JavaScript, linking left and right values and combining numbers with strings, as a numeric value attaches to a text string.

This lecture demonstrates JavaScript arithmetic operators on numbers, constants, and variables, showcasing addition, subtraction, and multiplication with real-time outputs using getElementById and updating the web page.

Explore division with arithmetic operators by setting d to 100 divided by 50, then demonstrate incrementing and decrementing with x++, h-- to update the output.

Master operator precedence in JavaScript and the standard order of operations, from brackets to subtraction. The example (50 + 200) multiplied by three equals 750.

Explore JavaScript data types by examining variables that hold numbers, strings, arrays, and objects, such as age, last name, cars, and a person object with first name John.

Explore how JavaScript objects organize data using a car example with properties like type and model. Learn to access values with dot notation and display them using getElementById.

Learn how to output multiple object properties in a single line using a person object with first name, last name, age, and eye color, connected by plus signs.

Learn how JavaScript strings store characters using single or double quotes, including apostrophes inside strings. See browser output and line breaks using the br tag to reinforce string fundamentals.

Learn how to determine a string's length using the length property in JavaScript by checking a variable containing all 26 letters and displaying the result via innerHTML in a browser.

Learn how to handle quotes inside strings in JavaScript by using the backslash escape character to correctly display quotes around the word player's in browser output.

Explore generating random numbers in JavaScript using Math.random(), which produces values between 0 and 1. Learn to output results to a web page and observe different numbers on each refresh.

Use Math.min and Math.max in JavaScript to find the lowest and highest values in a list of numbers, with a browser test showing -150 and 600 outputs.

round decimal numbers to the nearest integer using the Math.round function, compare outcomes with Math.floor and Math.ceil, and verify results in a web browser.

Learn how JavaScript arrays store multiple values in a single variable using a fruits array of six items, with indices starting at 0 (apple at 0) and length showing 6.

Output array values using the toString method and customize separators with join, previewing in the browser to see the updated asterisk separator with spaces around it.

Master array manipulation in JavaScript using pop, shift, push, and unshift. Remove last or first elements, then add new items to the end or beginning.

Learn to change and delete array elements by index in JavaScript, such as turning the first element to kiwi and removing items to create gaps.

Use the splice method to insert multiple items into an array at a specified index, optionally removing elements; learn by adding lemon and banana after orange.

Sort a cars array alphabetically using the sort method, ordering Volvo, Acura, Honda, Lexus from A to Z, then use the reverse method to display the reversed order.

Join two arrays with the concat method to create a combined array from girls and boys, store it in combined, and output the results in the browser.

Develop a JavaScript score-to-letter grade system using if, else if, and else statements to output grades with document write, validate scores under 100, and test values like 65 and 81.

Learn how JavaScript comparison operators work, including the equal to and not equal operators, and see real-world examples that output true or false in the browser.

Explore how the boolean function tests expressions for truth, treating any real value as true and anything without a real value as false. See numeric, string examples and browser results.

Explore how for loops in JavaScript execute a code block repeatedly, outputting values from 0 to 10 (configurable to start at 3 and end at 20) with document.write.

Execute the JavaScript for-in loop to iterate an object's properties, such as first name, last name, and age, and output each item like John Smith in 30.

Learn to use a while loop in JavaScript to output i from zero up to twenty, incrementing by one each pass. See how changing the maximum affects iterations.

Master the JavaScript do-while loop, a variation of while loop, which runs the block at least once before testing the condition and repeats while true, demonstrated by a button-click example.

Learn how JavaScript break and continue statements control loop execution, exiting when i equals 3 or skipping that iteration, with practical examples from 0 to 9.

Learn how to define and call JavaScript functions with parameters and return values to perform tasks, reuse code with different arguments, and produce outputs like 16 and 30.

Explore how HTML events trigger JavaScript, including click, mouseover, mouseout, keydown, and document load. See a button display the date and time on click, hover, or mouse out.

Create a simple JavaScript project that changes the page background color on each refresh. Choose a random color from an eight-hex array and apply it to the document body style.