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.
Table of Contents
-
Chapter 1 : Creating the Base Application
- Course Overview 00:02:41
- Installation and Setup 00:02:56
- Lesson Overview 00:01:47
- Server-Side and Client-Side Rendering 00:00:42
- Installing Angular CLI 00:00:59
- Generating a New Application 00:04:41
- Setting Defaults for Angular CLI 00:02:17
- Configuring Global Styles 00:03:38
- Creating UI Modules and Components 00:03:01
- Routes and Building our Layout 00:06:51
- HeaderComponent 00:04:30
- FooterComponent 00:02:56
- Creating the Application Module and Components 00:06:23
- PostsComponent and ProfileComponent 00:11:17
- Setting Up Angular CLI - Part 1 00:07:47
- Setting Up Angular CLI - Part 2 00:16:05
- Use the Data Resolved by the Router 00:01:47
- Summary 00:00:21
-
Chapter 2 : Server-Side Rendering
- Lesson Overview 00:02:46
- Generating the Server App 00:02:18
- Adding Dependencies for the Server App 00:02:10
- Adding Run Scripts to package.json 00:03:23
- Implementing a Web Server 00:04:45
- Adding Dynamic Metadata 00:05:38
- Summary 00:00:22
-
Chapter 3 : Service Workers
- Lesson Overview 00:01:35
- Installing Dependencies 00:00:30
- Enabling the Service Worker 00:03:28
- Configuring the Service Worker 00:05:59
- Testing the Service Worker 00:04:43
- Debugging the Service Worker 00:02:32
- Summary 00:00:30