O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Angular Front To Back

Video Description

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

About This Video

  • A more in-depth explanation might help the beginners to understand better too.

In Detail

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.

Downloading the example code for this course: You can download the example code files for all Packt video courses you have purchased from your account at http://www.PacktPub.com. If you purchased this course elsewhere, you can visit http://www.PacktPub.com/support and register to have the files e-mailed directly to you.

Table of Contents

  1. Chapter 1 : Introduction
    1. Welcome To the Course 00:04:13
    2. Project Files & Questions 00:01:45
    3. What Is Angular? 00:07:51
    4. Angular Versions Explained 00:05:13
  2. Chapter 2 : Setup & File Structure
    1. Sandbox App Overview 00:04:34
    2. Environment Setup 00:12:00
    3. Using Angular CLI 00:11:26
    4. Angular File Structure 00:14:15
    5. An Intro to TypeScript 00:07:41
  3. Chapter 3 : Diving Into Components
    1. Components Explained 00:07:37
    2. Creating a Component 00:09:02
    3. Properties & Methods 00:06:46
    4. String Interpolation 00:05:45
    5. Using Types 00:09:53
    6. Cleanup & Interfaces 00:06:53
    7. Generating Components & OnInit 00:06:42
  4. Chapter 4 : Template Syntax
    1. Loops With ngFor 00:07:48
    2. Conditionals With ngIf 00:13:25
    3. Adding Bootstrap 00:09:06
    4. Property Binding 00:08:23
    5. Class Binding & ngClass 00:06:59
    6. Style Binding & ngStyle 00:05:02
    7. Pipes & ngNonBindable 00:10:16
    8. Component & Template Clean Up 00:04:14
  5. Chapter 5 : Events & Forms
    1. Mouse Events & Manipulating State 00:06:31
    2. Toggling Values with an Event 00:10:05
    3. Keyboard & Input Events 00:09:54
    4. ngModel & 2 Way Data Binding 00:10:36
    5. Component Clean Up 00:05:27
    6. Template Driven Forms – Validation 00:14:19
    7. Template Driven Forms – Submission 00:04:35
  6. Chapter 6 : Services, HTTP, Input & Output
    1. What Is a Service? 00:05:23
    2. Creating a Service 00:09:33
    3. Working with Observables 00:10:01
    4. HTTP Client Setup & GET Request 00:15:17
    5. HTTP Client POST Request 00:09:41
    6. Event Emitter & Output 00:06:06
    7. Input & Edit State 00:11:24
    8. HTTP Client PUT Request 00:09:41
    9. HTTP Client DELETE Request 00:05:38
  7. Chapter 7 : Angular Router
    1. Angular Router Overview 00:03:21
    2. Create App Routing Module 00:04:05
    3. Creating & Mapping Routes 00:04:47
    4. Linking To Routes 00:06:00
    5. Params & ActivatedRoute 00:10:59
    6. Not Found Component 00:03:36
  8. Chapter 8 : DevLogger Project
    1. DevLogger Intro & Demo 00:04:20
    2. Components & Bootstrap Setup 00:10:07
    3. Building the UI 00:08:13
    4. Logs Component & Service 00:12:10
    5. Observables & Component Communication 00:13:55
    6. Add, Update & Delete Logs 00:12:40
    7. Finishing Up the State & UX 00:12:16
    8. Implementing Local Storage 00:06:07
    9. Build & Deploy To Github Pages 00:06:28
  9. Chapter 9 : Client Panel Project - Part 1
    1. Client Panel Intro & Demo 00:05:13
    2. Firebase Firestore & App Setup 00:11:25
    3. Generate Components & Setup Navbar 00:09:21
    4. Routing Module Setup 00:10:48
    5. AngularFire2 Setup & Client Service 00:20:28
    6. Clients & Dashboard Component 00:12:34
    7. Add Client Form & Validation 00:20:23
    8. Add Client to Firestore 00:14:03
    9. Client Details Component 00:18:22
  10. Chapter 10 : Client Panel Project - Part 2
    1. Client Balance Update 00:12:53
    2. Edit & Delete Clients 00:14:19
    3. Login Authentication 00:19:42
    4. Logout & Nav Links 00:09:45
    5. Auth Guard for Routes 00:08:43
    6. User Registration 00:06:25
    7. Settings Service & Register Guard 00:18:34
    8. Adding the Settings Page 00:14:06
    9. Deploy To Firebase Hosting 00:07:02