Skip to content

Instantly share code, notes, and snippets.

@johnpapa
Last active Apr 1, 2022
Embed
What would you like to do?
Angular for Architects Workshop Series

Angular Workshop Setup

Please install the following recommended tools prior to the workshop.

Thanks for joining us!

Highly Recommended

  1. Install Visual Studio Code

  2. Install the Angular Essentials extension

  3. Install the latest Active LTS for Node.js

  4. Install the angular cli npm install -g @angular/cli

  5. Install the source-map-explorer npm install -g source-map-explorer

  6. Clone the GitHub repository with the demos and labs. Or, download the repository in a zip file https://github.com/DanWahlin/angular-architecture . The demos are in a demos folder, the labs are in a labs folder.

    git clone https://github.com/DanWahlin/angular-architecture
    cd angular-architecture
  7. If you want to try the demos, you can follow these instructions.

    cd demos
    npm install
    npm start

Angular for Architects: Data Patterns (Day 1)

How do you follow the best practices and set yourself up to successfully maintain your application? Are you meeting your business requirements and considering resiliency patterns? How do you log critical app activity, manage shared state, and design your components?

Once you graduate from Angular fundamentals it's time to shift your focus to architectural concepts, best practices, and how to solve challenging tasks. That's the purpose of the Angular for Architects workshop series. Each day of this workshop series can be taken separately, while each focuses on patterns essential to your app's success.

This is Angular for Architects: Data Patterns

These data patterns help you tackle using data in your applications to solve everyday architecture challenges.

What you will learn Angular for Architects: Data Patterns:

  • Component's View models
  • Interface and class patterns
  • Consuming data
  • Subjects and RxJS Operators
  • Ngrx patterns
  • Ngrx/Data patterns

Note: We recommend taking all three days of the Angular for Architects workshop series together for the best experience. However, the series is designed so you can choose which day has the most value for you. Consider joining the other days in the series to learn more in the Angular for Architects: Component Patterns and Angular for Architects: Full Stack Patterns workshop days.

This workshop builds on your Angular foundations, adding expert tips and techniques helping you scale your apps and become more productive.

Angular for Architects: Component Patterns (Day 2)

How do you follow the best practices and set yourself up to successfully maintain your application? Are you meeting your business requirements and considering resiliency patterns? How do you log critical app activity, manage shared state, and design your components?

Once you graduate from Angular fundamentals it's time to shift your focus to architectural concepts, best practices, and how to solve challenging tasks. That's the purpose of the Angular for Architects workshop series. Each day of this workshop series can be taken separately, while each focuses on patterns essential to your app's success.

This is Angular for Architects: Component Patterns

These component patterns help you tackle component design, communication, and logic challenges to solve everyday architecture challenges.

What you will learn Angular for Architects: Component Patterns:

  • Architecture planning patterns
  • Component designs patterns
  • Debugging techniques
  • Component communication
  • Guarding patterns
  • Preload strategy patterns

Note: We recommend taking all three days of the Angular for Architects workshop series together for the best experience. However, the series is designed so you can choose which day has the most value for you. Consider joining the other days in the series to learn more in the Angular for Architects: Data Patterns and Angular for Architects: Full Stack Patterns workshop days.

This workshop builds on your Angular foundations, adding expert tips and techniques helping you scale your apps and become more productive.

Angular for Architects: Full Stack Patterns (Day 3)

How do you follow the best practices and set yourself up to successfully maintain your application? Are you meeting your business requirements and considering resiliency patterns? How do you intercept and adjust HTTP activity, manage shared state, and design your components?

Once you graduate from Angular fundamentals it's time to shift your focus to architectural concepts, best practices, and how to solve challenging tasks. That's the purpose of the Angular for Architects workshop series. Each day of this workshop series can be taken separately, while each focuses on patterns essential to your app's success.

This is Angular for Architects: Full Stack Patterns

These full stack patterns help you tackle architecture challenges that can shift your app from functional to rock solid.

What you will learn Angular for Architects: Full Stack Patterns:

What you will learn:

  • Style guide patterns
  • Shared Libraries
  • API patterns
  • Component Styling patterns
  • Cloning techniques
  • HTTP interceptor patterns

Note: We recommend taking all three days of the Angular for Architects workshop series together for the best experience. However, the series is designed so you can choose which day has the most value for you. Consider joining the other days in the series to learn more in the Angular for Architects: Component Patterns and Angular for Architects: Data Patterns workshop days.

This workshop will build on your Angular foundations, adding expert tips and techniques helping you scale your apps and become more productive.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment