Getting Started with Angular: Create and Deploy Angular Applications

✍ Scribed by Victor Hugo Garcia

• Publisher: Apress
• Tongue: English
• Leaves: 410
• Category: Library

✦ Synopsis

Immerse yourself in the architecture of an Angular application, starting with an introduction to TypeScript and ES6, and progressing to modules and components used to build complex applications. This book presents a hands-on approach to becoming a proficient Angular developer by building three complete applications.

You'll start with an overview of the Angular framework where TypeScript and ES6 are introduced. Next you'll see how to build an application (RestApp) using the in-memory module to mock an API that communicates with a rest API performing crud operations. This is followed by an application (AuthApp) that uses a third party service to provide authentication and authorization capabilities to handle registrations. You'll then build an application (BlogApp) that communicates with a MongoDB database in six parts.

Part 1 covers MongoDB, how to install bootstrap, login service, and adding the logic of the form. Part 2 covers how to start the project on the server, create the database and AuthService, and save the user in the session. In Parts 3 and 4 you will learn to create the post collection, post component, and sharpen details. In Parts 5 and 6 you will study adding, editing, and deleting posts with testing.

By the end of the book you'll have the necessary knowledge to write and execute automated tests on your applications, and deploy them to a server.

What You'll Learn

• Divide the logic of an application into components
• Communicate with an API
• Release the power of the observables to solve asynchronous programming problems
• Include Bootstrap so that your application looks great on different devices

Who This Book Is For

Web developers with basic knowledge of JavaScript, HTML, and CSS.

✦ Table of Contents

978-1-4842-9206-8
1
Table of Contents
About the Author
About the Technical Reviewer
Introduction
978-1-4842-9206-8_1
Chapter 1: Introduction to Angular Framework
About Angular
Semantic Versioning
Frequency of Releases
Installations Needed
NodeJS
Google Chrome
TypeScript
Angular CLI
Ionic
IDE
Postman
Errors
Summary
978-1-4842-9206-8_2
Chapter 2: Introduction to TypeScript and ES6
Getting Started
let and const
First File
Data Types
Boolean
Number
String
Array
Any
Template Strings
Manipulating Strings
Functions
Arrow Functions
Destructuring Objects and Arrays
Interfaces
Classes
What Is a Class?
Inheritance
Abstract Classes
Classes and Interfaces
Promises
Decorators
Summary
Questions and Answers
Questions
Answers
978-1-4842-9206-8_3
Chapter 3: RestApp Part 1
Creating a New Project
app.module.ts
What We Will Be Building
Bootstrap 4
Components of Our Application
Navbar Component
Routing
Services
An Interface for Users
API
Summary
Untitled
Untitled
978-1-4842-9206-8_4
Chapter 4: RestApp Part 2
Bootstrap
AboutComponent
Forms: ContactComponent
Error Handling
Update a User
Adding a New User
Deleting a User
Loading
Pipes
Summary
978-1-4842-9206-8_5
Chapter 5: AuthApp
Auth0
Creating an Account
Our New App
AuthService
NavbarComponent
Routing
Auth0 Settings
Local Storage
Securing Routes
AuthGuard
Getting the User’s Profile
Exercise
Summary
978-1-4842-9206-8_6
Chapter 6: Blog App Part 1
MongoDB
What We Will Be Doing
Starting the Project
Installing Bootstrap
Login Component
Routes of the Application
User Model
Login Service
Adding the Logic of the Form
Application Code
Summary
978-1-4842-9206-8_7
Chapter 7: Blog App Part 2
NodeJS
Express
MongoDB
Mongoose
Starting the Project on the Server
Creating the Database
Home Component
AuthService: Saving the User in the Session
Source Code
Summary
978-1-4842-9206-8_7 (1)
Chapter 7: Blog App Part 2
NodeJS
Express
MongoDB
Mongoose
Starting the Project on the Server
Creating the Database
Home Component
AuthService: Saving the User in the Session
Source Code
Summary
978-1-4842-9206-8_8
Chapter 8: Blog App Part 3: Showing Posts
Modifying the User Class
Post Component
Creating the Post Collection
Post Service
Post Component
Backend Source Code
Frontend Source Code
Summary
978-1-4842-9206-8_9
Chapter 9: Blog App Part 4: Filtering Posts
Dashboard Component
Post Component
Filtering Posts
Sharpening Details
Backend Source Code
Frontend Source Code
Summary
Untitled
978-1-4842-9206-8_10
Chapter 10: Blog App Part 5: Adding Posts
AddPost Component
Post Model
Observables
Backend Source Code
Frontend Source Code
Summary
978-1-4842-9206-8_11
Chapter 11: Blog App Part 6: Editing Posts
Frontend Post Model
Common Service
Post Component
Dashboard Component
AddPost Component
AddPost Service
updatePost
Backend Source Code
Frontend Source Code
Summary
978-1-4842-9206-8_12
Chapter 12: Blog App Part 7: Deleting Posts
Common Service
Dashboard Component
Post Component
index.js
Frontend Source Code
Backend Source Code
Summary
978-1-4842-9206-8_13
Chapter 13: Testing
Jasmine
Karma
Testing a Pipe
Testing a Service
Summary
1 (1)
Index