JavaScript Modern ES6 - 2020 - The Complete Course

Open and manage the integrated terminal in your editor. Navigate directories with cd, check node version, run your JavaScript file with node, and print outputs using console.log.

Learn to install and enable popular development extensions, including prettier, bracket pair colorizer, react snippets, and live server, with quick setup tips and practical shortcuts.

Discover the basics of JavaScript syntax, including spaces being ignored, case sensitivity, and optional semicolons. Learn to use console.log, comments, and run code with node and the integrated terminal.

Learn how to declare and use variables in JavaScript with var, let, and const, and how dynamic typing allows a variable to hold numbers or strings.

Demonstrate how strict mode enforces declared variables and throws errors for undeclared ones, compare it with non-strict mode, and explain hoisting that moves declarations to the top.

Explore JavaScript operators, including arithmetic, relational, logical, bitwise, and assignment operators, along with string concatenation and the conditional (ternary) operator, with practical examples of plus, minus, modulo, shifts, and comparisons.

Explore decision making statements in JavaScript, including if, if-else ladders, and switch cases, with examples on positive numbers and grade evaluation, plus break and default control.

Explore definite and indefinite looping in JavaScript ES6, using for, for-in, for-of, while, and do-while, with break and continue, illustrated by a factorial example.

Explore how functions are defined with the function keyword, called, and can return values. Use default parameters and rest parameters (three dots) to handle varying arguments in JavaScript.

Explore function creation in JavaScript using the function constructor, recursion, and anonymous, arrow, and generator functions with ES6 syntax. Apply these patterns to front-end frameworks like React for complex tasks.

Explore generator functions in JavaScript ES6, learn how to create iterators with yield, control execution with next, and use nested generators for lazy, memory-efficient data streams.

Shows building a mobile notes app from scratch, with add and delete notes, offline operation, and installation as a progressive web app on the home screen.

Import google fonts, embed the link, and update the page font-family; then style with css for positioning, hover effects, transforms, and responsive media queries.

Explore the differences between cookies, local storage, and session storage, including capacity, persistence, and where data is stored, and how to implement them in code.

Master local storage by storing, retrieving, removing, and clearing data with setItem, getItem, removeItem, and clear, demonstrated through keys like user, age, and color.

Explore creating, reading, and deleting cookies and managing sessions with document.cookie, set a one-month expiry in UTC, and understand session versus persistent cookies (refresh to see updates).

Learn how to implement page redirection in JavaScript using window.location to navigate and how to reload or vanish content with the document object.

Learn how to print a web page with JavaScript, including creating a print function and triggering window.print. Build a simple button to initiate printing on click.

Learn how to create and initialize JavaScript objects with key-value pairs, methods, and arrays, access properties via dot notation or indexing, and implement simple object examples.

Instantiate objects with the object constructor using the new keyword and assign attributes like brand and storage. Access them with dot notation and observe undefined when a property is missing.

Create objects with Object.create in JavaScript without constructors, assign a type, and use a displayType method to log it, like occupation or web developer.

Explore object.assign to clone, append, and merge objects, building a final object from source and target with examples of languages, skills, and hobbies.

Learn how to destructure objects by extracting properties and values into variables, order doesn’t matter, and print age and name with console.log, a technique common in React and Node projects.

Learn the difference between setInterval and setTimeout in JavaScript ES6, including how setInterval repeats a function every few seconds and how setTimeout runs once after a delay.

Explains the every method, the opposite of some, showing how every ensures all employees have a salary above twenty thousand and returns true only then.

Use the find method to locate a single array item that matches a condition, returning the item or undefined if not found, noting case sensitivity in employee name matching.