Hands-on Full Stack Development with Angular 5 and Firebase: Build real-time, serverless, and progressive web applications with Angular and Firebase

✍ Scribed by Uttam Agarwal

• Publisher: Packt Publishing
• Year: 2018
• Tongue: English
• Leaves: 248
• Category: Library

✦ Table of Contents

Cover
Title Page
Copyright and Credits
Packt Upsell
Contributors
Table of Contents
Preface
Chapter 1: Organizing Your Angular Project Structure
Creating a project outline
Project structure
Overview of package.json
Setting up Firebase
Setting up an account for Firebase
Angular terminologies
The application's project structure
App module 
App routing
Authentication module
Authentication routing
Login component
Login component HTML
Login component scss
Login component spec
Authentication service
Date pipe
Common principles
Coding standard guidelines
Summary
Chapter 2: Creating a Signup Component
Enabling authentication in Firebase
Introduction to angularfire2
Creating the authentication module
Creating services
Authentication service
User service
Defining domain model
Creating signup templates
FormModule
Bootstrap elements
Angular data binding
Error handling
Firebase errors
Creating a customized alert dialog
Creating a signup component
Summary
Chapter 3: Creating a Login Component
Adding login functionalities to existing services
Authentication service
User service
Reusing the domain model
Creating a login template
Error handling for login
Firebase error
Creating a login component
Resetting the password
Adding modal template
Adding the onReset() functionality
Editing the password-reset template in Firebase
Summary
Chapter 4: Routing and Navigation between Components
Enabling routes in an app component
Creating a routing module for authentication
Exploring more routing techniques
Adding authentication guards
Firebase session lifecycle
Our project structure as of now
Summary
Chapter 5: Creating a User Profile Page
Introduction to RxJS
Passing data between module components
Introduction to SASS
Creating a user profile component
Enhancing services for update operation
Creating an edit dialog component
Firebase session for the update operation
Summary
Chapter 6: Creating a User's Friend List
Creating user's friend template
Creating the friend's service
Creating a Firebase node in our database
Implementing the Friend model class
Implementing the friend's service
Creating a friend's component
Creating our first date pipe
Summary
Chapter 7: Exploring Firebase Storage
Introducing Firebase storage
Configuring Firebase storage
Uploading the profile picture
Downloading friends images
Deleting the profile images
Handling errors in Firebase storage
Summary
Chapter 8: Creating a Chat Component
Creating a chat module
Creating a color variable
Creating a chat component
Creating a chat message list component
Creating a mixin for the message view
Creating a chat message component
Creating a chat message form component
Summary
Chapter 9: Connecting Chat Components with Firebase Database
Passing data using route parameters
Adding a route parameter ID
Linking a route to the parameter
Reading the parameter
Passing friend data to different chat components
Designing a Firebase database for chat
Creating a messaging service
Integrating our service to chat components
Summary
Chapter 10: Unit Testing Our Application
Introduction to Angular testing
Unit testing an Angular component
Unit testing an Angular service
Unit testing Angular pipe
Code coverage
Summary
Chapter 11: Debugging Techniques
Debugging Angular
Installing Augury
Using Augury's features
Component tree
Router tree
NgModules
Debugging a web application
HTML DOM
Layout preview
Debugging TypeScript
Viewing and searching a source file
Putting in breakpoints and watching live values
Adding code in the console window
Debugging CSS
Exploring the styles panel
Discovering and modifying styles
Network debugging
Summary
Chapter 12: Firebase Security and Hosting
Introducing Firebase security
Adding security rules for users
Adding security rules for chat messages
Indexing users and friends
Setting up multiple environments
Hosting the friends app in Firebase
Summary
Chapter 13: Growing Our Application Using Firebase
Introduction to Firebase cloud messaging
Adding FCM to our application
Google data analytics
Learning about Google adsense
Summary
Chapter 14: Transforming Our App into a PWA
Introduction to PWA
Introduction to service worker
Adding our application to phone home screens
Enabling offline mode
Compliance testing using Lighthouse
Summary
Other Books You May Enjoy
Index