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
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
Media is too big
VIEW IN TELEGRAM
28. Access Modifiers
Mike demonstrates how to use access modifier keywords like private and protected in TypeScript to control the visibility and accessibility of class properties and methods. The difference between private and protected, and how to define private and protected fields and methods in a class are also covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
29. Param Properties & Overrides
Mike explains that param properties allow for the creation of class fields and constructor parameters with the same names, reducing the noise in class definitions. The use of the "override" keyword in TypeScript to indicate that a method in a subclass is intended to override a method in the base class, helping with refactoring and catching misspellings, is also discussed.
#lesson
Media is too big
VIEW IN TELEGRAM
30. Type Guards
Mike discusses type guards, which are code snippets that allow the type system to make inferences about the type of a value at runtime. Examples of built-in type guards such as `instanceof`, `typeof`, and truthy-falsey checks, as well as how to define user-defined type guards are also covered in this segment.
-
https://www.typescript-training.com/course/fundamentals-v4/12-type-guards/
#lesson
Media is too big
VIEW IN TELEGRAM
31. When to Use Generics
Mike introduces generics that allow for parameterizing types and creating more reusable types and provides an example of creating a dictionary from an array of objects. Solving this problem using generics, and how to define a type parameter and use it to create a more flexible and type-safe solution are also covered in this segment.
-
https://www.typescript-training.com/course/fundamentals-v4/13-generics/
#lesson
Media is too big
VIEW IN TELEGRAM
32. Generics Best Practices
Mike gives advice on best practices for using type parameters in TypeScript functions. An example of a function with two generic types and a demonstration of how inference works for both type parameters are also provided this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
33. Dictionary Exercise
Mike provides a challenge for students to write functions that mimic the behavior of map, filter, and reduce functions but for dictionaries instead of lists. Sample data and an interface for a dictionary are provided, and the goal is to write these functions so that they pass a test suite.
-
https://www.typescript-training.com/course/fundamentals-v4/14-dict-map-filter-reduce/
#lesson
Media is too big
VIEW IN TELEGRAM
34. Wrapping Up
Mike wraps up the course by providing a recap of the topics covered in the TypeScript fundamentals course. A practice exercise for the students to write their own map, filter, and reduce utility functions is also discussed.
#lesson
Title: Build AI-Powered Apps with OpenAI and Node.js
Description: Integrate Node.js with OpenAI to build advanced AI-powered applications. Learn to build AI chat interfaces, semantic search, document QA, function calling, and create AI images!
Link: https://frontendmasters.com/courses/openai-node/
Time: 3 hours, 34 minutes
Lessons: 22 / 22
Tags: #course #frontendmasters #720p
Media is too big
VIEW IN TELEGRAM
1. Introduction
Scott Moss introduces and provides an overview of the course notes and code repository.
-
https://github.com/frontendmasters/ai-nodejs
#lesson
1
Media is too big
VIEW IN TELEGRAM
2. Course Overview
Scott talks about the current state of AI and provides an overview of the course content, including building a chat experience, semantic search, document QA, and function calling. The requirements for the course are Node.js and having an OpenAI API key. The course will mainly focus on using OpenAI but will discuss on other models and services.
#lesson
Media is too big
VIEW IN TELEGRAM
3. Intro to LLMs
Scott introduces Large Language Models (LLMs) and explains what they are and how they work. The role of these models in the AR world and the use cases for LLMs, such as writing, content creation, customer support, research, and education, are also discussed.
#lesson
Media is too big
VIEW IN TELEGRAM
4. Setup Node & OpenAI API
Scott sets up the project and installs the necessary dependencies. They then explain how to set up the API key using a .env file and demonstrate how to import and use the OpenAI library. They show how to make a chat request to the AI and log the response. The instructor also discusses the concept of tokens and how they affect the cost and response of the AI. They demonstrate how to send messages to the AI and receive responses, and explain the limitations of chat models in terms of memory and non-determinism. Finally, they introduce the concept of a chatbot and explain the difference between the code they have written and a chatbot.
#lesson
Media is too big
VIEW IN TELEGRAM
5. Simple AI Chat in Node.js
Scott creates a Node command-line chat interface using the OpenAI GPT-3 model. The readline module reads input from the command line, and a recursive function continuously prompts the user for input and generates responses from the AI model.
#lesson
Media is too big
VIEW IN TELEGRAM
6. Scaling Chat & AI Temperature
Scott explains the scaling issues that come with chat-based applications. Token limits, memory constraints, and the need for creative solutions to handle these limitations are discussed.
#lesson