JavaScript 2018: Modern Approach

Learn to use the JavaScript console to manipulate variables in strings, arrays, and objects, create conditional statements with operators, and implement loops in your code.

Learn to use the JavaScript console in the browser to run commands, assign variables like x = 5 and y = 6, inspect the document object model, and read errors.

Explore JavaScript variables with the var keyword, covering strings, numbers, booleans, arrays, and null, plus console basics, length, substring, toUpperCase, and how semicolons end statements.

Organize data in JavaScript by creating arrays with new Array or square-bracket syntax, access items by index, check length, and loop with console.log for debugging.

Explore json, javascript object notation, a string-based format for key-value pairs used to create and access objects. Learn to add attributes such as name, phone, and address.

Master how statements declare variables, assign values, and perform comparisons with operators, including double and triple equals, while exploring numbers, strings, booleans, and object identity in JavaScript.

Explore JavaScript operators, including arithmetic, assignment, equality checks (==, ===), not, increment, modulus, and string concatenation with number conversion in expressions.

Explore conditional statements in JavaScript, including if, inline/ternary operations, and switch, with examples comparing title length to 30 and printing appropriate output via console.log.

Learn to display calculation results on a web page using JavaScript, then explore functions with parameters and return values. Understand code placement, strict mode, comments, and debugging.

Obtain a reference to the div with id content, then set its innerHTML to display text on the page.

Define and execute JavaScript functions to group statements, pass parameters, and return values. Explore debugging with breakpoints, console logs, and assigning functions to variables.

Learn how to document JavaScript and HTML with comments, using HTML comments and script comments (single-line // and multi-line /* */), and verify their presence in developer tools.

Enable strict mode to catch errors early and enforce proper variable declarations in JavaScript by placing 'use strict' at the top or inside a function.

Place JavaScript code by using the script section or an external file and link it to HTML. Understand how script location affects timing, DOM access, and when to call functions.

Learn interactive JavaScript by modifying page elements, adding dialogues and buttons, and running code on startup or button clicks. Explore events and network requests to fetch data from servers.

Discover how to change web page elements with JavaScript by manipulating the DOM, updating styles like background color and font weight, and using camelCase properties.

Learn how to use JavaScript dialogs—alert, prompt, and confirm—to alert users, collect input, and get confirmation, with blocking behavior and practical examples.

Learn how to link HTML elements to JavaScript with on click attributes and DOM binding, handle button and text clicks, and update styles using getElementById.

Learn how to run JavaScript code on startup after the DOM is ready, using onload attributes, window.onload, and addEventListener to initialize data and the page UI efficiently.