Video description
Discover how to rapidly prototype SEO-friendly web applications with Angular Universal
About This Video
- Rapidly build an application that is optimized for search performance
- Develop service workers to make your application truly progressive
- Automatically update metadata and load in content from external APIs
In Detail
Before adding service workers and starting out with server-side rendering, you will learn how to build a small and simple application. Once we’ve scaffolded our UI components and implemented key application logic, we’ll explore how this application works offline and without JavaScript.
Once our starter application is created and working as expected, you will learn all about server-side rendering. In order to do this, you will learn how to configure the application to use a Node.js server that pre-renders the application. You will also discover ways to enhance your application to work progressively, with service workers that you can configure with Angular CLI. By the end of this course, you will be able to confidently create server-side applications that display a significant improvement in performance.
Audience
This course is ideal for experienced frontend developers who are looking to quickly work through an intelligent example that demonstrates all the key features of server-side development with Angular. You will need some prior exposure to Angular, as we skim over the basics and get straight to work.
Table of Contents
Chapter 1 : Creating the Base Application
Course Overview
Installation and Setup
Lesson Overview
Server-Side and Client-Side Rendering
Installing Angular CLI
Generating a New Application
Setting Defaults for Angular CLI
Configuring Global Styles
Creating UI Modules and Components
Routes and Building our Layout
HeaderComponent
FooterComponent
Creating the Application Module and Components
PostsComponent and ProfileComponent
Setting Up Angular CLI - Part 1
Setting Up Angular CLI - Part 2
Use the Data Resolved by the Router
Summary
Chapter 2 : Server-Side Rendering
Lesson Overview
Generating the Server App
Adding Dependencies for the Server App
Adding Run Scripts to package.json
Implementing a Web Server
Adding Dynamic Metadata
Summary
Chapter 3 : Service Workers
Lesson Overview
Installing Dependencies
Enabling the Service Worker
Configuring the Service Worker
Testing the Service Worker
Debugging the Service Worker
Summary