
Learn the basics of programming with JavaScript, covering object oriented and functional concepts, and apply them to web pages using the DOM, CSS, and browser debugging in Chrome.
Explore the look and feel of JavaScript by examining its text-based syntax, variables, properties, and methods. Learn to use the browser console for basic debugging and experimentation.
Define variables in Javascript, perform basic algebra with +, -, asterisk for multiplication, forward slash for division, and use parentheses to enforce the order of operation.
Embed JavaScript in a web page with script tags, place the script after the body for loaded elements, define variables like a and b, and log expressions with console.log.
Discover how JavaScript treats almost everything as an object and use dot notation to access window, document, and location. Inspect objects with the console to view URL components.
Learn how to use the window alert to display strings, numbers, or variables, and avoid single vs double quotes and syntax errors.
Learn how to replace alerts with document.write and master JavaScript comments, including single-line // and multi-line /* */, to annotate code and temporarily disable sections while you code.
Write text to the document using strings in quotation marks, and use document.write with the plus operator to concatenate strings and print variables alongside text.
Learn to access a page element by its id using document.getElementById, assign it to a variable, and update its innerHTML to reflect changes.
Learn how to trigger JavaScript with page events like on load and on click, and manipulate the document using get element by id to respond to user actions.
Explore basic JavaScript data types: numbers, strings, booleans, and arrays, including creating arrays, storing values like colors and Fibonacci numbers, and accessing elements by zero-based indices.
Explore creating arrays with shorthand notation and array literals, and build a car object with named indices like make, model, and year, then access values via dot or bracket notation.
Master JavaScript operators, including math operators and assignment operators such as equals and plus equals, and learn increment and decrement with pre and post forms.
Review the course check list for the JavaScript course to ensure you complete the essential steps and stay aligned with the program requirements.
Learn how numbers and strings differ in JavaScript, and use number methods like toFixed and toPrecision to format numbers for display while preserving math precision.
Learn JavaScript strings by creating hello and world, then joining them, and explore length, search, substring, index, and text methods such as toUpperCase, split, and replace.
Learn how functions and methods differ in JavaScript, create reusable custom functions with parameters, and apply them to change the page background color.
Explore how global and local scope define where variables exist, how window scope relates to function scope, and how locals override globals.
Emphasize functions as value types by assigning them to a variable and using return to produce a calculated value, such as two numbers divided by each other.
Explore JavaScript value types—numbers, strings, booleans, arrays, and objects—and use typeof to identify types and convert strings to numbers with a plus in front of it.
Use a JavaScript course checklist to guide your learning and navigate the curriculum, ensuring you complete essential activities.
Explore the Math object and the Date object to perform math and create dates for today or past and future times, then learn statements and loops to control flow.
Explore the JavaScript math object, using constants like pi and sqrt, and methods for max, min, rounding (round, floor, ceil), and random numbers to perform geometry and basic math tasks.
Generate random numbers in JavaScript with Math.random, and use round, floor, or ceil to produce 0-1, 0-4, or 1-5 ranges, via a function.
Create a range function that takes min and max, computes their distance, generates a random value with Math.random, adds the min, and returns ceiling value; shown with 5-10 and 100-200.
Explore the JavaScript Date object, create and format dates with new Date(), extract and set year, month, date, and time, and implement leading-zero formatting for clean, calendar-ready strings.
Explore how to use if else and else if in JavaScript, with functions and the arguments object to handle defaults and leading zeros.
Explore how while loops use a condition to repeat code, and how arrays are traversed with pop and console.log until no elements remain.
Demonstrates how the do while loop executes code at least once before evaluating the condition, using a colors array and colors.length to log no colors available.
Learn how to replace a while loop with a for loop to iterate over arrays, using an iterator, length checks, and start-end indices, with logging colors and image sequences.
Learn the JavaScript for in loop, iterating over an object's named properties with a current key and bracket syntax. Use break and continue to control flow.
Follow the javascript course checklist to organize the course content and track your progress through the course.
Learn how JavaScript handles user interaction by working with forms, images, and timers to create image rollovers and a slideshow that changes over time.
Learn how to use JavaScript focus and blur events to style form elements, access them by id, and create reusable functions to change borders and colors.
Explore how onchange updates dropdowns and checkboxes in real time, changes background color and night mode, and uses focus, blur, and HTML5 inputs for validation.
Master image rollovers by using thumbnails to update a large image on mouseover, preload images into an array, and simplify with a for loop for instant switching.
Master the use of timers in JavaScript with setTimeout and setInterval to trigger single or repeating actions, such as changing the background color from a color array.
Explore the javascript course check list to understand how to navigate this course and track your progress.
Javascript is an open source scripting language used to enhance user interfaces and dynamic websites. Learn how to tweak websites by enhancing the back end of HTML and CSS to allow for greater control, shortcuts and formatting. Dive deeper with this 5 hour Course and customize your websites like a pro!