Angular Front To Back

Angular Front To Back

English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 11.5 Hours | 2.94 GB

Master Angular 5 from the Basics to Building an Advanced Application with Firebase’s Firestore as well as Authentication

This course was crafted to benefit absolutely any level of developer. We will start from scratch and learn how to create a development environment for Angular 5+, Setup Angular CLI and learn all of the fundamentals. We start by building a sandbox application to look at all of the main Angular concepts as well as building a logging application, then move to a much more advanced client management system with authentication and data storing with Firebase’s new Firestore platform.

Here are some of the things you will learn about in this course:

  • What is Angular?
  • Dev Environment Setup Including Node.js, Visual Studio Code & Git Bash
  • Angular CLI Setup & Build
  • File Structure & Dependency Examination
  • TypeScript Intro
  • Components
  • Modules & NgModule
  • Data Binding & String Interpolation
  • Types & Interfaces
  • Template Syntax
  • ngIf & ngFor Conditional Directives
  • ngFor & Loops
  • Property Binding, ngClass & ngStyle
  • Pipes
  • Events & Forms
  • ngModel & 2 Way Binding
  • Services
  • Observables & Http
  • Angular Router
  • Firebase, Firestore & AngularFire2
  • Flash Messaging
  • Much More!!
Table of Contents

Introduction
1 Welcome To the Course
2 Project Files & Questions
3 What Is Angular
4 Angular Versions Explained

Setup & File Structure
5 Sandbox App Overview
6 Environment Setup
7 Using Angular CLI
8 Angular File Structure
9 An Intro to TypeScript

Diving Into Components
10 Components Explained
11 Creating a Component
12 Properties & Methods
13 String Interpolation
14 Using Types
15 Cleanup & Interfaces
16 Generating Components & OnInit

Template Syntax
17 Loops With ngFor
18 Conditionals With ngIf
19 Adding Bootstrap
20 Property Binding
21 Class Binding & ngClass
22 Style Binding & ngStyle
23 Pipes & ngNonBindable
24 Component & Template Clean Up

Events & Forms
25 Mouse Events & Manipulating State
26 Toggling Values with an Event
27 Keyboard & Input Events
28 ngModel & 2 Way Data Binding
29 Component Clean Up
30 Template Driven Forms – Validation
31 Template Driven Forms – Submission

Services, HTTP, Input & Output
32 What Is a Service
33 Creating a Service
34 Working with Observables
35 HTTP Client Setup & GET Request
36 HTTP Client POST Request
37 Event Emitter & Output
38 Input & Edit State
39 HTTP Client PUT Request
40 HTTP Client DELETE Request

Angular Router
41 Angular Router Overview
42 Create App Routing Module
43 Creating & Mapping Routes
44 Linking To Routes
45 Params & ActivatedRoute
46 Not Found Component

DevLogger Project
47 DevLogger Intro & Demo
48 Components & Bootstrap Setup
49 Building the UI
50 Logs Component & Service
51 Observables & Component Communication
52 Add, Update & Delete Logs
53 Finishing Up the State & UX
54 Implementing Local Storage
55 Build & Deploy To Github Pages

Client Panel Project – Part 1
56 Client Panel Intro & Demo
57 Firebase Firestore & App Setup
58 Generate Components & Setup Navbar
59 Routing Module Setup
60 AngularFire2 Setup & Client Service
61 Clients & Dashboard Component
62 Add Client Form & Validation
63 Add Client to Firestore
64 Client Details Component

Client Panel Project – Part 2
65 Client Balance Update
66 Edit & Delete Clients
67 Login Authentication
68 Logout & Nav Links
69 Auth Guard for Routes
70 User Registration
71 Settings Service & Register Guard
72 Adding the Settings Page
73 Deploy To Firebase Hosting