NgModel and Two Way Data Binding | Coding Your Career

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Master Angular

Getting Setup

What Are We Going To Build? (4:19)
Getting Setup For Angular (3:45)
Initial Tour Of An Angular Project (5:36)
Setting Up Json Server (5:39)
Parts Of A Component (5:31)
Generating A New Component (4:53)

Project First Steps

Installing Bootstrap (3:04)
Component Directives (4:02)
Creating a Model (2:04)
The Book Card Component (5:57)
Applying CSS To A Component (4:13)

Understanding Pipes

The Upper and Lower Case Pipe (4:08)
Currency Pipe (3:20)
The Date Pipe (4:05)
The DecimalPipe - Formatting Numbers (5:20)

Adding Images And Libraries

Adding an Image (4:28)
Installing FontAwesome (5:13)
Getting Used To Angulars Workflow (4:45)
The Click Event (5:01)

Structural Directives

Angular Components and State (4:01)
NgIf And Conditional Rendering (7:15)
NgIf With Else (3:37)
NgFor Looping Through Data (6:39)
NgFor Index and Options (2:55)
Angular Module Changes (3:20)

NgModel and Data Binding

NgModel and Two Way Data Binding (7:28)
Using NgModel With Dropdowns (7:18)
Using NgModel With Radio Buttons (4:20)
NgModel With Checkboxes (3:00)

Angular Events

What Is An Event (10:38)
Mouse Leave And Mouse Enter (3:40)
The Input Event (9:15)
The Key Down Event (5:15)

Styling and Classes

Intro to NgClass (9:46)
Ng Style (10:37)

Mini Project

TodoList Mini Project (3:25)
Mini Project Solution (7:42)

Using Services In Angular

Where Are We Headed (2:46)
Adding a Navbar (6:12)
Generating A Service (3:56)
Using HttpClient (6:46)
Using Http Client In Older Versions (2:32)
The Observer Pattern (5:07)
Dependency Injection Introduction (6:32)
The Inject Keyword (3:38)
Calling the API and the HTTP Client Provider (6:19)

Parent and Child Component Relationships

Using Input on the Child Component (4:14)
Finishing Our List View (6:39)
Cleaning Up The CSS (3:57)
Visualizing the Component Tree (4:09)
Our First Use of Output (6:37)
Emitting the Event to the Parent (6:47)
Finishing the Filter (5:13)

Routing

What Is Routing (3:27)
Router Outlet and Getting Set Up (3:46)
Linking to the About Us Page (4:48)
404 Not Found Component (6:36)
Setting Up Our Book Review Details (6:38)
The Book Review Details Page (10:53)

Form Builder and Angular

Starting With Form Builder (7:22)
Making Our HTML Form (9:49)
Form Builder Validation (6:48)
Applying Multiple Validation Rules (7:10)
Allow Submit If Valid (2:36)
Saving the Form (4:37)

Image Uploads

Adding A Default Image (4:20)
Choosing An Image To Upload (9:12)
Encode the Uploaded Image (8:11)
Finishing Our Upload Logic (7:19)
File Upload Summary (6:30)

Auth Guards - Protecting Routes

Adding the Auth Guard (9:05)
Object Oriented Auth Guards (2:35)
Checking the Currently Logged In User (5:53)

Finishing our CRUD Functionality

Deleting A Book Review (7:05)
Emitting the Delete Event (10:59)
Reusing Our Create Book Review Form For Editing (10:42)
Finishing the Editing Functionality (4:41)
Congratulations On Completing the Course! (4:09)

New in Angular 18: Signals

The TodoList With Signals (10:34)
What Are Signals (5:28)
Checking Off Tasks (10:42)
Understanding Computed (8:07)

Teach online with

NgModel and Two Way Data Binding

Complete and Continue