Media is too big
VIEW IN TELEGRAM
25. Wrapping Up
Scott wraps up the course by sharing some best practices and answering a question about strategies for limiting bundle size. He also shares some next steps and tips for getting better at building with Next.js.
#lesson
Scott wraps up the course by sharing some best practices and answering a question about strategies for limiting bundle size. He also shares some next steps and tips for getting better at building with Next.js.
#lesson
Title: Professional JS: Features You Need to Know
Description: Upgrade your JavaScript knowledge with post-ES6 features. Learn modern syntax, async programming, and advanced JavaScript features.
Link: https://frontendmasters.com/courses/pro-js-features/
Time: 4 hours, 33 minutes
Lessons: 40 / 40
Tags: #course #frontendmasters #720p
Description: Upgrade your JavaScript knowledge with post-ES6 features. Learn modern syntax, async programming, and advanced JavaScript features.
Link: https://frontendmasters.com/courses/pro-js-features/
Time: 4 hours, 33 minutes
Lessons: 40 / 40
Tags: #course #frontendmasters #720p
Frontendmasters
Advanced JavaScript: ES6+ Features, Async Programming & Modern Techniques
Upgrade your JavaScript knowledge with post-ES6 features. Learn modern syntax, async programming, and advanced JavaScript features.
❤1
This media is not supported in your browser
VIEW IN TELEGRAM
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
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
Media is too big
VIEW IN TELEGRAM
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
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
Media is too big
VIEW IN TELEGRAM
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
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
This media is not supported in your browser
VIEW IN TELEGRAM
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
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
Media is too big
VIEW IN TELEGRAM
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
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
This media is not supported in your browser
VIEW IN TELEGRAM
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
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
Media is too big
VIEW IN TELEGRAM
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
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
Media is too big
VIEW IN TELEGRAM
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
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
This media is not supported in your browser
VIEW IN TELEGRAM
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
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
This media is not supported in your browser
VIEW IN TELEGRAM
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
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
This media is not supported in your browser
VIEW IN TELEGRAM
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
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
This media is not supported in your browser
VIEW IN TELEGRAM
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
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
This media is not supported in your browser
VIEW IN TELEGRAM
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
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
This media is not supported in your browser
VIEW IN TELEGRAM
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
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
Media is too big
VIEW IN TELEGRAM
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
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
This media is not supported in your browser
VIEW IN TELEGRAM
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
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
Media is too big
VIEW IN TELEGRAM
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
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
This media is not supported in your browser
VIEW IN TELEGRAM
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
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
This media is not supported in your browser
VIEW IN TELEGRAM
19. Nullish Coalescing
Maximiliano introduces the nullish coalescing operator and explains that it is used to check if a value is null or undefined and return a default value if it is.
#lesson
Maximiliano introduces the nullish coalescing operator and explains that it is used to check if a value is null or undefined and return a default value if it is.
#lesson