Course Overview: SEO Friendly Progressive Web Applications with Angular Universal

Scaffold a New Angular App using Angular CLI

Add Bootstrap to an Angular CLI Project

Configure Defaults for Generating Code with Angular CLI

Create Application Layout with Components in an Angular CLI Project

Create Container Components for Retrieving Data in an Angular CLI Project

Use the Angular CLI Environment to Define Constants

Create an Angular Service to Retrieve Data from an API 

Create Presentational Components for Displaying Data in an Angular CLI Project

Create Angular Resolvers to retrieve the product data from the Service

Server Side Render an Angular CLI Project with Angular Universal

Deploy an Angular CLI Project to now.sh

Add dynamic metadata to an Angular CLI Project

Make a Progressive Web Application from an Angular CLI project

SEO Friendly Progressive Web Applications with Angular Universal

In this lesson we will install the latest version of Angular CLI and use the `ng new` command to scaffold out the application.

https://app.egghead.io/api/v1/lessons/angular-scaffold-a-new-angular-app-using-angular-cli/subtitles

Instructor: [00:00] We install the latest version of Angular CLI globally. We then run ng new followed by the name of our project, store.

[00:06] We pass in the routing flag to add a routing module and set the style to SCSS. This will create a new folder, scaffold our base application and run npm install.

[00:16] To start a development server, we CD into a new folder and run ng serve. We open source app, app component of the HTML and change the contents. We see that the development server picks up the change, and rebuilds the app.

Scaffold a New Angular App using Angular CLI

Share this video with your friends

Course

SEO Friendly Progressive Web Applications with Angular Universal