Modern Angular Architectures Workshop: Standalone Components, Nx and more

Workshop
Until July 21:
✓ Save up to $850
✓ Amazon Echo Dot or Arduino for free
Register now
Until July 21:
✓ Save up to $850
✓ Amazon Echo Dot or Arduino for free
Register now
Until June 16:
✓ Fullstack Day for free
✓ Arduino Starter Kit or Amazon Echo Dot for free
✓ Save up to 690€
Register now
Until June 16:
✓ Full Stack Day gratis
✓ Arduino Starter Kit oder Amazon Echo Dot gratis
✓ Bis zu 690 € sparen
Register now
Thank you for attending
✓ See you in 2023
Thank you for attending
✓ See you in 2023
Infos
Booking note:
Modern Angular Architectures Workshop

Wow, what a journey. This year, Angular already turns 6 years old. Of course, during these years it evolved a lot. Hence, it’s time to have a closer look to recently added modern features that allow for more modern, fresh, and lightweight architectures.

In this interactive workshop, we start with investigating the brand-new Standalone Components and migrate an existing Angular-Application to this innovation. We show how they work together with a professional Nx Workspace and Module Federation for building Micro Frontends and dramatically speeding up the build process.

Also, we discuss the new typed Forms and add it to our case study as well. Then, we develop some Nx Generators and Schematics for the Angular CLI allowing us to automate repeating and boring tasks related to the implementation of our architecture.

Furthermore, we introduce the NGRX Component Store as well as some advanced NGRX-Patterns. By the end you have a case study that shows how a modern Angular application can look like.

Technical prerequisites

  • Test with “npm -v” and “ng v” from the command line whether npm and then Angular CLI work
  • Nx CLI
  • A modern browser like the current Chrome version
  • An IDE with Angular support like Visual Studio Code (free) or WebStorm/IntelliJ (commercial)
  • Optionally install git
    • https://git-scm.com
    • To clone the repo that I will provide at the begin of the workshop
    • Alternatively the ZIP file download would work as well
  • We will use the following internet resources, so they need to be accessible for everyone:

This Session belongs to the Diese Session gehört zum Programm vom MunichMünchen program. Take me to the program of . Hier geht es zum Programm von New York New York .

Take me to the full program of Zum vollständigen Programm von Munich München .

This Session belongs to the Diese Session gehört zum Programm vom MunichMünchen program. Take me to the program of . Hier geht es zum Programm von London London .

This Session Diese Session belongs to the gehört zum Programm von MunichMünchen program. Take me to the current program of . Hier geht es zum aktuellen Programm von New York New York , Munich München or oder London London .

STAY TUNED!

 

BEHIND THE TRACKS OF iJS

Angular

Best-Practises with Angular

Vue.js

One of the most famous frameworks of modern days

JavaScript Practices & Tools

DevOps, Testing, Performance, Toolchain & SEO

Node.js

All about Node.js

React

From Basic concepts to unidirectional data flows