Development
Web Development
Front End Web Development
Getting started with Angular and Nrwl Nx
4.1 (36 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
133 students enrolled

Getting started with Angular and Nrwl Nx

Learn to build multiple Angular Apps in a single codebase (monorepo) with code sharing
4.1 (36 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
133 students enrolled
Created by Baljeet Singh
Last updated 11/2018
English
Preview this course
Getting started with Angular and Nrwl Nx
Current price: $37.99 Original price: $54.99 Discount: 31% off
5 hours left at this price!
Buy now
30-Day Money-Back Guarantee
This course includes
  • 1 hour on-demand video
  • 3 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • What is Nx
  • Working with Angular Console
  • Creating Apps
  • Creating Libs
  • Using Ngrx for State Management
  • Building apps for production
  • Converting existing Angular CLI apps to Nx workspace
  • Architect Apps the correct way
  • Sharing Code between different Angular Apps
Course content
Expand all 25 lectures 01:13:04
+ – Getting Started
4 lectures 08:27
Introduction to Course
Preview 01:17
What is Nx
Preview 01:23
Setup Development Environment
02:39
Creating an Nx Workspace
03:08
+ – Creating Apps
4 lectures 12:49
Creating An App inside Nx Workspace
Preview 03:46
Adding Ngrx to the App
03:01
Creating Additional Apps
02:29
Viewing Multiple Applications in the Browser
03:33
+ – Creating Libs
6 lectures 24:39
Generating a Lib
Preview 02:55
Creating Components
04:29
Generating Additional Libs
04:41
Creating Additional Components
07:17
Adding Ngrx to the Lib
02:02
Creating a Service
03:15
+ – Using Ngrx for State Management
6 lectures 15:55
Defining Actions
02:55
Defining Effects
03:31
Initializing State
00:43
Defining Reducer
01:10
Dispatching an Action
02:32
Defining Selectors
Preview 05:04
+ – Bonus
4 lectures 10:51
Viewing Dependency Graph
Preview 01:15
Adding Shared Library
06:13
Building Apps for production
02:09
Converting Existing Angular CLI project to Nx workspace
01:14
Requirements
  • Angular Fundamentals
  • Typescipt Fundamentals
  • Redux Fundamentals
Description

We can use Angular to create powerful frontend web applications powered by TypeScript / JavaScript. But, if you're looking to build multiple related web applications with good architecture in a single codebase (monorepo), then you can make use of Nrwl Nx extensions for Angular.

Nx is designed to help you create and build enterprise-grade Angular applications with proven project structure and patterns. 

What is Nx?

Nx is an extension for the Angular CLI implementing the monorepo-style development. It is also a collection of runtime libraries, linters, and code generators helping large teams build better with Angular.

In this course, we'll see how to effectively use the Nx library for Angular to build enterprise apps. Learn about Nx workspaces, how it relates to NgRx.

What exactly are you going to learn then?

  • What is Nx

  • Creating Apps

  • Creating Libs

  • Using Ngrx for State Management

  • Building apps for production

  • Converting existing Angular CLI apps to Nx workspace

  • and much more ...

So Let's Get Started.

Who this course is for:
  • Developers who are familiar with Angular and what to use Angular to build Apps for the Enterprise
  • Developers to want to architect their Angular Apps the right way
  • Developers who want to share code between multiple Angular Apps