Author
Released
6/13/2019- What is Angular?
- Working with components
- Binding events and properties
- Getting data to components
- Using directives and pipes
- Creating Angular forms
- Validating form data
- How Angular does dependency injection
- Making HTTP calls
- Routing
- Styling components
Skill Level Intermediate
Duration
Views
- So what advantages does Angular bring to the table and why would you want to use it? Building a static content site allows you to use HTML and CCSS and possibly some server side code. But as soon as you want to add interactivity and data collection or modification, you find the need to jump into using some JavaScript. And when you start using JavaScript, you can quickly find yourself wanting some type of standard framework for managing common functionality you start writing throughout your site. Angular provides a base for providing rich client-side applications with a specialization on data binding. So when your web app needs to update content in your UI as a user enters or modifies it, you can easily do that with Angular. Angular has a component architecture inspired by web components. So when your web app has a common UI element, and elements with complex functionality, you can write them in Angular and get ease of reuse as well as modularity. The Angular framework is not just about making the UI shine in this functionality. A clean dependency injection architecture is baked into the framework. So when you want to write business logic in your client-side code and keep it decoupled from your view logic, Angular dependency injection model makes it easy. And if you want to go beyond just a couple of forms and craft complex client-side single-page applications, Angular is primed with a router module that will allow to create parent and child routes to components. In short, Angular provides you the ability to create build client-side web applications, even native applications, and manage their complexity over time.
Related Courses
-
Angular Testing and Debugging
with Derek Peruo1h 16m Intermediate -
Angular: Animations
with Joseph Labrecque2h 19m Intermediate -
Angular: Building an Interface
with Ray Villalobos2h 20m Intermediate -
Learning Angular
with Ray Villalobos1h 40m Beginner
-
Introduction
-
Why use Angular?1m 36s
-
Using the exercise files2m 47s
-
Basics of TypeScript2m 24s
-
Course overview57s
-
-
1. Architecture Overview
-
Directives and pipes1m 40s
-
Data binding1m 53s
-
Dependency injection1m 54s
-
Data persistence1m 47s
-
Routing1m 50s
-
2. Components
-
NgModule and the root module5m 57s
-
Component metadata2m 8s
-
The component selector2m 26s
-
The component template2m 31s
-
Styling a component4m 50s
-
Property binding2m 24s
-
Event binding1m 44s
-
-
3. Directives and Pipes
-
Structural directives: ngIf3m 59s
-
Structural directives: ngFor3m 19s
-
Attribute directives: Custom3m 55s
-
Using directive values3m 24s
-
Angular pipes: Built-in3m 2s
-
Angular pipes: Custom4m 59s
-
-
4. Forms
-
Angular forms1m 29s
-
Template-driven forms4m 42s
-
Model-driven forms5m 10s
-
Validation: Built-in3m 39s
-
Validation: Custom3m 47s
-
Error handling4m 34s
-
-
5. Dependency Injection and Services
-
Services in Angular2m 22s
-
Class constructor injection2m 28s
-
The @Inject decorator3m 47s
-
Injection token2m 52s
-
6. HTTP
-
The Angular HttpClient1m 8s
-
Handling HTTP errors4m 46s
-
-
7. Routing
-
Router outlets2m 59s
-
Router links3m 8s
-
Lazy loading a route module5m 17s
-
8. Styling Components
-
The view encapsulation modes3m 45s
-
Using common CSS selectors4m 43s
-
Working with global styles4m 12s
-
-
Conclusion
-
Next steps1m 20s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Why use Angular?