[Last updated 5/2024] Complete Angular Course 2024 – Master Angular in only 6 days (Udemy – Engsub)

About Course

Views

What you’ll learn:
Learn Angular in-depth in a short amount of time
Build comprehensive web apps like an e-commerce store
Use Angular components, services and modules to create a maintainable code base
Use NgRx to build reactive web applications using state management
Write Unit Tests using Karma and Jasmine to test your Angular applications
Learn how to communicate with web servers for posting, getting, or deleting data
Setup a real-world mock evironment
Use the latest features like Angular signals and effects

Link gốc:
https://www.udemy.com/course/complete-angular-14-course-learn-frontend-development/

Time Course:
9.5 hours (147 Lectures + Documents)

Instructor
: Denis Panjuta
Total Weight:
3.73 GB
** Note
:

Chú ý:

Course Content

01 – Day 1 Building an Appointment app with components and data-binding

018 One-way data binding with appointment property.mp4

05:14
033 Day 1 Progress Report.mp4

00:31
029 Styling the application.mp4

10:25
028 Adding bootstrap.mp4

04:33
027 Using ngOnInit to load appointments from local storage.mp4

06:32
026 Storing appointments in the local storage.mp4

06:35
025 Removing appointments.mp4

03:59
024 Adding an appointment list using ngFor.mp4

05:30
023 Adding an appointment to the array.mp4

05:34
022 Adding a button click event listener.mp4

02:43
021 Adding two-way data binding.mp4

07:17
020 Visual Studio Code Angular extension.mp4

01:08
019 Creating an appointment interface.mp4

09:20
001 Defining your Angular goal.mp4

01:13
016 Introduction to typescript.mp4

06:25
015 Creating the appointment-list component.mp4

06:11
014 Components.mp4

02:53
013 Angular under the hood.mp4

07:37
012 Creating and serving an angular application.mp4

06:40
010 Installing the Angular CLI.mp4

03:50
008 Installing Node.js and Visual Studio Code.mp4

03:03
007 Building Angular applications in a web browser.mp4

01:11
005 What you will build.mp4

00:44
004 Angular building blocks.mp4

03:51
003 Day 1 Topics.mp4

00:23

02 – Day 2 Build a Hotel Reservation App with Services, Forms, and Routing

017 Injecting the reservation service into the form component.mp4

05:03
033 Day 2 Progress Report.mp4

00:25
029 Styling the reservation list component using a table.mp4

06:22
028 Styling the reservation form component.mp4

09:13
027 Styling the home component.mp4

03:57
026 Combining components from different modules.mp4

04:33
025 Editing reservations.mp4

08:21
024 Adding the edit route with parameter.mp4

04:06
023 Creating unique ids for reservations.mp4

02:42
022 Deleting reservations.mp4

03:36
021 Using the router navigate method to redirect the user.mp4

02:44
020 ngtemplate and local reference.mp4

03:35
019 Showing all reservations in a list.mp4

04:52
018 Using the localStorage in the reservation service.mp4

04:38
001 Day 2 Topics.mp4

00:22
016 Creating the reservation service.mp4

07:53
015 Showing validation messages.mp4

05:51
014 Dynamically toggle html attributes based on form state.mp4

02:56
013 Validating a form using reactive form validation.mp4

08:17
012 Creating the reservation form.mp4

04:44
011 Creating a form group.mp4

04:57
010 Building a simple navigation.mp4

05:06
009 Creating routes.mp4

03:54
008 Creating the reservation interface.mp4

02:09
007 Creating all modules, services and components.mp4

05:46
006 Project architecture hotel app.mp4

04:18
005 Creating the hotel app project.mp4

02:37
003 The hotel reservation app.mp4

00:19

03 – Day 3 Reactive programming with Observables, HTTP and Mock APIs

001 Day 3 Topics.mp4

00:21
002 Modern web architecture.mp4

08:15
003 What you will create during this section.mp4

00:30
004 Using Mockoon as a mock backend api.mp4

04:18
005 Preparing the project for the mock backend api.mp4

04:25
006 Calling the mock api using the http client and observables.mp4

08:07
007 Returning reservations from the mock api.mp4

05:32
008 Setting up all mock api endpoints.mp4

04:50
009 Finishing all CRUD operations with observable implementation.mp4

09:35
011 Day 3 Progress Report.mp4

00:15

04 – Day 4 Building an ecommerce web application with Angular Material and more

017 Adding an eye-catching hover effect.mp4

02:24
032 Day 4 Progress Report.mp4

00:18
031 Adding the sort functionality.mp4

06:28
030 Adding the search functionality Part 2.mp4

03:54
029 Adding the search functionality Part 1.mp4

05:23
028 Adding products to cart and popup.mp4

06:27
027 Exercise Adding the checkout logic.mp4

05:38
026 Adding the clear cart and checkout button.mp4

03:28
025 Calculating the total cart price.mp4

04:01
024 Using mat-list for cart items.mp4

04:29
023 Getting all cart items.mp4

04:59
022 Setting up the cart service methods.mp4

05:20
021 Creating the cart module, component and service.mp4

03:24
020 Adding a description.mp4

02:27
019 Adding a navbar.mp4

04:57
018 Adding a container css class.mp4

03:37
001 Day 4 Topics.mp4

00:23
016 Responsive product grid.mp4

04:18
015 Applying the angular material style and product images.mp4

04:51
014 Creting mat-cards for products.mp4

04:26
013 Installing angular material and exploring cards.mp4

02:13
012 Serving for environments.mp4

02:07
011 Product list displaying products.mp4

04:00
010 Getting products from our product service.mp4

03:11
009 Creating environments.mp4

03:56
008 Setting up the mockoon api.mp4

03:31
007 Setting the product route.mp4

01:39
006 Creting the product class and clearing the template.mp4

02:57
005 Creating the product module, service and component.mp4

03:34
004 Switching to a new angular version.mp4

02:49
002 Project overview.mp4

00:56

05 – Day 5 NgRx – Building reactive web applications with Angular

012 Loading books from the store.mp4

02:02
023 Day 5 Progress Report.mp4

00:26
022 Registering the effect and using Angular Dev Tools to test the application.mp4

06:52
021 Creating the effect part 2.mp4

07:27
020 Creating the effect part 1.mp4

03:44
019 Creating the service for the effect.mp4

03:37
018 Adjusting the reducer for effects.mp4

04:57
017 Creating success and failure actions.mp4

04:17
016 NgRx effects recap.mp4

01:32
014 Creating the UI to see our reactive application in action.mp4

06:55
013 Using the AppState interface for type safety.mp4

04:35
001 Day 5 Topics.mp4

00:17
011 Creating a component and methods to dispatch our actions.mp4

04:25
010 Creating the store.mp4

01:42
009 Creating the book reducer part 2 Change functions.mp4

05:29
008 Creating the book reducer part 1 Creating a reducer.mp4

04:28
007 Creating actions for adding and deleting books.mp4

03:29
006 Creating the application state.mp4

03:29
005 Creating a project for our reactive application.mp4

02:53
003 NgRx explained.mp4

06:33
002 The problem NgRx can solve.mp4

05:02

06 – Day 6 Unit Testing Angular applications with Karma and Jasmine

001 Day 6 Topics.mp4

00:19
002 Unit Testing in Angular.mp4

06:45
003 Creating our first unit test.mp4

04:50
004 Running unit tests using Karma.mp4

02:59
005 Creating a service to test.mp4

04:01
006 Unit testing the service.mp4

08:41
007 Creating a component to test.mp4

05:23
008 Component fixture for unit testing.mp4

03:47
009 Handling dependencies for component tests.mp4

06:18
010 Testing a component property that loads from ngOnInit.mp4

03:46
011 Testing a components UI functionality.mp4

05:02
012 Day 6 Progress Report.mp4

00:42

07 – Angular Signals

Student Ratings & Reviews

No Review Yet

About Course

Course Content

01 – Day 1 Building an Appointment app with components and data-binding

018 One-way data binding with appointment property.mp4

033 Day 1 Progress Report.mp4

029 Styling the application.mp4

028 Adding bootstrap.mp4

027 Using ngOnInit to load appointments from local storage.mp4

026 Storing appointments in the local storage.mp4

025 Removing appointments.mp4

024 Adding an appointment list using ngFor.mp4

023 Adding an appointment to the array.mp4

022 Adding a button click event listener.mp4

021 Adding two-way data binding.mp4

020 Visual Studio Code Angular extension.mp4

019 Creating an appointment interface.mp4

001 Defining your Angular goal.mp4

016 Introduction to typescript.mp4

015 Creating the appointment-list component.mp4

014 Components.mp4

013 Angular under the hood.mp4

012 Creating and serving an angular application.mp4

010 Installing the Angular CLI.mp4

008 Installing Node.js and Visual Studio Code.mp4

007 Building Angular applications in a web browser.mp4

005 What you will build.mp4

004 Angular building blocks.mp4

003 Day 1 Topics.mp4

02 – Day 2 Build a Hotel Reservation App with Services, Forms, and Routing

017 Injecting the reservation service into the form component.mp4

033 Day 2 Progress Report.mp4

029 Styling the reservation list component using a table.mp4

028 Styling the reservation form component.mp4

027 Styling the home component.mp4

026 Combining components from different modules.mp4

025 Editing reservations.mp4

024 Adding the edit route with parameter.mp4

023 Creating unique ids for reservations.mp4

022 Deleting reservations.mp4

021 Using the router navigate method to redirect the user.mp4

020 ngtemplate and local reference.mp4

019 Showing all reservations in a list.mp4

018 Using the localStorage in the reservation service.mp4

001 Day 2 Topics.mp4

016 Creating the reservation service.mp4

015 Showing validation messages.mp4

014 Dynamically toggle html attributes based on form state.mp4

013 Validating a form using reactive form validation.mp4

012 Creating the reservation form.mp4

011 Creating a form group.mp4

010 Building a simple navigation.mp4

009 Creating routes.mp4

008 Creating the reservation interface.mp4

007 Creating all modules, services and components.mp4

006 Project architecture hotel app.mp4

005 Creating the hotel app project.mp4

003 The hotel reservation app.mp4

03 – Day 3 Reactive programming with Observables, HTTP and Mock APIs

001 Day 3 Topics.mp4

002 Modern web architecture.mp4

003 What you will create during this section.mp4

004 Using Mockoon as a mock backend api.mp4

005 Preparing the project for the mock backend api.mp4

006 Calling the mock api using the http client and observables.mp4

007 Returning reservations from the mock api.mp4

008 Setting up all mock api endpoints.mp4

009 Finishing all CRUD operations with observable implementation.mp4

011 Day 3 Progress Report.mp4

04 – Day 4 Building an ecommerce web application with Angular Material and more

017 Adding an eye-catching hover effect.mp4

032 Day 4 Progress Report.mp4

031 Adding the sort functionality.mp4

030 Adding the search functionality Part 2.mp4

029 Adding the search functionality Part 1.mp4

028 Adding products to cart and popup.mp4

027 Exercise Adding the checkout logic.mp4

026 Adding the clear cart and checkout button.mp4

025 Calculating the total cart price.mp4

024 Using mat-list for cart items.mp4

023 Getting all cart items.mp4