Book Image

Building Large-Scale Web Applications with Angular

By : Chandermani Arora, Kevin Hennessy, Christoffer Noring, Doguhan Uluca
Book Image

Building Large-Scale Web Applications with Angular

By: Chandermani Arora, Kevin Hennessy, Christoffer Noring, Doguhan Uluca

Overview of this book

<p>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.</p> <p>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.</p> <p>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.</p> <p>This Learning Path includes content from the following Packt products:</p> <p><span style="background-color: transparent;">•Angular 6 by Example by Chandermani Arora, Kevin Hennessy&nbsp;</span><br /><span style="background-color: transparent;">•Architecting Angular Applications with Redux, RxJS, and NgRx by Christoffer Noring</span><br /><span style="background-color: transparent;">•Angular 6 for Enterprise-Ready Web Applications by Doguhan Uluca</span></p>

Related Content you might be interested in

Current Title:

Small book image
Building Large-Scale Web Applications with Angular
Chandermani Arora | Kevin Hennessy | Christoffer Noring | Doguhan Uluca
Dec, 2018 | 698 pages
No titles found
Table of Contents (23 chapters)
Title Page
Title Page
Copyright
Copyright
Contributors
Contributors
About Packt
About Packt
Preface
Preface
Free Chapter
1
Building Our First App - 7 Minute Workout
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
2
Personal Trainer
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
3
Supporting Server Data Persistence
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
4
Angular Directives in Depth
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
5
1.21 Gigawatt - Flux Pattern Explained
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
6
Functional Reactive Programming
Functional Reactive Programming
Recursion
Asynchronous data streams
Comparing lists to async streams – preparing for RxJS
Summary
7
Manipulating Streams and Their Values
Manipulating Streams and Their Values
Starting out
Stream in a stream
AJAX
A deeper look
Thinking in streams
Summary
8
RxJS Advanced
RxJS Advanced
Hot, cold, and warm Observables
Subjects
Error handling
Marble testing
Pipeable operators
Summary
9
Create a Local Weather Web Application
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
10
Prepare Angular App for Production Release
Prepare Angular App for Production Release
Null guarding in Angular
Containerizing the app using Docker
Deploying containerized app
Summary
11
Enhance Angular App with Angular Material
Enhance Angular App with Angular Material
Adding Material Components to your app
Updating unit tests
Updating Angular Material
Summary
12
Create a Router-First Line-of-Business App
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
13
Continuous Integration and API Design
Continuous Integration and API Design
Continuous Integration
API design
Summary
14
Design Authentication and Authorization
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
15
Angular App Design and Recipes
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
16
Highly-Available Cloud Infrastructure on AWS
Highly-Available Cloud Infrastructure on AWS
Right-sizing infrastructure
Deploy to AWS ECS Fargate
Summary
Other Books You May Enjoy
Other Books You May Enjoy
Leave a review - let other readers know what you think
Index
Index

Personal Trainer requirements

Based on the notion of managing workouts and exercises, these are some of the requirements that our Personal Trainer app should fulfill:

  • The ability to list all available workouts.
  • The ability to create and edit a workout. While creating and editing a workout, it should have:
    • The ability to add workout attributes including name, title, description, and rest duration
    • The ability to add/remove multiple exercises for workouts
    • The ability to order exercises in the workout
    • The ability to save workout data
  • The ability to list all available exercises.
  • The ability to create and edit an exercise. While creating and editing an exercise, it should have:
    • The ability to add exercise attributes such as name, title, description, and procedure
    • The ability to add pictures for the exercise
    • The ability to add related videos for the exercise
    • The ability to add audio clues for the exercise

All the requirements seem to be self-explanatory, so let's start with the design of the application...

Previous Section
End of Section 2
Next Section