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

Build an end-to-end application from development to production by binding Angular with Firebase in this complete guide to web application development

Key Features

• Build a real-time production-ready web application by leveraging the features of Angular as front end and Firebase as the back end
• Learn more about authentication, databases, and security with Firebase
• Learn how to grow your application user base using Google analytics and how to make your application PWA compliant.

Book Description

This book is a complete package for you to build real-time web applications. You will build an end-to-end social networking web application from development to production with Angular as the frontend and Firebase as the backend.

You will create an application called Friends with authentication, friends, and chat features. During the process, you'll use Firebase authentication to register new users and Firebase database to store your extra user data. You'll take a look at how to store and retrieve your user's images from Firebase storage. Then, you'll create a real-time chat module with the Firebase database. Next, you'll secure your database using Firebase security, make your application live with Firebase hosting, and develop your application with analytics.

Moving on, you'll take a look at how to create web pages using bootstrap with HTML, CSS, and TypeScript. You will use the angularfire2 library API in Angular services to interact with Firebase and write unit tests using the Jasmine framework that will help you to write a production-ready application. You'll also discover various debugging techniques to troubleshoot any bug in your application. Finally, you'll make your application Progressive Web Applications compliant.

By the end of this book, you'll be able to confidently build any complex application.

What you will learn

• Understand the core concepts of Angular framework
• Create web pages with Angular as front end and Firebase as back end
• Develop a real-time social networking application
• Make your application live with Firebase hosting
• Engage your user using Firebase cloud messaging
• Grow your application with Google analytics
• Learn about Progressive Web App

Who This Book Is For

This book is for JavaScript developers who have some previous knowledge of the Angular framework and want to start developing serverless applications with Angular and Firebase. If you are looking for a more practical and less theory-based approach to learn these concepts, then this book is for you.

Table of Contents

1. Organizing your Angular Project Structure
2. Creating Signup Component
3. Creating Login Component
4. Routing and Navigation Between Components
5. Creating a User Profile Page
6. Creating User's friend list
7. Exploring Firebase Storage
8. Exploring Firebase Storage
9. Connecting Chat Component with Firebase Database
10. Connecting Chat Component with Firebase Database
11. Debugging Techniques
12. Firebase Security and Hosting
13. Growing Our Application Using Firebase
14. Transforming Our App into a PWA

在這本完整的網頁應用程式開發指南中，通過將Angular與Firebase綁定，從開發到生產建立一個端到端的應用程式。

主要特點:
- 利用Angular作為前端和Firebase作為後端，建立一個實時的生產就緒網頁應用程式
- 透過Firebase了解身份驗證、資料庫和安全性
- 學習如何使用Google分析增加應用程式的使用者基數，以及如何使應用程式符合PWA的要求

書籍描述:
這本書是一個完整的套件，讓您建立實時的網頁應用程式。您將使用Angular作為前端和Firebase作為後端，從開發到生產建立一個端到端的社交網絡應用程式。

您將創建一個名為Friends的應用程式，具有身份驗證、好友和聊天功能。在此過程中，您將使用Firebase身份驗證註冊新用戶，並使用Firebase資料庫存儲額外的用戶數據。您將研究如何從Firebase存儲中存取和檢索用戶圖像。然後，您將使用Firebase資料庫創建實時聊天模塊。接下來，您將使用Firebase安全性保護您的資料庫，使用Firebase主機使應用程式上線，並使用分析工具開發應用程式。

接著，您將學習如何使用HTML、CSS和TypeScript使用Bootstrap創建網頁。您將在Angular服務中使用angularfire2庫API與Firebase進行交互，並使用Jasmine框架編寫單元測試，以幫助您編寫生產就緒的應用程式。您還將探索各種調試技術，以解決應用程式中的任何錯誤。最後，您將使您的應用程式符合漸進式網絡應用程式的要求。

通過閱讀本書，您將能夠自信地建立任何複雜的應用程式。

您將學到:
- 理解Angular框架的核心概念
- 使用Angular作為前端和Firebase作為後端創建網頁
- 開發實時社交網絡應用程式
- 使用Firebase主機使應用程式上線
- 使用Firebase雲端訊息服務吸引用戶
- 使用Google分析增加應用程式的使用者基數
- 了解漸進式網絡應用程式

適合對象:
本書適合具有一定Angular框架知識的JavaScript開發人員，並希望開始使用Angular和Firebase開發無伺服器應用程式。如果您正在尋找一種更實踐、少理論的方法來學習這些概念，那麼本書適合您。

目錄:
1. 組織您的Angular專案結構
2. 創建註冊組件
3. 創建登錄組件
4. 組件之間的路由和導航
5. 創建用戶個人資料頁面
6. 創建用戶好友列表
7. 探索Firebase存儲
8. 探索Firebase存儲
9. 將聊天組件與Firebase資料庫連接
10. 將聊天組件與Firebase資料庫連接
11. 調試技術
12. Firebase安全性和主機
13. 使用Firebase增加應用程式功能
14. 將應用程式轉換為漸進式網絡應用程式