Frontendmasters Courses

4:41

1. Introduction
Maximiliano Firtman introduces the course by explaining that the course will cover the latest version of ECMAScript, and will provide a recap of ECMAScript 6 (ES6). The course will also dive into new features and enhancements in JavaScript, organized by categories such as language enhancement, array and collections, async programming, and advanced techniques.
- https://firtman.github.io/projs/
- https://firtman.github.io/projs/slides.pdf
#lesson

❤1

615 views18:42

2. History of JavaScript
Maximiliano discusses the concept of JavaScript versions and how they differ from other programming languages. He provides a brief history of JavaScript and its evolution, including the introduction of ECMAScript and the release of different versions over the years.
#lesson

534 views18:43

3. ECMAScript & New Features
Maximiliano explains the relationship between ECMAScript and JavaScript and discusses how different engines, such as browsers and Node, determine which version of ECMAScript to execute. He also provides resources to check ECMAScript compatibility with browsers and Node.
- https://firtman.github.io/projs/slides.pdf
- https://firtman.github.io/projs/
#lesson

511 views18:43

4. Technical Committee 39 Process
Maximiliano explains the process of proposing and implementing changes to the JavaScript language. He discusses the stages of the Technical Committee process, from the initial proposal (stage 0) to the final approval and inclusion in a new version of ECMAScript (stage 4).
#lesson

496 views18:43

5. Using Modern JavaScript Features
Maximiliano discusses how the language versions are named and how they differ from platform APIs. He also introduces the concepts of polyfills and transpilers, explaining how they can be used to write modern JavaScript code and ensure compatibility with older versions of the language.
#lesson

514 views18:43

6. JavaScript Features Q&A
Maximiliano answers student questions regarding the relationship between ECMAScript and TypeScript and how quickly TypeScript implements new features introduced by ECMAScript. He also addresses questions of whether TypeScript will become the standard for web development and the decision-making process for choosing the target version of ECMAScript when transpiling code.
#lesson

539 views18:43

7. ES Modules
Maximiliano provides a recap of ES6 features, including the class syntax, block code variable definitions, ES modules, arrow functions, promises, and more. He also discusses how modules work as isolated containers, how to import and export items from modules, and how to enable modules in different platforms such as the browser and Node.js.
- https://firtman.github.io/projs/
- https://firtman.github.io/projs/slides.pdf
#lesson

524 views18:43

8. ES Modules Import Tree
Maximiliano creates a simple example where he imports three modules, and each module logs a message to the console. He explains the concept of module execution order and how modules are only executed once, even if they are imported multiple times.
#lesson

487 views18:43

4:25

9. var, let & const Scope
Maximiliano demonstrates how to use variables and scoping in JavaScript using the provided editor. He explains the differences between global scope, function scope, and block scope, and shows how to declare variables using the `var`, `let`, and `const` keywords.
- https://firtman.github.io/projs/
#lesson

511 views18:43

3:56

10. Class Syntax
Maximiliano introduces the concept of class syntax in JavaScript. He explains how to define a class, create constructors, use getters and setters, and create subclasses. He also demonstrates how to access properties and methods of a class instance.
#lesson

516 views18:43

2:49

11. Template Strings
Maximiliano demonstrates how template strings can be used for string interpolation, executing functions and complex expressions, and creating multi-line strings. He also mentions that characters like tabs and spaces will be included in the string when using template strings.
#lesson

524 views18:43

12. Arrow Functions
Maximiliano discusses the syntax of arrow functions and their advantages, such as implicit return and shorter syntax for single-line functions. He also explains the differences in the behavior of the "arguments" object and the "this" keyword when using arrow functions compared to traditional functions.
#lesson

500 views18:43

13. Enhanced Object Literals
Maximiliano explains the concept of object literals in JavaScript and how they differ from JSON. He also discusses the shorthand syntax for defining properties and methods in object literals, as well as the ability to dynamically compute property names using square brackets.
#lesson

503 views18:43

2:40

14. Rest & Spread
Maximiliano demonstrates using the rest and spread operators in JavaScript. The rest operator is used to collect multiple arguments into an array, while the spread operator is used to spread the contents of an array into another array.
#lesson

476 views18:43

15. Destructuring
Maximiliano explains how to destructure objects and arrays, and provides examples of using destructuring in function arguments. He also discusses the potential complexity and readability issues that can arise from overusing destructuring.
#lesson

488 views18:43

2:58

16. Default Values
Maximiliano explains that in JavaScript, function arguments are not mandatory and can be called with any number of arguments. He also demonstrates how to set default values for function parameters, making the code cleaner and more concise.
#lesson

478 views18:43

17. Language Enhancements
Maximiliano discusses language enhancements that have been introduced after ES6. He covers topics such as the global `this` object, trailing commas in arrays and objects, optional catch binding, converting a function to a string, and changes in class declarations.
- https://firtman.github.io/projs/
- https://firtman.github.io/projs/slides.pdf
#lesson

497 views18:44

4:12

18. Object Rest & Spread Operators
Maximiliano demonstrates how the rest operator can be used to collect the remaining properties of an object, and how the spread operator can be used to combine properties from multiple objects into a new object. He also mentions that these operators can be used to create quick decorators by spreading properties onto an existing object.
#lesson

507 views18:44

4:08