舉報 
會員
Angular 6 for Enterprise：Ready Web Applications
Thisbookisfordeveloperswhowanttoconfidentlydeliverhigh-qualityandproduction-gradeAngularappsfromdesigntodeployment.WeassumethatyouhavepriorexperienceinwritingaRESTfulAPIwiththetechstackofyourchoice;ifyoudon't,youcanstillgainalotofbenefitfromthisbook,whichfocusesontheentirescopeoffrontenddevelopment,fromdesigntodeployment!
最新章節
- Leave a review - let other readers know what you think
- Other Books You May Enjoy
- Summary
- Advanced Analytics events
- Adding custom events in Angular
- Creating a custom event
品牌：中圖公司
上架時間：2021-06-25 20:48:09
出版社：Packt Publishing
本書數字版權由中圖公司提供，并由其授權上海閱文信息技術有限公司制作發行
- Leave a review - let other readers know what you think 更新時間：2021-06-25 21:21:27
- Other Books You May Enjoy
- Summary
- Advanced Analytics events
- Adding custom events in Angular
- Creating a custom event
- Measuring actual use
- Revising estimates with metrics
- Blue-Green deployments
- Pre-scheduled provisioning
- Calculating target server utilization
- Cost per user in a scalable environment
- Reliable Cloud Scaling
- Advanced load testing
- Calculating per user cost
- Budgeting and scaling
- Configuring Google Analytics Tag in Tag Manager
- Setting up Google Analytics
- Set up Google Tag Manager
- Adding Google Tag Manager to Angular App
- Collecting Analytics
- Google Analytics and Advanced Cloud Ops
- Summary
- AWS Billing
- Publish
- Adding npm Scripts for AWS
- Prep Angular app
- Getting the DNS Name
- Configuring the DNS
- Creating cluster service
- Creating elastic load balancer
- Creating task definition
- Creating container repository
- Creating a Fargate Cluster
- Configuring ECS Fargate
- Deploy to AWS ECS Fargate
- Simple load testing
- Optimizing instance
- Right-sizing infrastructure
- Securing secrets
- Creating a secure AWS account
- Highly-Available Cloud Infrastructure on AWS
- Summary
- Updating Unit Tests
- Data table with pagination
- Master/detail view auxiliary routes
- Reusable component with binding and route data
- Resolve guard
- Review component and Save form
- ViewUser component
- Dynamic form arrays
- Type ahead support
- Calculated properties and DatePicker
- Stepper and responsive layout
- Form groups
- User profile with multi-step auth-enabled responsive forms
- User service with caching GET and POST
- Reusing components
- User class and object-oriented programming
- Angular App Design and Recipes
- Summary
- Auth Service Fake and Common Testing Providers
- Auth Guard
- Router Guards
- Role-based routing after login
- Log out
- Side navigation
- HTTP interceptor
- JSON Web Token life cycle
- Caching with cookie and localStorage
- UI service
- Common validations
- Conditional navigation
- Implementing the login component
- Implement a basic authentication service
- Add auth service
- Design authentication and authorization workflow
- Wrapping up mock-ups
- Design Authentication and Authorization
- Summary
- Verifying and publishing Swagger server
- Enable Cross-Origin Resource Sharing (CORS)
- Swagger 2.0 with official tooling
- OpenAPI 3.0 with unofficial tooling
- Creating a Swagger server
- Defining a Swagger YAML file
- Swagger
- Defining entities
- Designing around major data components
- API design
- Code coverage report
- CircleCI
- Web server
- Configuring testing environment
- Configuring a headless browser for Angular
- Tester
- Debugging build environment
- Builder
- Containerizing build environment
- Continuous Integration
- Continuous Integration and API Design
- Summary
- Common Testing Module
- Inspect router tree
- Inventory module
- POS module
- POS and inventory modules
- User module
- Manager module
- Completing the walking skeleton
- Lazy loading
- Eager loading
- Configuring submodules with components and routes
- Submodules with lazy loading
- NgModules
- Router Tree
- Break point debugging
- Component Tree
- Angular Augury
- Material icons
- Custom icons
- Implementing browser manifest and icons
- Color palette
- Branding
- Branding Custom and Material Icons
- Router outlet
- RouterLink
- Setting up default routes
- Designing the home route
- Generating router-enabled modules
- Identifying high-level modules with site map
- Identifying user roles
- Designing LemonMart
- Configuring Material and Styles
- Configuring Angular.json and Package.json
- Creating a Router-first app
- Creating LemonMart
- Router-first architecture
- Configure Angular CLI autocomplete
- Starter commands major components and CLI scaffolds
- Common pipes
- Built-in directives
- Binding
- Angular cheat sheet
- Create a Router-First Line-of-Business App
- Summary
- Sibling interactions with subjects
- Parent-child relationships with input binding
- Child-parent relationships with event emitters
- Global events
- Enabling component interaction
- Template driven forms with two-way binding
- Implementing input validation and error messaging
- Limiting user inputs with throttle/debounce
- Implementing search
- Adding search to weather service
- Adding and verifying components
- Adding Angular Reactive Forms
- Searching with user input
- Exporting the functional prototype
- Adding interactivity
- Settings pane
- Search results
- Home screen
- Building the mock-up
- MockFlow WireFramePro
- Interactive prototype
- Reactive Forms and Component Interaction
- Summary
- Updating Angular Material
- Check on the latest available versions
- Take stock of your current versions
- Updating Angular Material
- Advanced themes
- Custom themes
- Updating unit tests
- Tweaking to match design
- Fine-tuning styles
- Styling elements
- Aligning elements
- Implementing Layout Scaffolding
- Updating Current Weather card layout
- Updating the tagline as center-aligned caption
- Applying typography
- Material typography
- Card header and content
- Accessibility
- Representing weather in Material Card
- Modifying landing page with Material Toolbar
- Angular Material schematics
- Adding Material Components to your app
- Flex Layout APIs for any element
- Flex Layout APIs for DOM elements
- Flex Layout APIs for DOM containers
- Layout basics
- Installing Angular Flex Layout
- Responsive layouts
- Angular Flex Layout
- Adding Material Icon font
- Importing theme
- Importing modules
- Manually configuring Angular Material
- Understanding Material's components
- Manually
- Automatically
- Installing Angular Material
- Angular Material setup and performance
- Angular Material
- Enhance Angular App with Angular Material
- Summary
- Updating Docker image
- Updating your web server
- Addressing security vulnerabilities
- Testing performance
- Manual update
- Post Update Checklist
- After the update
- Continuing the update
- Incompatible peer dependencies
- During the Update
- Before updating
- Pre-upgrade checklist
- Updating your Angular app
- Using Angular Update Guide
- Take stock of your current version
- Angular update guide
- Updating Angular
- Npm fails to install a global tool on Windows
- Global Npm packages
- Updating npm and Global npm packages
- n - Node version manager for macOS
- Updating Node
- A brief history of web frameworks
- Staying Up to Date with Angular Updates
- Summary
- Deploying
- Configuring the Now CLI tool
- Zeit Now
- Deploying containerized app
- NPM Scripts in VS Code
- Docker extension in VS Code
- Setting up Docker scripts
- Installing Docker
- Containerizing the app using Docker
- Null guarding with *ngIf
- Safe navigation operator
- Property initialization
- Null guarding in Angular
- Debugging with Visual Studio Code
- Generic ErrorEvents
- NetworkError
- Karma Jasmine and Unit Testing errors
- Investigating console errors
- Troubleshooting network issues
- Optimizing Chrome Dev Tools
- Debugging with Chrome Developer Tools
- Troubleshooting common Angular errors
- e2e spec
- e2e test execution
- Angular e2e tests
- Jasmine specs
- Test doubles
- Imports
- Providers
- Declarations
- Unit test execution
- Angular unit tests
- Prepare Angular App for Production Release
- Summary
- Implementing Reactive transformations
- Understanding Reactive programming
- Transform data using RxJS
- Retrieving service data from a component
- Implementing an HTTP GET operation
- Storing environment variables
- Discover OpenWeatherMap APIs
- Inject dependencies
- Creating a new Angular Service
- Using Angular Services and HttpClient to retrieve data
- Define your model using interfaces
- Adding an Angular component
- Crafting UI elements using components and interfaces
- Creating issues for your Local Weather app
- Setting up a Waffle project
- Planning a feature road map using Waffle
- Coding style
- IDE extensions
- IDE settings
- Optimizing VS Code for Angular
- Running your Angular app
- Commiting code using VS Code
- Inspecting and updating package.json
- Publishing Git Repository using GitHub Desktop
- Initializing Angular app
- Installing Angular CLI
- Generate your Angular application
- Set up your development directory
- Folder structure
- High level architecture
- Wireframe design
- Angular in Full-Stack Architecture
- What's new in Angular 6?
- Angular's philosophy
- Introduction to Angular
- Create a Local Weather Web Application
- Further reading
- Summary
- Automation for Windows and macOS
- Installing Visual Studio Code
- Visual Studio Code
- Installing Node.js
- Existing Node.js Installation
- Node.js
- Installing Git and GitHub Desktop
- Why use GitHub Desktop?
- Why use GitHub?
- Git and GitHub Desktop
- Installing Homebrew for macOS
- Install Chocolatey for Windows
- CLI package managers
- Setting Up Your Development Environment
- Reviews
- Get in touch
- Conventions used
- Download the example code files
- To get the most out of this book
- What this book covers
- Who this book is for
- Preface
- Packt is searching for authors like you
- About the reviewers
- About the author
- Contributors
- PacktPub.com
- Why subscribe?
- Packt Upsell
- 版權信息
- 封面
- 封面
- 版權信息
- Packt Upsell
- Why subscribe?
- PacktPub.com
- Contributors
- About the author
- About the reviewers
- Packt is searching for authors like you
- Preface
- Who this book is for
- What this book covers
- To get the most out of this book
- Download the example code files
- Conventions used
- Get in touch
- Reviews
- Setting Up Your Development Environment
- CLI package managers
- Install Chocolatey for Windows
- Installing Homebrew for macOS
- Git and GitHub Desktop
- Why use GitHub?
- Why use GitHub Desktop?
- Installing Git and GitHub Desktop
- Node.js
- Existing Node.js Installation
- Installing Node.js
- Visual Studio Code
- Installing Visual Studio Code
- Automation for Windows and macOS
- Summary
- Further reading
- Create a Local Weather Web Application
- Introduction to Angular
- Angular's philosophy
- What's new in Angular 6?
- Angular in Full-Stack Architecture
- Wireframe design
- High level architecture
- Folder structure
- Set up your development directory
- Generate your Angular application
- Installing Angular CLI
- Initializing Angular app
- Publishing Git Repository using GitHub Desktop
- Inspecting and updating package.json
- Commiting code using VS Code
- Running your Angular app
- Optimizing VS Code for Angular
- IDE settings
- IDE extensions
- Coding style
- Planning a feature road map using Waffle
- Setting up a Waffle project
- Creating issues for your Local Weather app
- Crafting UI elements using components and interfaces
- Adding an Angular component
- Define your model using interfaces
- Using Angular Services and HttpClient to retrieve data
- Creating a new Angular Service
- Inject dependencies
- Discover OpenWeatherMap APIs
- Storing environment variables
- Implementing an HTTP GET operation
- Retrieving service data from a component
- Transform data using RxJS
- Understanding Reactive programming
- Implementing Reactive transformations
- Summary
- Prepare Angular App for Production Release
- Angular unit tests
- Unit test execution
- Declarations
- Providers
- Imports
- Test doubles
- Jasmine specs
- Angular e2e tests
- e2e test execution
- e2e spec
- Troubleshooting common Angular errors
- Debugging with Chrome Developer Tools
- Optimizing Chrome Dev Tools
- Troubleshooting network issues
- Investigating console errors
- Karma Jasmine and Unit Testing errors
- NetworkError
- Generic ErrorEvents
- Debugging with Visual Studio Code
- Null guarding in Angular
- Property initialization
- Safe navigation operator
- Null guarding with *ngIf
- Containerizing the app using Docker
- Installing Docker
- Setting up Docker scripts
- Docker extension in VS Code
- NPM Scripts in VS Code
- Deploying containerized app
- Zeit Now
- Configuring the Now CLI tool
- Deploying
- Summary
- Staying Up to Date with Angular Updates
- A brief history of web frameworks
- Updating Node
- n - Node version manager for macOS
- Updating npm and Global npm packages
- Global Npm packages
- Npm fails to install a global tool on Windows
- Updating Angular
- Angular update guide
- Take stock of your current version
- Using Angular Update Guide
- Updating your Angular app
- Pre-upgrade checklist
- Before updating
- During the Update
- Incompatible peer dependencies
- Continuing the update
- After the update
- Post Update Checklist
- Manual update
- Testing performance
- Addressing security vulnerabilities
- Updating your web server
- Updating Docker image
- Summary
- Enhance Angular App with Angular Material
- Angular Material
- Angular Material setup and performance
- Installing Angular Material
- Automatically
- Manually
- Understanding Material's components
- Manually configuring Angular Material
- Importing modules
- Importing theme
- Adding Material Icon font
- Angular Flex Layout
- Responsive layouts
- Installing Angular Flex Layout
- Layout basics
- Flex Layout APIs for DOM containers
- Flex Layout APIs for DOM elements
- Flex Layout APIs for any element
- Adding Material Components to your app
- Angular Material schematics
- Modifying landing page with Material Toolbar
- Representing weather in Material Card
- Accessibility
- Card header and content
- Material typography
- Applying typography
- Updating the tagline as center-aligned caption
- Updating Current Weather card layout
- Implementing Layout Scaffolding
- Aligning elements
- Styling elements
- Fine-tuning styles
- Tweaking to match design
- Updating unit tests
- Custom themes
- Advanced themes
- Updating Angular Material
- Take stock of your current versions
- Check on the latest available versions
- Updating Angular Material
- Summary
- Reactive Forms and Component Interaction
- Interactive prototype
- MockFlow WireFramePro
- Building the mock-up
- Home screen
- Search results
- Settings pane
- Adding interactivity
- Exporting the functional prototype
- Searching with user input
- Adding Angular Reactive Forms
- Adding and verifying components
- Adding search to weather service
- Implementing search
- Limiting user inputs with throttle/debounce
- Implementing input validation and error messaging
- Template driven forms with two-way binding
- Enabling component interaction
- Global events
- Child-parent relationships with event emitters
- Parent-child relationships with input binding
- Sibling interactions with subjects
- Summary
- Create a Router-First Line-of-Business App
- Angular cheat sheet
- Binding
- Built-in directives
- Common pipes
- Starter commands major components and CLI scaffolds
- Configure Angular CLI autocomplete
- Router-first architecture
- Creating LemonMart
- Creating a Router-first app
- Configuring Angular.json and Package.json
- Configuring Material and Styles
- Designing LemonMart
- Identifying user roles
- Identifying high-level modules with site map
- Generating router-enabled modules
- Designing the home route
- Setting up default routes
- RouterLink
- Router outlet
- Branding Custom and Material Icons
- Branding
- Color palette
- Implementing browser manifest and icons
- Custom icons
- Material icons
- Angular Augury
- Component Tree
- Break point debugging
- Router Tree
- NgModules
- Submodules with lazy loading
- Configuring submodules with components and routes
- Eager loading
- Lazy loading
- Completing the walking skeleton
- Manager module
- User module
- POS and inventory modules
- POS module
- Inventory module
- Inspect router tree
- Common Testing Module
- Summary
- Continuous Integration and API Design
- Continuous Integration
- Containerizing build environment
- Builder
- Debugging build environment
- Tester
- Configuring a headless browser for Angular
- Configuring testing environment
- Web server
- CircleCI
- Code coverage report
- API design
- Designing around major data components
- Defining entities
- Swagger
- Defining a Swagger YAML file
- Creating a Swagger server
- OpenAPI 3.0 with unofficial tooling
- Swagger 2.0 with official tooling
- Enable Cross-Origin Resource Sharing (CORS)
- Verifying and publishing Swagger server
- Summary
- Design Authentication and Authorization
- Wrapping up mock-ups
- Design authentication and authorization workflow
- Add auth service
- Implement a basic authentication service
- Implementing the login component
- Conditional navigation
- Common validations
- UI service
- Caching with cookie and localStorage
- JSON Web Token life cycle
- HTTP interceptor
- Side navigation
- Log out
- Role-based routing after login
- Router Guards
- Auth Guard
- Auth Service Fake and Common Testing Providers
- Summary
- Angular App Design and Recipes
- User class and object-oriented programming
- Reusing components
- User service with caching GET and POST
- User profile with multi-step auth-enabled responsive forms
- Form groups
- Stepper and responsive layout
- Calculated properties and DatePicker
- Type ahead support
- Dynamic form arrays
- ViewUser component
- Review component and Save form
- Resolve guard
- Reusable component with binding and route data
- Master/detail view auxiliary routes
- Data table with pagination
- Updating Unit Tests
- Summary
- Highly-Available Cloud Infrastructure on AWS
- Creating a secure AWS account
- Securing secrets
- Right-sizing infrastructure
- Optimizing instance
- Simple load testing
- Deploy to AWS ECS Fargate
- Configuring ECS Fargate
- Creating a Fargate Cluster
- Creating container repository
- Creating task definition
- Creating elastic load balancer
- Creating cluster service
- Configuring the DNS
- Getting the DNS Name
- Prep Angular app
- Adding npm Scripts for AWS
- Publish
- AWS Billing
- Summary
- Google Analytics and Advanced Cloud Ops
- Collecting Analytics
- Adding Google Tag Manager to Angular App
- Set up Google Tag Manager
- Setting up Google Analytics
- Configuring Google Analytics Tag in Tag Manager
- Budgeting and scaling
- Calculating per user cost
- Advanced load testing
- Reliable Cloud Scaling
- Cost per user in a scalable environment
- Calculating target server utilization
- Pre-scheduled provisioning
- Blue-Green deployments
- Revising estimates with metrics
- Measuring actual use
- Creating a custom event
- Adding custom events in Angular
- Advanced Analytics events
- Summary
- Other Books You May Enjoy
- Leave a review - let other readers know what you think 更新時間：2021-06-25 21:21:27
