JavaScript 2017: Become Top Rated Web Developer

Learn to use javascript alerts and prompts, manage semicolons and whitespace, and store user input in variables to enable interactive, two-way communication.

Learn how to declare and use JavaScript variables, including strings, numbers, and booleans, with comments and console logs for debugging, and prepare for objects and arrays.

Discover how to declare variables with valid identifiers, avoid reserved words, and use camel case. Explore arrays holding strings, numbers, and booleans, and access items by zero-based indexes.

Explore the power of arrays in JavaScript by adding items with push, removing from front or back, and using length, indexOf, and shift to access dynamic data.

Learn practical JavaScript array functions, including splice to remove items, sort and reverse for ordering, join and concat to combine, and slice to extract parts, with conversions to string.

Explore JavaScript objects as named-value containers, learn to create, access, and update data with dot notation, and compare object construction methods using examples like car records.

Learn how to define and call JavaScript functions, pass arguments, and return values, then explore global and local scope and how variables behave inside and outside functions.

Understand how the browser constructs the document object model as a tree of elements, enabling JavaScript to access, update, and interact with page content through events.

Learn to dynamically update web page styling with JavaScript by selecting elements, manipulating the DOM, and updating colors, backgrounds, and image sources via events.

Explore dom event listeners for clicks and mouseover, access elements by id, and update inner html and styles, comparing addEventListener with inline onclick for cross-browser behavior.

Learn to select and interact with page elements using querySelector and querySelectorAll, loop through items, style their background color, and attach click event listeners to respond to user clicks.

Learn to create new elements with JavaScript by using createElement and createTextNode, then insert them with appendChild into a page container selected by document.getElementById, outputting an h1 element.

Explore selecting and listing child nodes and child elements inside a wrapper with getElementById, log counts for button one, button two, and an image, and compare childNodes to children.

Explore JavaScript operators, from assignment to increment and decrement, updating a and b via click events. Prepare for comparison and logical operators in upcoming lessons.

Learn to use ternary and logical operators to evaluate booleans, apply and, or, not, and return values via conditional expressions.

Learn how conditional statements in JavaScript use if, else if, and else to compare input values and update the output when a button is clicked.

Explore how loops in JavaScript repeat code efficiently using while and for loops, illustrating increments, conditions, and output to show repeated hello without rewriting code.

Master how to convert strings to numbers with parseInt, compare numeric values, and use Math.round in JavaScript, illustrated with examples like 3.5 and type conversions between strings and numbers.

Explore advanced JavaScript objects by creating arrays of objects, access items by index, loop through all entries, and fetch external data via Ajax.

Learn how to create and validate a JSON data file from a JavaScript object, structure it as an array of objects, and fetch it with AJAX calls.

Learn how to perform ajax calls in JavaScript to fetch online data, create and configure an XMLHttpRequest, open and send the request, and access responseText for data processing.

Learn to parse AJAX responses into a usable JavaScript object, then loop through it to output data, using external server data in JavaScript.

Learn to use the for in loop to iterate over object data and cleanly replace the prior for loop. Retrieve data via a placeholder API and display results in code.

Send data to the server using ajax post, set the correct content-type (application/x-www-form-urlencoded), and handle the dynamic response or json in your JavaScript.

Explore how the JavaScript Math object generates random numbers, scales them, rounds with floor, ceil, and round, and reads and converts numeric input via value.

Explore date and time handling in JavaScript using new Date, now, and various get methods to extract hours, day, and date, and practice updating the DOM output with time-based calculations.

Learn how JavaScript objects hold paired values by creating a simple object with properties like first name and company, and access and output object information in a demo.

Learn how to send data to the server using ajax, post parameters, and process the server response by parsing json and using a for loop to update the page output.