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

Description

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