Angular Academy
Component Libraries: Architecture & Process

World-class instructor-led live online Angular course!

Classes and Registration


Attend our workshops remotely!

Contact us for your private Corporate Training.

Our prices are in Canadian dollars (CAD)

USA In the USA? Attend our virtual classes and take advantage of the 30% exchange rate! (and no tax)

Professional ANGULAR TRAINING!

Angular Design Systems: Advanced Topics for better UI/UX!


What's in it?

Learn ALL you need to know about Angular Design Systems with an industry expert in an immersive hands-on workshop.

Workshop

It's hands-on! An important part of the training is dedicated to building apps together and testing things in real time (interactive learning class).

Prerequisites

Basic knowledge of Angular and Design Systems required.

Component Libraries: Architecture & Process


Angular Design Systems: Advanced Topics for better UI/UX

Advanced Figma

  • Designing and assembling components
  • Variables deep dive
    • Theming
    • Computed variables
    • Using variables in prototyping
  • Automating the Figma-to-Storybook sync
    • Plugins and pipelines: QOL
    • Keeping variables in sync through CI pipelines

Architecture & Automation

  • Choosing the right architecture
    • Component-based development: Best practices
    • Avoiding complexity and god-components
    • Separation of concerns: Should I build presentational components?
  • Structuring Storybook for large-scale projects
    • Documentation strategies
    • Architectural decision records (ADR)
  • Distribution Strategies
    • CI/CD Integration
    • Packaging
    • Web Components, Multi-Framework Scenarios, and Micro-Frontends
  • Integrating and testing forms
  • Composite components
    • Testing and inserting child components
    • Choosing the correct component boundaries
    • Designing good component APIs
  • Advanced Angular concepts for component libraries
    • Building a Data Grid component
    • Programmatic content projection w/ templates and structural directives
    • Dynamically inserting components

Other Angular training courses!

The Angular Academy

Difference!


Our courses are different from anything you've seen before.... rather than just teaching you something, and giving you a bunch of exercises along the way, in our hands-on courses we focus on BUILDING a real data-centric business application, together!

So this isn’t just another one of those “watch me build something and try not to fall asleep” courses... our motto is Everyone Live Coding All Day Long!© Building a complete application together with the instructor. This way, by the end of the training we'll have built an entire app, and the instructor makes sure that nobody get stuck. You’ll also get lot's of advice and best practices on building and optimizing Angular applications with TypeScript and RxJS!

We think this is by far the most efficient way of learning a programming technology, and our attendees LOVE IT!

Read our customers testimonials

Contact Us


For more information or organizing your Corporate Training.


Alumni


Be part of our next workshop and learn Angular in a fun and engaging way!