Early Access
Coming Soon

Next-Level Angular Apps with NX

Learn how to create and maintain Angular applications using NX. Designed for Angular developers, this course covers best practices, improving workflow, and migrating existing applications to NX. Discover how to configure tools like Cypress for end-to-end testing and Storybook for UI component development. By the end of this course, you will have the knowledge and experience to work comfortably with NX on a daily basis.

  • 5.0 / 5 (1 rating)
  • Published
  • Updated
On demand video

3 hrs 34 mins

Video Lessons

51 Videos

Course Instructor
Avatar Image

galczo5

Frontend Developer. Author of: https://mythical-angular.dev/

How The Course Works

01Remote

You can take the course from anywhere in the world, as long as you have a computer and an internet connection.

02Self-Paced

Learn at your own pace, whenever it's convenient for you. With no rigid schedule to worry about, you can take the course on your own terms.

03Community

Join a vibrant community of other students who are also learning with Next-Level Angular Apps with NX. Ask questions, get feedback and collaborate with others to take your skills to the next level.

04Structured

Learn in a cohesive fashion that's easy to follow. With a clear progression from basic principles to advanced techniques, you'll grow stronger and more skilled with each module.

Course Preview

What You Will Build In This Course

Build a simple time tracker application using NX monorepo.
Build a simple time tracker application using NX monorepo.
Create a real-life NX monorepo with three applications. The main goal of these applications is to display the schedule for conference rooms on screens mounted to the doors of the respective rooms.
Create a real-life NX monorepo with three applications. The main goal of these applications is to display the schedule for conference rooms on screens mounted to the doors of the respective rooms.
Build an admin panel as one of the applications to manage the schedule data for the conference rooms.
Build an admin panel as one of the applications to manage the schedule data for the conference rooms.
Use NX graph feature to visualize application architecture.
Use NX graph feature to visualize application architecture.
Course Overview

Manage Large Angular Apps and Supercharge Development Workflows

What you will learn

  • What is a monorepo approach and how it might help you

  • Differences between Angular CLI projects and NX projects

  • How to create Angular applications using NX

  • How to add Cypress and Storybook to your NX monorepo

  • How to migrate existing Angular applications to NX monorepo

  • What is a dependency graph and how to use it to save your time

  • How to prepare migration even for big and complicated projects

Challenges and solutions in building large Angular apps

In large Angular applications, developers face several significant challenges. One major issue is managing complexity. These apps have lots of components, services, and modules that all need to work together smoothly. Keeping everything organized and easy to understand can be tough, especially with a big team.

Another problem is build times. As the app grows, it can take longer and longer for changes to show up during development. This can slow down the development process and make it harder to stay productive.

Dependency management is another headache. This involves making sure all the different parts of the app work well together and play nicely with outside libraries.

Tool limitations

Even experienced teams can struggle with managing large Angular applications without using the right tools. Organizing numerous components, services, and modules becomes challenging without tools that aid in clarity and team collaboration. Utilizing appropriate tools is key for experienced teams to successfully navigate the complexities of large Angular projects.

Fixing problems with NX

NX offers several benefits for managing large Angular applications. It helps reduce the time it takes to build projects and keeps code well-organized by managing dependencies and structuring code into reusable parts. This makes it easier to maintain and expand applications over time.

One of NX's strengths is its ability to speed up builds. It does this by remembering previous build results and doing multiple tasks at the same time. This saves developers time and lets them make changes quickly.

NX also comes with tools for testing and checking code quality. It works well with common testing tools and helps keep code clean and consistent. This catches mistakes early and ensures code stays high-quality.

Furthermore, NX makes it easy to work together on projects. It keeps all code and shared parts in one place, making it simpler to share code between different projects or teams. This improves teamwork, reduces problems with combining code, and makes development smoother overall.

Our students work at

  • salesforce-seeklogo.com.svgintuit-seeklogo.com.svgAdobe.svgDisney.svgheroku-seeklogo.com.svgAT_and_T.svgvmware-seeklogo.com.svgmicrosoft-seeklogo.com.svgamazon-seeklogo.com.svg

Sample Course Lessons

Course Syllabus and Content

Module 1

Introduction

7 Lessons 15 Minutes

Module 2

How to install NX

4 Lessons 12 Minutes

Module 3

The first NX Angular application

5 Lessons 16 Minutes

Module 4

More built-in NX features

6 Lessons 20 Minutes

Module 5

Building a real life application with NX

14 Lessons1 Hours 25 Minutes

Module 6

Dependency graph

6 Lessons 29 Minutes

Module 7

Migrating existing applications to NX

7 Lessons 33 Minutes

Module 8

Summary

2 Lessons 1 Minutes

Subscribe for a Free Lesson

By subscribing to the newline newsletter, you will also receive weekly, hands-on tutorials and updates on upcoming courses in your inbox.

Meet the Course Instructor

galczo5

galczo5

Kamil Gałek is a dedicated programmer with a decade of experience, specializing in frontend development for the past few years. His passion for programming extends beyond his professional work into his free time, where he speaks at conferences, mostly about web development in Angular. Kamil sees soft skills as an integral part of being a programmer, emphasizing the exchange of knowledge and ideas. He works extensively with a large-scale Angular application, which has fueled his deep dive into exploring Angular. When he's not coding, Kamil enjoys cooking, playing guitar, and exploring new technologies.

Frequently Asked Questions

Who is this course for?

This course is for everyone who wants to learn how to use NX with Angular framework.

Do I need to know Angular before?

Basic Angular skills are required to get most of the course.

What if I don't like the course?

We understand that every learner is unique. If the course doesn't meet your expectations, we offer a 100% satisfaction guarantee within the first 30 days. Simply reach out to our support team, and we'll process a refund for you. Your satisfaction and learning experience are our priorities.

What's included in the course?

The course includes 8 modules, 51 lessons, and over 3 hours and 30 minutes of video lessons, as well as downloadable code files and resources to help you practice and reinforce what you've learned in the course.

What are the prerequisites for the course?

You should have a basic understanding of HTML, CSS, and TypesScript and Angular before taking this course. Familiarity with Storybook and Cypress are helpful but not required.

How long will it take to complete the course?

The course is self-paced, so you can complete it at your own pace.

Can I access the course on my mobile device?

Yes, the course is fully responsive and can be accessed on your mobile device.

Is there a certificate upon completion of the course?

Yes, you will receive a certificate of completion when you finish the course.

Can I ask questions during the course?

Yes, you can ask questions in the comments section of each lesson, and our team will respond as quickly as possible.

Can I download the course videos?

No, the course videos cannot be downloaded, but they can be accessed online at any time.