Building Large-Scale Web Applications with Angular

A definitive guide on frontend development with Angular from design to deployment
Building Large-Scale Web Applications with Angular Book Cover
Preview Online
Code Files

Building Large-Scale Web Applications with Angular

Chandermani Arora et al.
New Release!

A definitive guide on frontend development with Angular from design to deployment
Quick links: > Table of contents > What will you learn?
Packt Subscription
€5.00
€9.99/m after first month
eBook
€5.22
RRP €41.63
Save 87%
Print + eBook
€43.99
RRP €43.99
What do I get with a Packt subscription?
  • Exclusive monthly discount - no contract
  • Unlimited access to entire Packt library of 6500+ eBooks and Videos
  • 120 new titles added every month, on new and emerging tech
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
€5.00
€5.22
€43.99
€9.99/m after first month
RRP €41.63
RRP €43.99
Subscription
eBook
Print + eBook
Subscribe Now

Frequently bought together


Building Large-Scale Web Applications with Angular Book Cover
Building Large-Scale Web Applications with Angular
€ 41.63
€ 5.22
Building Large-Scale Web Applications with Angular
Dec 2018
698 pages
€ 5.22
Learning Path - Modern Cross Platform Development with Qt 5 Book Cover
Learning Path - Modern Cross Platform Development with Qt 5
€ 83.28
€ 5.22
Learning Path - Modern Cross Platform Development with Qt 5
Dec 2018
805 pages
€ 5.22
Buy 2 for €10.44
Save €96.20
Add to Cart

Book Details

ISBN 139781789959567
Paperback698 pages

Book Description

If you have been burnt by unreliable JavaScript frameworks before, you will be amazed by the maturity of the Angular platform. Angular enables you to build fast, efficient, and real-world web apps. In this Learning Path, you'll learn Angular and to deliver high-quality and production-grade Angular apps from design to deployment.

You will begin by creating a simple fitness app, using the building blocks of Angular, and make your final app, Personal Trainer, by morphing the workout app into a full-fledged personal workout builder and runner with an advanced directive building - the most fundamental and powerful feature of Angular.

You will learn the different ways of architecting Angular applications using RxJS, and some of the patterns that are involved in it. Later you’ll be introduced to the router-first architecture, a seven-step approach to designing and developing mid-to-large line-of-business apps, along with popular recipes. By the end of this book, you will be familiar with the scope of web development using Angular, Swagger, and Docker, learning patterns and practices to be successful as an individual developer on the web or as a team in the Enterprise.

This Learning Path includes content from the following Packt products:

•Angular 6 by Example by Chandermani Arora, Kevin Hennessy 
•Architecting Angular Applications with Redux, RxJS, and NgRx by Christoffer Noring
•Angular 6 for Enterprise-Ready Web Applications by Doguhan Uluca

Table of Contents

Chapter 1: Building Our First App - 7 Minute Workout
What is 7 Minute Workout?
Downloading the code base
Setting up the build
Organizing code
The 7 Minute Workout model
First feature module
App bootstrapping
Exploring Angular modules
Our first component - WorkoutRunnerComponent
Building the 7 Minute Workout view
Learning more about an exercise
Cross-component communication using Angular events
Summary
Chapter 2: Personal Trainer
Personal Trainer requirements
Getting started with the code for Personal Trainer
Using the Personal Trainer model in Workout Builder services
The Personal Trainer layout
Personal Trainer navigation with routes
Implementing workout and exercise lists
Building a workout
Angular forms
Summary
Chapter 3: Supporting Server Data Persistence
Angular and server interactions
The basics of the HTTPClient module
Personal Trainer and server integration
Performing CRUD on exercises/workouts
Using promises for HTTP requests
The async pipe
Cross-domain access and Angular
Handling workouts not found
Fixing the 7 Minute Workout app
Summary
Chapter 4: Angular Directives in Depth
Building a remote validator directive
Building a busy indicator directive
Directive injection
Building an Ajax button component
Dependency injection using viewProvider
Understanding structural directives
Component styling and view encapsulation
Summary
Chapter 5: 1.21 Gigawatt - Flux Pattern Explained
Core concepts overview
A uniform data flow
Demoing a uniform data flow
Adding more actions to our flow
Adding AJAX calls
An even bigger solution
Summary
Chapter 6: Functional Reactive Programming
Recursion
Asynchronous data streams
Comparing lists to async streams – preparing for RxJS
Summary
Chapter 7: Manipulating Streams and Their Values
Starting out
Stream in a stream
AJAX
A deeper look
Thinking in streams
Summary
Chapter 8: RxJS Advanced
Hot, cold, and warm Observables
Subjects
Error handling
Marble testing
Pipeable operators
Summary
Chapter 9: Create a Local Weather Web Application
Planning a feature road map using Waffle
Crafting UI elements using components and interfaces
Using Angular Services and HttpClient to retrieve data
Transform data using RxJS
Summary
Chapter 10: Prepare Angular App for Production Release
Null guarding in Angular
Containerizing the app using Docker
Deploying containerized app
Summary
Chapter 11: Enhance Angular App with Angular Material
Adding Material Components to your app
Updating unit tests
Updating Angular Material
Summary
Chapter 12: Create a Router-First Line-of-Business App
Angular cheat sheet
Router-first architecture
Creating LemonMart
Designing LemonMart
Generating router-enabled modules
Designing the home route
Branding, Custom, and Material Icons
Angular Augury
Submodules with lazy loading
Completing the walking skeleton
Common Testing Module
Summary
Chapter 13: Continuous Integration and API Design
Continuous Integration
API design
Summary
Chapter 14: Design Authentication and Authorization
Wrapping up mock-ups
Design authentication and authorization workflow
UI service
Role-based routing after login
Auth Service Fake and Common Testing Providers
Summary
Chapter 15: Angular App Design and Recipes
User class and object-oriented programming
Reusing components
User profile with multi-step auth-enabled responsive forms
Resolve guard
Reusable component with binding and route data
Master/detail view auxiliary routes
Data table with pagination
Updating Unit Tests
Summary
Chapter 16: Highly-Available Cloud Infrastructure on AWS
Right-sizing infrastructure
Deploy to AWS ECS Fargate
Summary

What You Will Learn

  • Develop web applications from scratch using Angular and TypeScript
  • Explore reactive programming principles, RxJS to develop and test apps efficiently
  • Study continuous integration and deployment your Angular app on the AWS cloud

Authors

Continue reading

Table of Contents

Chapter 1: Building Our First App - 7 Minute Workout
What is 7 Minute Workout?
Downloading the code base
Setting up the build
Organizing code
The 7 Minute Workout model
First feature module
App bootstrapping
Exploring Angular modules
Our first component - WorkoutRunnerComponent
Building the 7 Minute Workout view
Learning more about an exercise
Cross-component communication using Angular events
Summary
Chapter 2: Personal Trainer
Personal Trainer requirements
Getting started with the code for Personal Trainer
Using the Personal Trainer model in Workout Builder services
The Personal Trainer layout
Personal Trainer navigation with routes
Implementing workout and exercise lists
Building a workout
Angular forms
Summary
Chapter 3: Supporting Server Data Persistence
Angular and server interactions
The basics of the HTTPClient module
Personal Trainer and server integration
Performing CRUD on exercises/workouts
Using promises for HTTP requests
The async pipe
Cross-domain access and Angular
Handling workouts not found
Fixing the 7 Minute Workout app
Summary
Chapter 4: Angular Directives in Depth
Building a remote validator directive
Building a busy indicator directive
Directive injection
Building an Ajax button component
Dependency injection using viewProvider
Understanding structural directives
Component styling and view encapsulation
Summary
Chapter 5: 1.21 Gigawatt - Flux Pattern Explained
Core concepts overview
A uniform data flow
Demoing a uniform data flow
Adding more actions to our flow
Adding AJAX calls
An even bigger solution
Summary
Chapter 6: Functional Reactive Programming
Recursion
Asynchronous data streams
Comparing lists to async streams – preparing for RxJS
Summary
Chapter 7: Manipulating Streams and Their Values
Starting out
Stream in a stream
AJAX
A deeper look
Thinking in streams
Summary
Chapter 8: RxJS Advanced
Hot, cold, and warm Observables
Subjects
Error handling
Marble testing
Pipeable operators
Summary
Chapter 9: Create a Local Weather Web Application
Planning a feature road map using Waffle
Crafting UI elements using components and interfaces
Using Angular Services and HttpClient to retrieve data
Transform data using RxJS
Summary
Chapter 10: Prepare Angular App for Production Release
Null guarding in Angular
Containerizing the app using Docker
Deploying containerized app
Summary
Chapter 11: Enhance Angular App with Angular Material
Adding Material Components to your app
Updating unit tests
Updating Angular Material
Summary
Chapter 12: Create a Router-First Line-of-Business App
Angular cheat sheet
Router-first architecture
Creating LemonMart
Designing LemonMart
Generating router-enabled modules
Designing the home route
Branding, Custom, and Material Icons
Angular Augury
Submodules with lazy loading
Completing the walking skeleton
Common Testing Module
Summary
Chapter 13: Continuous Integration and API Design
Continuous Integration
API design
Summary
Chapter 14: Design Authentication and Authorization
Wrapping up mock-ups
Design authentication and authorization workflow
UI service
Role-based routing after login
Auth Service Fake and Common Testing Providers
Summary
Chapter 15: Angular App Design and Recipes
User class and object-oriented programming
Reusing components
User profile with multi-step auth-enabled responsive forms
Resolve guard
Reusable component with binding and route data
Master/detail view auxiliary routes
Data table with pagination
Updating Unit Tests
Summary
Chapter 16: Highly-Available Cloud Infrastructure on AWS
Right-sizing infrastructure
Deploy to AWS ECS Fargate
Summary

Book Details

ISBN 139781789959567
Paperback698 pages
Read More

Read More Reviews

Recommended for You

Learning Path - Modern Cross Platform Development with Qt 5 Book Cover
Learning Path - Modern Cross Platform Development with Qt 5
€ 83.28
€ 5.22
Learning Path - Modern Cross Platform Development with Qt 5
Dec 2018
805 pages
€ 5.22
Building UI Automation Test Frameworks with Selenium WebDriver [Video] Book Cover
Building UI Automation Test Frameworks with Selenium WebDriver [Video]
€ 127.31
€ 5.22
Building UI Automation Test Frameworks with Selenium WebDriver [Video]
Dec 2018
1 hour 53 minutes
€ 5.22
Scaling Web Apps with Cosmos DB [Video] Book Cover
Scaling Web Apps with Cosmos DB [Video]
€ 127.31
€ 5.22
Scaling Web Apps with Cosmos DB [Video]
Dec 2018
1 hours 56 minutes
€ 5.22
Hands-on Web Application Development with jQuery [Video] Book Cover
Hands-on Web Application Development with jQuery [Video]
€ 127.31
€ 5.22
Hands-on Web Application Development with jQuery [Video]
Dec 2018
3 hours 27 minutes
€ 5.22
Building RESTful APIs with Go [Video] Book Cover
Building RESTful APIs with Go [Video]
€ 127.31
€ 5.22
Building RESTful APIs with Go [Video]
Dec 2018
3 hours 2 minutes
€ 5.22
Learning Dart - Build Your First App with Flutter [Video] Book Cover
Learning Dart - Build Your First App with Flutter [Video]
€ 127.31
€ 5.22
Learning Dart - Build Your First App with Flutter [Video]
Dec 2018
8 hours 49 minutes
€ 5.22