Server-Side Enterprise Development with Angular

Course 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.

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.

Course Objectives

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 Content

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

Course Prerequisites

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)