Server-Side Enterprise Development with Angular

Course Description

This fast-paced course 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 course, you'll have built a dynamic, single-page web application that behaves like a server-rendered application.

Overview

With the help of this course, you can equip yourself with the skills required to create modern, progressive web applications that load quickly and efficiently. This fast-paced course is a great way to learn how to build an effective UX by using the new features of Angular 7 beta, without wasting your efforts on searching for referrals.

To start off, you'll install the Angular CLI and set up a working environment, followed by learning how to distinguish between the container and presentational components. You'll explore advanced concepts such as making requests to a REST API from an Angular application, creating a web server using Node.js and Express, and adding dynamic metadata. Toward the end of this course, you'll gain an understanding of how to implement and configure a service worker using Angular PWA and how to deploy a server-side rendered app to the cloud.

By the end of this course, you'll have developed the skills needed to serve your users views that load instantly, while reaping all the SEO benefits of improved page indexing.

After completing this course, you will be able to:

• Identify what makes an Angular application SEO-friendly
• Generate commands to create components and services
• Distinguish between the 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

Course Length

1 day

Scope

This course takes a hands-on approach to demonstrating how to quickly get set up with the Angular CLI and start building server-side, enterprise-ready applications with Angular 7. This course does not delve into the basics of Angular or TypeScript. Previous app development experience using Angular is necessary.

Target Audience

This course is for you if you are an experienced frontend developer who wants to quickly work through examples that demonstrate all the key features of server-side development. You need to have had prior exposure to Angular, as we'll only briefly cover the basics before getting straight to work.

Technical Requirements

Hardware:

For the optimal student experience, we recommend the following hardware configuration:

• Processor: i3
• Memory: 2 GB RAM
• Hard disk: 10 GB
• An internet connection

Software:

• Operating System: Windows 10
• Node 8.9.0 or higher
• npm 5.5.1 or higher
• Git
• Internet Browser: Google Chrome (latest version)

Course Outline

Lesson 1: Creating the Base Application

• Installing Angular CLI
• Creating a New Application
• Configuring Global Styles
• Creating the UI for the Application
• Creating the App Logic

Lesson 2: Server-Side Rendering

• Generating the Universal Code
• Enabling Support for Lazy Loading
• Building the Server
• Adding Dynamic Metadata
• Deploying to Production

Lesson 3: Service Workers

• Installing Angular PWA
• Configuring the Service Worker
• Testing the Service Worker
• Debugging the Service Worker