This fast-paced book shows you how to use features of the latest version of Angular to rapidly build progressive web applications that are optimized for search performance. You'll be learning about differences in client and server-side rendering. You'll then explore advanced features, like service workers. By the end of the book, you'll have built a dynamic, single-page web application that behaves like a server-rendered application.
- Identify what makes an Angular application SEO-friendly
- Generate commands to create components and services
- Distinguish between container and presentational components
- Implement server-side rendering using Angular Universal
- Create a web server using Node.js and Express
- Add dynamic metadata to your web application
- Deploy a server-side rendered app to the cloud
- Implement and configure a service worker using Angular PWA
For the optimal student experience, we recommend the following hardware configuration:
- Processor: i3
- Memory: 2 GB RAM
- Hard disk: 10 GB
- An internet connection
You'll also need the following software installed in advance:
- Operating System: Windows 10
- Node 8.9.0 or higher
- npm 5.5.1 or higher
- Git
- Internet Browser: Google Chrome (latest version)
To verify the installed versions, run the node -v and npm -v commands in a terminal. If you want to install or upgrade to the latest version, please visit https://nodejs.org/.
While this course is written for Angular 7, most of the content will work exactly the same with Angular 6. We will do our best to keep the content of this course up to date, and in order to support future versions of Angular, we might add an errata.
Angular is written in and makes use of TypeScript, which is a superset of JavaScript that adds types. As a developer, you will get the biggest benefit from TypeScript if you use an editor that has good support for it. There are TypeScript plugins for most editors, but there are two we want to highlight, one free and one commercial option.
Visual Studio Code is a free and open source editor by Microsoft, which is the company behind TypeScript. This alone should give you confidence that the TypeScript support is amazing, which it is. VS Code runs on all major platforms. It can be downloaded from https://code.visualstudio.com/download.
WebStorm IDE is a commercial IDE by JetBrains, a company renowned for its solid IDEs. WebStorm also has great built-in support for TypeScript. There is a free community edition available for those who want to try it out at https://www.jetbrains.com/webstorm/download/.
This course focuses on building an Angular application that functions as a public website. It will retrieve the content from a REST API to match real-life use cases as closely as possible.
- The API is available under the
apifolder. - The code for the theory and exercises is available under the
solutionfolder. - The code for the activities is available under the
solution-extra-activitiesfolder.