Angular Front To Back

Angular Front To Back

by Brad Traversy
Released May 2018
Publisher(s): Packt Publishing
ISBN: 9781789530773

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Video description

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.

What You Will Learn

  • Build amazing single page applications using Angular 5+
  • Master Angular concepts
  • Understand the file and folder structure of an Angular application
  • Build a client management application with authentication and Firebase s Firestore
  • Integrate Bootstrap 4 into Angular projects

Audience

Anyone that wants to learn Angular 5+

About The Author

Brad Traversy: Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media, which is a successful web development YouTube channel and specializes in everything from HTML5 to front-end frameworks such as Angular as well as server-side technologies such as Node.js, PHP, and Python. Brad has mastered explaining overly complex topics in a simple manner that is understandable. Invest in your knowledge by watching Brad’s courses.

Table of contents

  1. Chapter 1 : Introduction
    1. Welcome To the Course
    2. Project Files Questions
    3. What Is Angular?
    4. Angular Versions Explained
  2. Chapter 2 : Setup File Structure
    1. Sandbox App Overview
    2. Environment Setup
    3. Using Angular CLI
    4. Angular File Structure
    5. An Intro to TypeScript
  3. Chapter 3 : Diving Into Components
    1. Components Explained
    2. Creating a Component
    3. Properties Methods
    4. String Interpolation
    5. Using Types
    6. Cleanup Interfaces
    7. Generating Components OnInit
  4. Chapter 4 : Template Syntax
    1. Loops With ngFor
    2. Conditionals With ngIf
    3. Adding Bootstrap
    4. Property Binding
    5. Class Binding ngClass
    6. Style Binding ngStyle
    7. Pipes ngNonBindable
    8. Component Template Clean Up
  5. Chapter 5 : Events Forms
    1. Mouse Events Manipulating State
    2. Toggling Values with an Event
    3. Keyboard Input Events
    4. ngModel 2 Way Data Binding
    5. Component Clean Up
    6. Template Driven Forms – Validation
    7. Template Driven Forms – Submission
  6. Chapter 6 : Services, HTTP, Input Output
    1. What Is a Service?
    2. Creating a Service
    3. Working with Observables
    4. HTTP Client Setup GET Request
    5. HTTP Client POST Request
    6. Event Emitter Output
    7. Input Edit State
    8. HTTP Client PUT Request
    9. HTTP Client DELETE Request
  7. Chapter 7 : Angular Router
    1. Angular Router Overview
    2. Create App Routing Module
    3. Creating Mapping Routes
    4. Linking To Routes
    5. Params ActivatedRoute
    6. Not Found Component
  8. Chapter 8 : DevLogger Project
    1. DevLogger Intro Demo
    2. Components Bootstrap Setup
    3. Building the UI
    4. Logs Component Service
    5. Observables Component Communication
    6. Add, Update Delete Logs
    7. Finishing Up the State UX
    8. Implementing Local Storage
    9. Build Deploy To Github Pages
  9. Chapter 9 : Client Panel Project - Part 1
    1. Client Panel Intro Demo
    2. Firebase Firestore App Setup
    3. Generate Components Setup Navbar
    4. Routing Module Setup
    5. AngularFire2 Setup Client Service
    6. Clients Dashboard Component
    7. Add Client Form Validation
    8. Add Client to Firestore
    9. Client Details Component
  10. Chapter 10 : Client Panel Project - Part 2
    1. Client Balance Update
    2. Edit Delete Clients
    3. Login Authentication
    4. Logout Nav Links
    5. Auth Guard for Routes
    6. User Registration
    7. Settings Service Register Guard
    8. Adding the Settings Page
    9. Deploy To Firebase Hosting

Product information

  • Title: Angular Front To Back
  • Author(s): Brad Traversy
  • Release date: May 2018
  • Publisher(s): Packt Publishing
  • ISBN: 9781789530773