Introduction to Front End Web Development with Javascript

Set up a JavaScript development environment using HTML5, CSS3, and JavaScript, and test scripts in browser consoles across Google Chrome, Firefox, Opera, Edge, and Safari.

Explore the fundamentals of JavaScript, including case-sensitive variables and functions, common errors from mismatched names, and the role of semicolons, comments, and ECMAScript guidance in writing reliable code.

JavaScript reserves keywords that cannot be identifiers, with examples like abstract and arguments, including ES5/ES6 terms; comments are not evaluated and improve readability, maintenance with // and /* */.

Learn how JavaScript handles data types in a loosely typed system, covering primitive types such as string, number, bigint, boolean, null, symbol, and undefined, and integers and floats.

Explore the JavaScript boolean type, including true and false, and how they differ from 1 and 0 in control structures. Understand null versus undefined and how Boolean function tests expressions.

Explore how JavaScript accesses and manipulates web page elements—creating, hiding, and styling them—while understanding the document object model and how the browser parses HTML into a node tree.

Explore the HTML DOM and its tree of objects, created when a page loads, and learn how JavaScript uses the DOM to access, modify content, and handle events.

Explore the node relationships in the DOM, including parent, child, and siblings, and learn how text nodes, innerHTML, and common node types are accessed with JavaScript.

Explore JavaScript variables as temporary storage, explain loosely typed values, and declare them with var, let, or const using meaningful identifiers and the assignment operator.

Learn how to declare global variables with var, understand hoisting and redeclaration, and compare it to let, which is block-scoped, for safer, maintainable JavaScript.

Learn how to pass one or more arguments to JavaScript functions, use return to get values, and understand local versus global variables and common pitfalls.

Compare function declarations and function expressions in JavaScript, explaining hoisting, usage scenarios for maintainability and readability, and when to use immediately invoked function expressions for one-off tasks and event handlers.

Control structures in JavaScript guide program flow with conditional statements like if and else, including nested forms. Learn relational operators and isNaN usage to validate numeric input at runtime.