Angular (Full App) with Angular Material, Angularfire & NgRx

سرفصل های دوره

Use Angular, Angular Material, Angularfire (+ Firebase with Firestore) and NgRx to build a real Angular App

01 - Getting Started

001 Welcome & Introduction

002 Whats Inside the Course

003 Join our Online Learning Community.html

004 How To Get The Most Out Of This Course

005 Planning the App

02 - A Brief Angular Refresher (OPTIONAL)

001 Module Introduction

002 What is Angular

003 MUST READ Angular CLI - Latest Version.html

004 Project Setup with the Angular CLI

005 How an Angular App Starts and Works

006 Adding Components

006 ng-refresh-01-first-component.zip

007 Template Syntax

007 ng-refresh-02-template-bindings.zip

008 Using Directives like ngFor and ngIf

008 ng-refresh-03-directives.zip

009 Custom Property & Event Binding

009 ng-refresh-04-custom-bindings.zip

010 Forms

010 ng-refresh-05-forms.zip

011 Understanding Services & Dependency Injection

011 ng-refresh-06-services-di.zip

012 Angular Routing

012 ng-refresh-07-routing.zip

013 Where to Dive Deeper

014 Useful Resources & Links.html

014 ng-refresh-01-first-component.zip

014 ng-refresh-02-template-bindings.zip

014 ng-refresh-03-directives.zip

014 ng-refresh-04-custom-bindings.zip

014 ng-refresh-05-forms.zip

014 ng-refresh-06-services-di.zip

014 ng-refresh-07-routing.zip

03 - Angular Material

001 Module Introduction

002 Understanding Angular Material Components

003 Adding Angular Material to a Project

004 Stay Up To Date!

005 Our First Angular Material Component - The Button

005 ng-mat-01-first-components.zip

006 Why Do We Have To Import Everything Separately.html

007 Creating the Course App Structure

008 Working on The Signup Form

009 Flexbox - A Quick Refresher

009 ng-mat-02-flexbox-demo.zip

010 Controlling the Layout with @angularflex-layout

010 ng-mat-03-flex-layout.zip

011 Adding & Configuring the Submit Button

012 Implementing Hints and Validation Errors (on Forms)

012 ng-mat-04-form-validation.zip

013 Adding a Datepicker

014 Restricting Pickable Dates

014 ng-mat-05-datepicker.zip

015 Adding a Checkbox

016 Finishing the Form with Style

016 ng-mat-06-signup-component.zip

017 Wrap Up

018 Useful Resources & Links.html

018 ng-mat-01-first-components.zip

018 ng-mat-02-flexbox-demo.zip

018 ng-mat-03-flex-layout.zip

018 ng-mat-04-form-validation.zip

018 ng-mat-05-datepicker.zip

018 ng-mat-06-signup-component.zip

04 - Diving Deeper into Angular Material

001 Module Introduction

002 Adding Navigation & a Sidenav

003 Working on the Sidenav and Toolbar

003 ng-mat-adv-01-toolbar-sidenav.zip

004 Styling the Sidenav

005 Making the Page Responsive

005 ng-mat-adv-02-responsiveness.zip

006 Adding Navigation Items

007 Splitting the Navigation Into Components

007 ng-mat-adv-03-refactored-sidenav.zip

008 Working on the Welcome Screen

008 welcome-screen-html.zip

009 Adding a Tabs Component

009 ng-mat-adv-05-tabs.zip

010 Adding some Cards

010 ng-mat-adv-06-basic-card.zip

011 Adding a Dropdown Menu

012 Adding a Spinner to the Training Screen

013 Adding a Nice Exercise Timer

014 Adding a Cancel Dialog Screen

015 Passing Data to the Dialog

016 Adding Exit and Continue Options

016 ng-mat-adv-07-dialog.zip

017 Wrap Up

018 Useful Resources & Links.html

018 ng-mat-adv-01-toolbar-sidenav.zip

018 ng-mat-adv-02-responsiveness.zip

018 ng-mat-adv-03-refactored-sidenav.zip

018 ng-mat-adv-04-navigation-styling.zip

018 ng-mat-adv-05-tabs.zip

018 ng-mat-adv-06-basic-card.zip

018 ng-mat-adv-07-dialog.zip

05 - Working with Data and Angular Material

001 Module Introduction

002 Important RxJS 6

003 IMPORTANT Install rxjs-compat.html

004 Code without rxjs-compat.html

005 Implementing Authentication

005 data-01-auth.zip

006 Routing & Authentication

007 Route Protection

007 data-02-route-protection.zip

008 Preparing the Exercise Data

008 exercise-data.zip

009 Injecting & Using the Training Service

009 data-04-advanced-service.zip

010 Setting an Active Exercise

011 Controlling the Active Exercise

012 Adding a Form to the Training Component

013 Handling the Active Training via a Service

014 RxJS 6 Update.html

015 Handling Complete and Cancel Events

015 data-04-advanced-service.zip

016 Adding the Angular Material Data Table

016 data-05-data-table.zip

017 Adding Sorting to the Data Table

018 Adding Filtering to the Data Table

019 Data Table Filtering++.html

020 Adding Pagination to the Data Table

020 data-06-sorting-filtering-pagination.zip

021 Wrap Up

022 Useful Resources & Links.html

022 data-01-auth.zip

022 data-02-route-protection.zip

022 data-03-training-service.zip

022 data-04-advanced-service.zip

022 data-05-data-table.zip

022 data-06-sorting-filtering-pagination.zip

06 - Using Angularfire & Firebase

001 Module Introduction

002 What is Firebase

003 Getting Started with Firebase

004 What is Angularfire

005 RxJS Observables Refresher

006 Diving into Firebase

006 ng-fire-01-basic-example.zip

007 Listening to Value Changes (of Firestore)

008 Operators & RxJS 6.html

009 Listening to Snapshot Changes (of Firestore, incl. Metadata)

010 Restructuring the Code

011 How Firebase Manages Subscriptions

012 Storing Completed Exercises on Firestore

012 ng-fire-02-improved-usage.zip

013 Connecting the Data Table to Firestore

013 ng-fire-03-subscribe-data-table.zip

014 Working with Documents

015 Adding Real Authentication (Sign Up)

016 Adding User Login

017 Understanding Authentication in SPAs

018 Configuring Firestore Security Rules

018 ng-fire-04-basic-auth.zip

019 Managing Firestore Subscriptions

019 ng-fire-05-cancel-subscriptions.zip

020 Reorganizing the Code

020 ng-fire-06-finish-auth.zip

021 Wrap Up

022 Useful Resources & Links.html

022 ng-fire-01-basic-example.zip

022 ng-fire-02-improved-usage.zip

022 ng-fire-03-subscribe-data-table.zip

022 ng-fire-04-basic-auth.zip

022 ng-fire-05-cancel-subscriptions.zip

022 ng-fire-06-finish-auth.zip

07 - Optimizing the App

001 Module Introduction

002 Style Improvements & Error Handling

003 Adding a Spinner

004 Adding a Re-Usable Snackbar (Notification)

004 optimizations-01-snackbar-spinner.zip

005 Improving Error Handling

005 optimizations-02-error-handling.zip

006 Splitting the App Into Modules

006 optimizations-03-auth-module.zip

007 Optimizing Subscriptions

008 Creating a SharedModule

008 optimizations-04-shared-module.zip

009 Splitting Up Routes

010 Loading a Module Lazily

011 Moving the Auth Guard

011 optimizations-05-finished.zip

012 Wrap Up

013 Useful Resources & Links.html

013 optimizations-01-snackbar-spinner.zip

013 optimizations-02-error-handling.zip

013 optimizations-03-auth-module.zip

013 optimizations-04-shared-module.zip

013 optimizations-05-finished.zip

08 - Using NgRx for State Management

001 Module Introduction

002 What is Redux - An Overview

003 NgRx Core Concepts - A First Example

003 ngrx-01-basic-setup.zip

004 Working with Multiple Reducers & Actions

004 ngrx-02-reducers-actions.zip

005 Dispatching Actions & Selecting State Slices

006 Whats Up with the RxJS Import Syntax.html

007 Adding an Auth Reducer (and Actions)

008 Adding Auth Subscriptions

008 ngrx-03-auth.zip

009 Adding the Training Reducer and Actions with Payloads

009 ngrx-04-training-store-actions.zip

010 Lazy Loaded State

011 Dispatching Training Actions

012 Selecting Training State

013 Selecting Single Values Correctly

014 Connecting the Data Table

015 Cleaning the Project Up

015 ngrx-05-training-store-finish.zip

016 Adding a small Bugfix

016 ngrx-06-bugfix.zip

017 Wrap Up

018 Useful Resources & Links.html

018 ngrx-01-basic-setup.zip

018 ngrx-02-reducers-actions.zip

018 ngrx-03-auth.zip

018 ngrx-04-training-store-actions.zip

018 ngrx-05-training-store-finish.zip

018 ngrx-06-bugfix.zip

09 - Deploying the App

001 Introduction & Preparation

002 Deploying the App to Firebase Hosting

002 deployment.zip

003 Useful Resources & Links.html

003 deployment.zip

10 - BONUS Angular Material Themes

001 Module Introduction

002 Understanding Angular Material Themes

003 Adding the Theme with Angular 6.html

004 Customising an Angular Material Theme

004 custom-theme.zip

005 Useful Resources & Links.html

005 custom-theme.zip

11 - Round Up

001 Course Roundup

002 Bonus More Content!.html

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training