Frontendmasters Courses
894 subscribers
1 photo
7.9K videos
2.04K links
#frontendmasters courses

source: https://frontendmasters.com/courses

Channel for automated uploaded courses from frontendmasters.com

Our Channels:
@vue_courses
@vue_updates

Contacts:
@Black_Yuzia
Download Telegram
Media is too big
VIEW IN TELEGRAM
7. Objects & Property Types
Mike explains the concept of objects in JavaScript, how to define their types in TypeScript, and demonstrates how to create an object type and use it as a function argument. Optional properties, type guards, and how excess property checking prevents passing in unknown properties to an object are also covered in this segment.
-
https://www.typescript-training.com/course/fundamentals-v4/04-objects-arrays-and-tuples/
#lesson
Media is too big
VIEW IN TELEGRAM
8. Index Signatures
Mike discusses index signatures, introducing a use case where an object contains different phone numbers, including predefined and custom ones. How to define and use index signatures and conventions for accessing known properties and index fields are also covered in this segment.
#lesson
👍1
Media is too big
VIEW IN TELEGRAM
9. Array Types, Tuples & readonly
Mike discusses how TypeScript infers the type of array elements and how to define and use tuples. Using the `readonly` keyword to create immutable tuples and a discussion regarding the trade-offs of using tuples are also covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
10. Structural vs Nominal Typing
Mike explains how type checking occurs when assigning values to variables, passing arguments to functions, and returning values from functions. Concepts such as type equivalence, static vs dynamic types, strong vs weak types, and nominal vs structural type systems are also demonstrated in this segment.
-
https://www.typescript-training.com/course/fundamentals-v4/05-structural-vs-nominal-types/
#lesson
Media is too big
VIEW IN TELEGRAM
11. Conceptualizing Union & Intersection Types
Mike explains how union types represent the "or" condition for types, allowing values from multiple sets, and how intersection types represent the "and" condition, requiring values to meet multiple constraints. Examples and visualizations to help students understand these concepts and build a mental model of types as sets of allowed values are provided in this segment.
-
https://www.typescript-training.com/course/fundamentals-v4/06-union-and-intersection-types/
#lesson
Media is too big
VIEW IN TELEGRAM
12. Union Types
Mike discusses the concept of literal types and how to create sets of specific values using union types. Questions about expressing sets without enumerating values and the use of expressions in type definitions are also covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
13. Union Type Control Flow
Mike discusses how union types are commonly used in programs to represent different possibilities based on control flow. The concept of discriminated unions, where a literal type is used as a discriminator to determine the type of the larger value is also introduced in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
14. Intersection Types
Mike discusses intersection types and how they are different from union types. Intersection types are very picky in terms of what values they accept, but they can be used in various contexts where the behavior of both types is required.
#lesson
Media is too big
VIEW IN TELEGRAM
15. Type Alias
Mike explains the concept of interfaces and type aliases in TypeScript. How type aliases can be used to give names to types and simplify complex type definitions, how type aliases can be used in place of literal types, and how they can be extended using intersection types are also demonstrated in this segment.
-
https://www.typescript-training.com/course/fundamentals-v4/07-interfaces-and-type-aliases/
#lesson
Media is too big
VIEW IN TELEGRAM
16. Interface extends & implements
Mike discusses how interfaces can be used to give a type a name and how they can be used for inheritance. The extends and implements keywords, as well as the differences between interfaces and type aliases are also covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
17. Open Interfaces
Mike discusses re-declaring and combining interfaces, allowing for the augmentation of existing types, and the limitations of type aliases in this context. Questions from the audience regarding the implementation of interfaces and the impact of modifying interfaces on other files are also covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
18. Recursive Types
Mike explains the concept of recursive types using an example of nested numbers in an array. Defining a recursive type using type aliases in TypeScript and how it allows for infinitely nested arrays of numbers is also demonstrated in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
19. JSON Type Exercise
Mike provides an exercise where the goal is to define a type that accepts any valid JSON value. The solution, explaining the different types and their relationships and demonstrating how to pass all the test cases is also provided.
-
https://www.typescript-training.com/course/fundamentals-v4/08-exercise-json-types/
#lesson
Media is too big
VIEW IN TELEGRAM
20. Type Queries
Mike discusses the different kinds of type queries, including key of, type of, and indexed access types. Examples and explanations of each type query and demonstrations of how they can be used to extract types from values and objects are also provided in this segment.
-
https://www.typescript-training.com/course/fundamentals-v4/09-type-queries/
#lesson
Media is too big
VIEW IN TELEGRAM
21. Type Registry Pattern
Mike introduces the concept of the type registry pattern and explains how to use module declarations and open interfaces to create a central interface that represents a registry for different types of records. A demonstration of how this pattern can be used to easily add new types of records and achieve type checking in a web application's data layer is also covered in this segment.
-
https://www.typescript-training.com/course/fundamentals-v4/09-type-queries/#use-case-the-type-registry-pattern
#lesson
Media is too big
VIEW IN TELEGRAM
22. Callables
Mike discusses creating callable types, explains how to define a function type using an interface or a type alias, and how to specify the parameters and return type of the function. The instructor also discusses the difference between interfaces and type aliases, and when to use each one.
#lesson
Media is too big
VIEW IN TELEGRAM
23. void Type
Mike explains how "void" is used to indicate that a function does not have a return value or that the return value should be ignored. The difference between "void" and "undefined" and examples to illustrate the usefulness of "void" in certain scenarios are also covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
24. Constructables & Function Overloads
Mike discusses constructables and explains how to create a construct signature by adding the "new" keyword in front of a call signature. The concept of function overloads and a demonstration of how they can be used to handle different types of event handlers in a centralized event listener is also covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
25. this Types
Mike discusses how "this" refers to the context in which a function is called, such as the DOM element that fired an event. Explicitly providing a specific "this" type to a function using the bind method, and how to invoke the function with the correct "this" context is also covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
26. Explicit Function Return Types
Mike discusses best practices for functions in TypeScript. Without an explicit return type, errors may pop up in unexpected places, making it difficult to track down and fix the issue. The value of explicit return types, even if it may require extra typing is also discussed in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
27. Class Fields & Methods
Mike explains how classes are used in JavaScript and how TypeScript adds additional features and syntax to define class fields, methods, and static fields. A demonstration of the use of static blocks, a recent addition to TypeScript and JavaScript, for class-level setup is also provided in this segment.
-
https://www.typescript-training.com/course/fundamentals-v4/11-classes/
#lesson