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
3 hrs 34 mins
51 Videos
galczo5
Frontend Developer. Author of: https://mythical-angular.dev/
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.
What You Will Build In This Course
Manage Large Angular Apps and Supercharge Development Workflows
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
Course Syllabus and Content
Introduction
7 Lessons 15 Minutes
- Free00:03:06
- Free00:03:41
- Free00:04:16
- Free00:00:58
- Free00:01:19
- Free00:01:05
- Free00:00:44
How to install NX
4 Lessons 12 Minutes
- Sneak Peek00:00:09
- Sneak Peek00:06:19
- Sneak Peek00:05:17
- Sneak Peek00:00:28
The first NX Angular application
5 Lessons 16 Minutes
- Sneak Peek00:00:10
- Sneak Peek00:04:30
- Sneak Peek00:02:37
- Sneak Peek00:08:40
- Sneak Peek00:00:36
More built-in NX features
6 Lessons 20 Minutes
- Sneak Peek00:00:19
- Sneak Peek00:06:32
- Sneak Peek00:05:08
- Sneak Peek00:04:01
- Sneak Peek00:03:07
- Sneak Peek00:01:04
Building a real life application with NX
14 Lessons1 Hours 25 Minutes
- Sneak Peek00:00:28
- Sneak Peek00:03:42
- Sneak Peek00:02:31
- Sneak Peek00:05:01
- Sneak Peek00:03:59
- Sneak Peek00:04:48
- Sneak Peek00:04:29
- Sneak Peek00:09:32
- Sneak Peek00:13:17
- Sneak Peek00:08:29
- Sneak Peek00:08:54
- Sneak Peek00:11:15
- Sneak Peek00:08:49
- Sneak Peek00:00:36
Dependency graph
6 Lessons 29 Minutes
- Sneak Peek00:00:22
- Sneak Peek00:05:25
- Sneak Peek00:07:06
- 04AffectedSneak Peek00:08:06
- Sneak Peek00:07:49
- Sneak Peek00:00:30
Migrating existing applications to NX
7 Lessons 33 Minutes
- Sneak Peek00:00:22
- Sneak Peek00:06:06
- Sneak Peek00:01:41
- Sneak Peek00:05:30
- Sneak Peek00:09:39
- Sneak Peek00:08:53
- Sneak Peek00:00:46
Summary
2 Lessons 1 Minutes
- Sneak Peek00:01:23
- Sneak Peek00:00:15
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
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.