Course Overview
TOPWeb applications built with Angular can be optimized for search engines (SEO). Building support for SEO in apps means that search engines can read and understand the pages, and that the pages have dynamic data that is specifically aimed at search engines (meta tags). This increases the visibility of your app giving higher search rankings and more links, resulting in more revenues for you or your client. Angular provides built-in features that can be leveraged to ensure apps enjoy maximum visibility on the web. Angular also provides features to ensure that our apps keep working without an internet connection or on a slow connection as well.
With this course, you'll be equipped to create modern, SEO-friendly web apps with best practices using Angular CLI. This course focuses on creating a progressive web app using Angular that is optimized for search engines. As such, this course will not focus on understanding Angular basics.
In this Beginning Server-Side Application Development with Angular course, you will learn how to use Angular to create a progressive web app (PWA) that has great support for SEO. You will begin by identifying what makes an app SEO friendly and installing Angular CLI. You will then build out the UI and application components. By the end of the first lesson, you will have an app ready that is built using Angular's best practices. In the next lesson, you will implement server-side rendering. You will create a server with Express.js and add dynamic metadata to our app. In the final lesson, you will enable and configure service workers for our app, which will enable our app to work offline.
Scheduled Classes
TOPWhat You'll Learn
TOP- Creating the Base Application
- Server-Side Rendering
- Service Workers
Outline
TOP- Creating the Base Application
- Installing Angular CLI
- Generating a New Application
- Setting Defaults for Angular CLI
- Configuring Global Styles
- Creating UI Modules and Components
- Creating the Application Module and Components
- Server-Side Rendering
- Generating the Server App
- Adding Dependencies for the Server App
- Adding Run Scripts to package.json
- Implementing a Web Server
- Adding Dynamic Metadata
- Service Workers
- Installing Dependencies
- Enabling the Service Worker
- Configuring the Service Worker
- Testing the Service Worker
- Debugging the Service Work
Prerequisites
TOP- Required: Previous app development experience using Angular is required
- Required: The basics of Angular, HTML, CSS & TypeScript
- Recommended: 40410: JavaScript, HTML and CSS Web Development
- Recommended: AngularJS 2.0
- Recommended: EDX11305: Introduction to TypeScript 2 - DEV273x