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.

Learn how document.write overwrites HTML content and why it's discouraged in live pages, then explore JavaScript functions and system functions like alert, prompt, and confirm via the window object.

Explore the confirm, prompt, and console.log methods in JavaScript, learn how user choices return booleans, how prompt handles default responses and null, and how to print a page with window.print.

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.

Discover how to insert, append, and remove HTML elements with insertBefore and appendChild, update content via innerHTML, and modify attributes and styles with getElementById.

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.

Discover how JavaScript functions serve as reusable building blocks to perform tasks, enable easy debugging and maintenance, and support methods, constructors, and nested scope.

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.

Identify the limitations of arrow functions in JavaScript, including inability to act as constructors or own methods. Understand lexical this, anonymous scope, and debugging drawbacks.

Explore function declaration vs function expression in JavaScript, including hoisting, calling a function before it is defined, anonymous expressions, fat arrow functions, immediately invoked function expressions, and reassignment.

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.

Explore JavaScript's global built-in functions, including eval, isFinite, isNaN, parseFloat, and parseInt, and how they handle strings and numbers. Avoid using eval in production due to security issues.

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.

Explore how switch statements in javascript select actions from a fixed set of values using a switch value, cases, default, and break, with strict type comparisons for clarity.

Explore how loops control program flow in JavaScript, comparing for, while, and do-while constructs, and distinguishing fixed versus variable iteration scenarios.