Media is too big
VIEW IN TELEGRAM
24. Yarn Focus
Mike demonstrates the focus feature of Yarn workspaces, which removes unnecessary dependencies from the node modules folder, leaving only the dependencies needed for a specific part of the project. This allows for a more focused and efficient development process when working on different modules or components of a large-scale project.
#lesson
Mike demonstrates the focus feature of Yarn workspaces, which removes unnecessary dependencies from the node modules folder, leaving only the dependencies needed for a specific part of the project. This allows for a more focused and efficient development process when working on different modules or components of a large-scale project.
#lesson
Media is too big
VIEW IN TELEGRAM
25. Tests for Types
Mike compares positive and negative test cases for types in TypeScript. While positive test cases are easy to write, negative test cases are important to catch mistakes that should not be compilable. Two tools for writing negative test cases are introduced: DTS Lint and TSD.
#lesson
Mike compares positive and negative test cases for types in TypeScript. While positive test cases are easy to write, negative test cases are important to catch mistakes that should not be compilable. Two tools for writing negative test cases are introduced: DTS Lint and TSD.
#lesson
This media is not supported in your browser
VIEW IN TELEGRAM
26. Wrapping Up
Mike concludes the course with a summary of the objectives and the hope that this course gives engineers the tools to help manage complexity in large-scale applications.
#lesson
Mike concludes the course with a summary of the objectives and the hope that this course gives engineers the tools to help manage complexity in large-scale applications.
#lesson
Title: Intermediate TypeScript, v2
Description: Dive deeper into TypeScript's powerful features, including handling of extreme types, nullish values, ES modules, and advanced generics. Learn about namespaces, classes, top and bottom types, and practical use of conditional and mapped types.
Link: https://frontendmasters.com/courses/intermediate-typescript-v2/
Time: 5 hours, 3 minutes
Lessons: 33 / 33
Tags: #course #frontendmasters #720p
Description: Dive deeper into TypeScript's powerful features, including handling of extreme types, nullish values, ES modules, and advanced generics. Learn about namespaces, classes, top and bottom types, and practical use of conditional and mapped types.
Link: https://frontendmasters.com/courses/intermediate-typescript-v2/
Time: 5 hours, 3 minutes
Lessons: 33 / 33
Tags: #course #frontendmasters #720p
Frontendmasters
Intermediate TypeScript: Advanced Techniques for Types, Modules, and Generics
Dive into TypeScript's powerful features, including complex types, nullish values, ES modules, and advanced generics. Learn about namespaces, classes, top and bottom types, and conditional and mapped types.
Media is too big
VIEW IN TELEGRAM
1. Introduction
Mike North explains the goals of the course and course prerequisites which include having experience with modern JavaScript and basic knowledge of generics and type parameters. Instructions for setting up the workshop project is also covered in this segment.
- https://www.typescript-training.com/course/intermediate-v2
#lesson
Mike North explains the goals of the course and course prerequisites which include having experience with modern JavaScript and basic knowledge of generics and type parameters. Instructions for setting up the workshop project is also covered in this segment.
- https://www.typescript-training.com/course/intermediate-v2
#lesson
Media is too big
VIEW IN TELEGRAM
2. Course Overview
Mike provides an overview of the topics that will be covered in the course. Topics such as declaration merging, extreme types, nullish values, ES modules, generics, conditional types, mapped types, and variance over type params are mentioned.
#lesson
Mike provides an overview of the topics that will be covered in the course. Topics such as declaration merging, extreme types, nullish values, ES modules, generics, conditional types, mapped types, and variance over type params are mentioned.
#lesson
Media is too big
VIEW IN TELEGRAM
3. Identifiers
Mike explains how TypeScript allows for the creation of different importable and exportable things across module boundaries. The concept of namespaces and how multiple things can be stacked on top of each other in an identifier is also discussed in this segment.
- https://www.typescript-training.com/course/intermediate-v2/02-declaration-merging/
#lesson
Mike explains how TypeScript allows for the creation of different importable and exportable things across module boundaries. The concept of namespaces and how multiple things can be stacked on top of each other in an identifier is also discussed in this segment.
- https://www.typescript-training.com/course/intermediate-v2/02-declaration-merging/
#lesson
Media is too big
VIEW IN TELEGRAM
4. Namespaces
Mike discusses namespaces in JavaScript and uses jQuery as an example to explain how namespaces work. jQuery was used as a compatibility layer before standardized DOM APIs were available. A brief demonstration of using namespaces to organize and access functions and properties in JavaScript is also provided in this segment.
#lesson
Mike discusses namespaces in JavaScript and uses jQuery as an example to explain how namespaces work. jQuery was used as a compatibility layer before standardized DOM APIs were available. A brief demonstration of using namespaces to organize and access functions and properties in JavaScript is also provided in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
5. Classes
Mike demonstrates that classes in TypeScript are both types and values, and shows how the class declaration merges with the static field "createBanana" to create a namespace-like structure. The difference between TypeScript's read-only attributes and the Object.freeze() method is also discussed in this segment.
#lesson
Mike demonstrates that classes in TypeScript are both types and values, and shows how the class declaration merges with the static field "createBanana" to create a namespace-like structure. The difference between TypeScript's read-only attributes and the Object.freeze() method is also discussed in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
6. Top Types
Mike discusses extreme types in TypeScript, specifically the top and bottom types. The top type, "any", can accept any value and is often used when TypeScript cannot infer a more specific type. The top type, "unknown", requires type narrowing before it can be used.
- https://www.typescript-training.com/course/intermediate-v2/03-top-and-bottom-types/
#lesson
Mike discusses extreme types in TypeScript, specifically the top and bottom types. The top type, "any", can accept any value and is often used when TypeScript cannot infer a more specific type. The top type, "unknown", requires type narrowing before it can be used.
- https://www.typescript-training.com/course/intermediate-v2/03-top-and-bottom-types/
#lesson
Media is too big
VIEW IN TELEGRAM
7. Practical Uses of Top Types
Mike demonstrates how top types can be used to handle errors by using the `unknown` type in catch blocks to prevent assuming the type of the error. Using top types when receiving API responses from APIs that may change or when passing values through code that doesn't need to know about them.
#lesson
Mike demonstrates how top types can be used to handle errors by using the `unknown` type in catch blocks to prevent assuming the type of the error. Using top types when receiving API responses from APIs that may change or when passing values through code that doesn't need to know about them.
#lesson
Media is too big
VIEW IN TELEGRAM
8. object & Empty Objects
Mike discusses the object type which represents all possible values except for primitives, and it can accept functions as well. Various examples and use cases of the object type and how it can be used to remove nullability from a type by intersecting it with the empty object type are also covered in this lesson.
#lesson
Mike discusses the object type which represents all possible values except for primitives, and it can accept functions as well. Various examples and use cases of the object type and how it can be used to remove nullability from a type by intersecting it with the empty object type are also covered in this lesson.
#lesson
Media is too big
VIEW IN TELEGRAM
9. Bottom Types
Mike discusses bottom types, which do not accept any value and represent an impossibility. An example with an unreachable error class to handle cases where unexpected values are encountered at runtime is also demonstrated in this segment.
#lesson
Mike discusses bottom types, which do not accept any value and represent an impossibility. An example with an unreachable error class to handle cases where unexpected values are encountered at runtime is also demonstrated in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
10. Unit Types
Mike explains that unit types are types that can only have one value, such as null and undefined. Suggestions to avoid creating variables of type void and that literal types can also be used to create unit types are also covered in this segment.
#lesson
Mike explains that unit types are types that can only have one value, such as null and undefined. Suggestions to avoid creating variables of type void and that literal types can also be used to create unit types are also covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
11. null & Non-null Assertion
Mike discusses the difference between null and undefined and introduces several TypeScript features and operators that can be used to handle nullish values, such as the non-null assertion operator. Examples and the potential use cases and limitations of these operators are also covered in this segment.
- https://www.typescript-training.com/course/intermediate-v2/04-nullish-values/
#lesson
Mike discusses the difference between null and undefined and introduces several TypeScript features and operators that can be used to handle nullish values, such as the non-null assertion operator. Examples and the potential use cases and limitations of these operators are also covered in this segment.
- https://www.typescript-training.com/course/intermediate-v2/04-nullish-values/
#lesson
Media is too big
VIEW IN TELEGRAM
12. Definite Assignment Assertion
Mike discusses the definite assignment operator and explains how to use the exclamation mark (!) to assert that a variable will be assigned a value before it is used. A question about using the declare keyword instead of the exclamation mark is also covered in this segment.
#lesson
Mike discusses the definite assignment operator and explains how to use the exclamation mark (!) to assert that a variable will be assigned a value before it is used. A question about using the declare keyword instead of the exclamation mark is also covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
13. Optional Chaining & Nullish Coalescing
Mike explains the concept of optional chaining and demonstrates how to access nested properties using optional chaining. The concept of nullish coalescing and how it can be used to set default values for variables is also discussed in this segment.
#lesson
Mike explains the concept of optional chaining and demonstrates how to access nested properties using optional chaining. The concept of nullish coalescing and how it can be used to set default values for variables is also discussed in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
14. Modules & CJS Interop Overview
Mike discusses the JavaScript ecosystem's transition to using modern JavaScript modules directly in Node.js and browsers. Topics such as importing and exporting modules, importing types, CommonJS Interop, native ES module support, and importing non-TypeScript things are covered in the Modules & CJS Interop section.
- https://www.typescript-training.com/course/intermediate-v2/05-modules/
#lesson
Mike discusses the JavaScript ecosystem's transition to using modern JavaScript modules directly in Node.js and browsers. Topics such as importing and exporting modules, importing types, CommonJS Interop, native ES module support, and importing non-TypeScript things are covered in the Modules & CJS Interop section.
- https://www.typescript-training.com/course/intermediate-v2/05-modules/
#lesson
Media is too big
VIEW IN TELEGRAM
15. ES Module Imports & Exports
Mike dives into ES module imports and exports, exploring examples of named imports and exports, emphasizing the benefits of organizing code into multiple files. The example covers named imports involving consuming named exports, as well as consuming default imports.
#lesson
Mike dives into ES module imports and exports, exploring examples of named imports and exports, emphasizing the benefits of organizing code into multiple files. The example covers named imports involving consuming named exports, as well as consuming default imports.
#lesson
Media is too big
VIEW IN TELEGRAM
16. CommonJS Interop
Mike explains the differences between CommonJS modules and ECMAScript modules and demonstrates how to import and export modules using both styles. Potential issues and limitations of using CommonJS modules and some alternative solutions are also discussed in this segment.
#lesson
Mike explains the differences between CommonJS modules and ECMAScript modules and demonstrates how to import and export modules using both styles. Potential issues and limitations of using CommonJS modules and some alternative solutions are also discussed in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
17. Native ES Modules
Mike discusses that TypeScript supports native ES modules and introduces the different file extensions that can be used for ES modules and CommonJS modules. How to specify the module type in the package.json file and how to import a CommonJS module in TypeScript is also demonstrated in this segment.
#lesson
Mike discusses that TypeScript supports native ES modules and introduces the different file extensions that can be used for ES modules and CommonJS modules. How to specify the module type in the package.json file and how to import a CommonJS module in TypeScript is also demonstrated in this segment.
#lesson