Skip to main Content

Beginning Server-Side Application Development with Angular

  • Course Code LO035410
  • Duration 2 days

Course Delivery

Additional Payment Options

  • GTC 11 inc. VAT

    GTC, Global Knowledge Training Credit, please contact Global Knowledge for more details

Public Classroom Price

£695.00

excl. VAT

Request Group Training Add to Cart

Jump to:

Course Delivery

This course is available in the following formats:

  • Company Event

    Event at company

  • Public Classroom

    Traditional Classroom Learning

  • Virtual Learning

    Learning that is virtual

Request this course in a different delivery format.

Download Course Details

Course Overview

Top

 

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

Course Schedule

Top

Contact us for dates

Request Group Training Dates in Other Countries

Target Audience

Top

 

This course focuses on creating a progressive web app using Angular that is optimized for search engines. As such, we do not cover the basics of Angular. Also, this course uses Angular CLI to create the app.

This course is targeted at Angular developers interested in using Angular's features to bring SEO into their app development process.

Show me more

Course Objectives

Top

 

In this course, we will learn how to use Angular to create a progressive web app (PWA) that has great support for SEO. We will begin by identifying what makes an app SEO friendly and installing Angular CLI. We will then build out the UI and application components. By the end of the first lesson, we will have an app ready that is built using Angular's best practices. In the next lesson, we will implement server-side rendering. We will create a server with Express.js and add dynamic metadata to our app. In the final lesson, we will enable and configure service workers for our app, which will enable our app to work offline.

 

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, we will not focus on understanding Angular basics.

Show me more

Course Content

Top
 

Lesson 1: 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

Lesson 2: 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

Lesson 3: Service Workers

  • Installing Dependencies
  • Enabling the Service Worker
  • Configuring the Service Worker
  • Testing the Service Worker
  • Debugging the Service Worker
Show me more

Course Prerequisites

Top

 

Previous app development experience using Angular is required.


The students taking this course must be well-versed with the following concepts:


  • The basics of Angular
  • HTML
  • CSS
  • Basics of TypeScript
Show me more