Media is too big
VIEW IN TELEGRAM
10. Inputs & Outputs
Mark guides the students through an example of using inputs and outputs in Angular components. They start by moving the template structure of a component to its own file and then add an input decorator to communicate with the component. They also demonstrate how to pass data into the component using property binding and fill in the component's details.
#lesson
Mark guides the students through an example of using inputs and outputs in Angular components. They start by moving the template structure of a component to its own file and then add an input decorator to communicate with the component. They also demonstrate how to pass data into the component using property binding and fill in the component's details.
#lesson
Media is too big
VIEW IN TELEGRAM
11. Interactivity with Outputs
Mark guides the students through adding a button to the component and setting up an output event. The goal is to save a car and have it appear in a list. The instructor explains the process of importing the necessary classes, creating an event emitter, and defining the output event. They also demonstrate how to handle the button click event and emit the car object using the output event.
#lesson
Mark guides the students through adding a button to the component and setting up an output event. The goal is to save a car and have it appear in a list. The instructor explains the process of importing the necessary classes, creating an event emitter, and defining the output event. They also demonstrate how to handle the button click event and emit the car object using the output event.
#lesson
Media is too big
VIEW IN TELEGRAM
12. Binding Outputs
Mark explains how to bind to an output event in Angular, demonstrates how to use the output event in the app component, and how to handle the emitted event in the child component. They also discuss the importance of using types in Angular to ensure that the emitted event and its data are correctly handled.
#lesson
Mark explains how to bind to an output event in Angular, demonstrates how to use the output event in the app component, and how to handle the emitted event in the child component. They also discuss the importance of using types in Angular to ensure that the emitted event and its data are correctly handled.
#lesson
Media is too big
VIEW IN TELEGRAM
13. Routing
Mark explains that Angular has a built-in complete router and demonstrates how to set up routes in the app-routes.ts file. They also explain the use of the router outlet component and show how to enable routing in the app.config.ts file. The instructor then guides the students through the process of enabling routing and using the router module in the app.component.ts file.
#lesson
Mark explains that Angular has a built-in complete router and demonstrates how to set up routes in the app-routes.ts file. They also explain the use of the router outlet component and show how to enable routing in the app.config.ts file. The instructor then guides the students through the process of enabling routing and using the router module in the app.component.ts file.
#lesson
Media is too big
VIEW IN TELEGRAM
14. Dynamic Routes & Router Link
Mark discusses the concept of router outlet in Angular and demonstrates how it works by using visual examples. They explain that the router outlet is the space in a component where the routed component will be displayed. The instructor also explains how to create clickable links using the router link directive and how to pass dynamic values to a route using placeholders and input binding.
#lesson
Mark discusses the concept of router outlet in Angular and demonstrates how it works by using visual examples. They explain that the router outlet is the space in a component where the routed component will be displayed. The instructor also explains how to create clickable links using the router link directive and how to pass dynamic values to a route using placeholders and input binding.
#lesson
Media is too big
VIEW IN TELEGRAM
15. Dynamic Routing Exercise
Mark goes through a routing recap, combining multiple elements together. They set up links, enable routing, and ensure the router outlet is in place. They also demonstrate how to dynamically generate a list of links using the ngFor directive and the router link attribute. Finally, they show how to use a setter to retrieve the ID parameter from the URL and display the corresponding details.
#lesson
Mark goes through a routing recap, combining multiple elements together. They set up links, enable routing, and ensure the router outlet is in place. They also demonstrate how to dynamically generate a list of links using the ngFor directive and the router link attribute. Finally, they show how to use a setter to retrieve the ID parameter from the URL and display the corresponding details.
#lesson
Media is too big
VIEW IN TELEGRAM
16. Forms Overview
Mark discusses the two systems for gathering input from users in Angular: template-driven forms and reactive forms. They explain that template-driven forms are quick and easy to use, but require more configuration for unit testing. On the other hand, reactive forms are more flexible and reusable, with a better unit testing experience. The instructor provides an example of how to create a template-driven form and explains the concept of "Banana in a Box" for two-way data binding.
#lesson
Mark discusses the two systems for gathering input from users in Angular: template-driven forms and reactive forms. They explain that template-driven forms are quick and easy to use, but require more configuration for unit testing. On the other hand, reactive forms are more flexible and reusable, with a better unit testing experience. The instructor provides an example of how to create a template-driven form and explains the concept of "Banana in a Box" for two-way data binding.
#lesson
Media is too big
VIEW IN TELEGRAM
17. Template Driven Forms
Mark guides the students through creating a template-driven form in Angular. They demonstrate how to add input fields and a text area to the form, create model data for the form, bind the form controls to the model data using ngModel, and import the necessary Forms module. They also show how the form updates in real-time as the user types and explain the concept of two-way binding.
#lesson
Mark guides the students through creating a template-driven form in Angular. They demonstrate how to add input fields and a text area to the form, create model data for the form, bind the form controls to the model data using ngModel, and import the necessary Forms module. They also show how the form updates in real-time as the user types and explain the concept of two-way binding.
#lesson
Media is too big
VIEW IN TELEGRAM
18. Reactive Forms
Mark demonstrates how to use reactive forms in Angular. They start by enabling reactive forms by importing the reactive forms module. Then, they define the form controls model using form group and form control. Next, they bind the form group to the template and update the input fields to use form control name. Finally, they handle form submission and retrieve the form values using the form group's value property. The instructor also discusses the differences between template-driven forms and reactive forms.
#lesson
Mark demonstrates how to use reactive forms in Angular. They start by enabling reactive forms by importing the reactive forms module. Then, they define the form controls model using form group and form control. Next, they bind the form group to the template and update the input fields to use form control name. Finally, they handle form submission and retrieve the form values using the form group's value property. The instructor also discusses the differences between template-driven forms and reactive forms.
#lesson
Media is too big
VIEW IN TELEGRAM
19. Dependency Injection (DI)
Mark explains the concept of dependency injection in Angular and how Angular has implemented it on the frontend. The instructor demonstrates how to make a service injectable using the
#lesson
Mark explains the concept of dependency injection in Angular and how Angular has implemented it on the frontend. The instructor demonstrates how to make a service injectable using the
@Injectable decorator and how to provide the service at the root level using the providedIn property. They also show how to inject the service into a component using the inject function and how to use the injected service to fetch data and display it in the component's template. The instructor also mentions that if you don't want to provide the service at the root level, you can provide it at the component level instead.#lesson
Media is too big
VIEW IN TELEGRAM
20. Signals
Mark explains that signals are a new way of handling change detection and reactivity in Angular applications. The lesson covers the three reactive primitives: signals, computed, and effects, and provides examples of how they can be used in an application. The instructor emphasizes the benefits of using signals, such as improved performance and the ability to share services with dependency injection.
#lesson
Mark explains that signals are a new way of handling change detection and reactivity in Angular applications. The lesson covers the three reactive primitives: signals, computed, and effects, and provides examples of how they can be used in an application. The instructor emphasizes the benefits of using signals, such as improved performance and the ability to share services with dependency injection.
#lesson
Media is too big
VIEW IN TELEGRAM
21. Deferrable Views
Mark Techson explains that deferrable views allow for lazy loading of components and templates, which can help reduce the initial bundle size and improve performance. The instructor demonstrates how to use the defer syntax in the template to defer the loading of a component until a specific interaction occurs, such as clicking a button. They also show different triggers that can be used, such as idle state, scroll events, or custom conditions.
#lesson
Mark Techson explains that deferrable views allow for lazy loading of components and templates, which can help reduce the initial bundle size and improve performance. The instructor demonstrates how to use the defer syntax in the template to defer the loading of a component until a specific interaction occurs, such as clicking a button. They also show different triggers that can be used, such as idle state, scroll events, or custom conditions.
#lesson
Media is too big
VIEW IN TELEGRAM
22. Wrapping Up
Mark wraps up the course by briefly discussing the Angular CLI and its capabilities and the Angular Material design system and the Component Development Kit (CDK), which provides unstyled accessible components that can be easily customized. The instructor encourages learners to explore more resources on Angular.dev, including self-paced exercises and a recorded course on YouTube. The lesson concludes with a Q&A session, where the instructor answers questions about input transforms, pipes, and compares Angular to other frameworks like Nuxt and Next.
#lesson
Mark wraps up the course by briefly discussing the Angular CLI and its capabilities and the Angular Material design system and the Component Development Kit (CDK), which provides unstyled accessible components that can be easily customized. The instructor encourages learners to explore more resources on Angular.dev, including self-paced exercises and a recorded course on YouTube. The lesson concludes with a Q&A session, where the instructor answers questions about input transforms, pipes, and compares Angular to other frameworks like Nuxt and Next.
#lesson
Title: The Last Algorithms Course You'll Want (Part 2)
Description: Elevate your technical prowess in data structures and algorithms, focusing on trees, graph theory, and dynamic programming. Learn practical implementation and optimization techniques to solve complex algorithmic challenges efficiently.
Link: https://frontendmasters.com/courses/advanced-algorithms/
Time: 3 hours, 10 minutes
Lessons: 26 / 26
Tags: #course #frontendmasters #720p
Description: Elevate your technical prowess in data structures and algorithms, focusing on trees, graph theory, and dynamic programming. Learn practical implementation and optimization techniques to solve complex algorithmic challenges efficiently.
Link: https://frontendmasters.com/courses/advanced-algorithms/
Time: 3 hours, 10 minutes
Lessons: 26 / 26
Tags: #course #frontendmasters #720p
Frontendmasters
Advanced Algorithms: Trees, Graphs, and Dynamic Programming
Elevate your technical prowess in data structures and algorithms, focusing on trees, graph theory, and dynamic programming. Learn practical implementation and optimization techniques to solve complex algorithmic challenges efficiently.
❤2
Media is too big
VIEW IN TELEGRAM
1. Introduction
ThePrimeagen introduces the new algorithms course and mentions that they will be using various algorithms and the ones they find the most fun. They also mention that a basic understanding of algorithms, including walking a tree and recursion, is expected from the students.
#lesson
ThePrimeagen introduces the new algorithms course and mentions that they will be using various algorithms and the ones they find the most fun. They also mention that a basic understanding of algorithms, including walking a tree and recursion, is expected from the students.
#lesson
Media is too big
VIEW IN TELEGRAM
2. Binary Search Tree Overview
ThePrimeagen introduces the concept of binary trees and binary search trees. They explain the structure and properties of binary trees, including full binary trees and complete binary trees. They also demonstrate how to search for a value in a binary search tree and discuss the efficiency of binary search trees in terms of search time.
#lesson
ThePrimeagen introduces the concept of binary trees and binary search trees. They explain the structure and properties of binary trees, including full binary trees and complete binary trees. They also demonstrate how to search for a value in a binary search tree and discuss the efficiency of binary search trees in terms of search time.
#lesson
🔥1
Media is too big
VIEW IN TELEGRAM
3. Traversals
ThePrimeagen discusses the concept of traversals in binary trees and explains the three types of traversals: pre-order, in-order, and post-order. The instructor demonstrates how each traversal works by visually walking through a binary tree and explaining the steps taken to visit each node. They also provide insights on representing nodes in code and offer tips for translating the concepts into code.
#lesson
ThePrimeagen discusses the concept of traversals in binary trees and explains the three types of traversals: pre-order, in-order, and post-order. The instructor demonstrates how each traversal works by visually walking through a binary tree and explaining the steps taken to visit each node. They also provide insights on representing nodes in code and offer tips for translating the concepts into code.
#lesson
Media is too big
VIEW IN TELEGRAM
4. Deletions & Insertions
#lesson
#lesson