Angular Architecture :: Enterprise Principles, Patterns and Practices

I have spent the majority of my career studying and implementing enterprise and application architectures using SOLID principles, design patterns, domain-driven design, test-driven development, pragmatic programming, code generation, web/service APIs, micro-service structures, etc.

This session will demonstrate how to use and implement these enterprise/application elements to build powerful applications using Angular and Typescript that are testable, extensible, maintainable, and performant:

• Defining boundaries between NG front end and NG back end (client-side, not server for APIs).
• Defining NG Service Modules as APIs for use by NG components for separating UI from Business Logic processing.
• Defining standard API Response message formats for HTTP/Web API calls.
• Implementing Base Classes for NG Services, Components, and infrastructure.
• Application and module configuration concepts and practices
• Event Logging infrastructure.

Monorepos Unleashed: Empowering Developers for Faster Innovation

Unleash the power of monorepos to supercharge your development process in this deep dive session. Discover how monorepos enable seamless code sharing, streamline dependency management, and empower teams to iterate rapidly, giving you a competitive edge in software delivery.

Learn valuable insights, best practices, and tooling to maximize the benefits of monorepos. Explore how monorepos facilitate efficient code sharing and collaboration, fostering innovation and productivity. Gain practical techniques for managing dependencies and versioning, ensuring a smooth development workflow.

Real-world examples from successful organizations will illustrate how monorepos drive faster innovation and increased developer productivity. By understanding their strategies, you'll gain actionable insights applicable to your own projects.

Key Takeaways:
1. Enable efficient code sharing and collaboration within and across teams using monorepos, fostering an innovative culture.
2. Effectively manage dependencies and versioning in a monorepo environment, ensuring a reliable development workflow.
3. Gain inspiration and practical guidance from real-world examples of monorepo adoption, fueling faster innovation and productivity.

Unlock the true potential of monorepos to transform your development process, boost productivity, and accelerate innovation. Join us for this enlightening session and elevate your software engineering to new heights.

Please write in English language.

Unleash the true potential of monorepos and accelerate your innovation journey. Discover how monorepos facilitate seamless code sharing, streamline dependency management, and empower teams to iterate rapidly. Learn best practices and tools to maximize the benefits of monorepos.

Seamless Collaboration: Bridging the Gap between Product and Developers

Discover effective communication workflows that strengthen collaboration between product and development teams. Learn practical strategies and tools to streamline the exchange of ideas, align product vision with developer execution, and deliver exceptional software products. This session provides practical guidance to use collaboration tools and techniques; along with other exercises to exchange ideas and information - but more importantly to verify alignment with the product goals and objectives. You can deliver high quality and reliable software by removing chaos and friction from the development process.

Key Takeaways:

1. Explore effective communication channels and tools to foster collaboration between product and development teams.
2. Learn techniques for aligning product vision with developer execution for successful software delivery.
3. Discover strategies to streamline communication workflows, enhance productivity, and foster innovation in software development.

Learn how to strengthen collaboration between product and development teams, streamline communication workflows, and align product vision with developer execution for exceptional software delivery.

Angular CLEAN Architecture with Nx Workspace

In this hands-on workshop, you will learn how to create a full-stack application in a single development environment. You will quickly scaffold the layers of the application stack using the CLI from Angular, NestJS, and the Nx Workspace.

Full-stack enterprise applications are simplified using the capabilities of Angular, TypeScript, and NestJS within an Nx Workspace. You will learn how to combine the latest features of this technology stack to create a development environment that supports multiple applications and shared libraries in a single development environment. At the end of the day, you will have a:

- host SPA application for micro-applications/features
- shared styles (CSS, SCSS) for different Angular applications
- reusable libraries
- Serverless configuration for AWS API (Lambda Functions), Dynamodb Database, Terminal/CI deployment, Workshop Requirements.

This workshop requires an intermediate understanding of TypeScript and Angular. An AWS account with IAM credentials is required to create the Lambda Function API endpoints and database. Please be ready with the following:

- Visual Studio Code (latest version)
- Node version 14.17.0 or LTS version
- AWS account with IAM credentials

Revved Up Fullstack Development: Harnessing Code Generators & Executors

Unlock the potential of Angular, NestJS, and Nx Dev Tools to elevate your full-stack development game. This session isn't about waving magic wands; it's about arming you with real, powerful tools to automate and streamline your development process. Learn how to leverage the same technology behind the Angular CLI to create your custom code generators. These aren't just time-savers; they're game-changers, allowing you to generate applications, libraries, services, and components with precision and speed.

But why stop there? We'll also dive into Executors, the ace up your sleeve for automating your developer tasks and CI/CD pipelines, making your workflow smoother and more efficient. If you're looking to boost your development speed and quality with some of the most powerful tools in the Angular ecosystem, this session will show you the ropes.

Ideal for developers with a working knowledge of Angular and TypeScript, aiming to supercharge their productivity and innovation in full-stack development.

Micro Frontends with Angular Nx

This session helps figure out the Micro Frontend landscape using Angular and Nx Workspace. Webpack 5 and Angular 12 provide the tooling and capabilities to leverage this new way of building, hosting, and delivering amazing web applications at scale.

After this session, you will understand what exactly is a Micro Frontend application - but more importantly, how to use the tools and CLIs available to scaffold, configure, and test multiple applications in a single development environment.

We'll explore Webpack 5 and Module Federation to understand what's going on underneath the hood.

Angular Unveiled: Embrace the Power of the Latest Features

Dive into the world of Angular and unlock its full potential with the latest feature set. In this session, we will explore the cutting-edge capabilities introduced in recent Angular versions. Discover how these features revolutionize application development, enhance code quality, and empower teams to build scalable and maintainable solutions. Don't miss this opportunity to level up your Angular expertise and harness the power of the latest advancements.

Key Takeaways:
1. Explore the latest Angular features and their impact on application development and code quality.
2. Learn techniques and best practices to effectively leverage the new capabilities for building scalable solutions.
3. Enhance your Angular expertise and stay up-to-date with the latest advancements in the framework.

Discover the power of the latest Angular features and how they transform application development. Learn how these capabilities elevate code quality and enable scalable solutions. Level up your Angular expertise and leverage the latest advancements effectively.

Catalyzing Multi-Team Collaboration and Innovation

Join me on a journey through the transformative power of Nx in fostering a collaborative monorepo where multiple teams thrive and deliver incredible solutions. Discover how we leveraged Nx to share and reuse cross-cutting concerns, libraries, shared UI components, layouts, and style assets. By unifying our configurations for testing, linting, building, and prettier, we achieved a cohesive and efficient development process. Learn how this approach not only streamlined our workflow but also elevated our ability to innovate and deliver high-quality software rapidly - including end-to-end debugging. Our implementation of a custom error handler and logging provider centralized application monitoring, allowing us to identify and resolve issues quickly, enhancing the reliability and quality of our applications.

The solution included over 30 vertical features using library projects for extreme code organization while implementing CLEAN Architecture...I have delivered talks/workshops about Nx Workspace and Angular at: Angular Connect (London), International JavaScript Conference (London and New York), I have recently delivered architecture talks at Developer Week (San Francisco) and Microsoft Developer Day (Denver).

Angular :: What's in your toolbox?

This session will introduce you to tools that provide Angular developers with a more efficient enterprise workflow to develop multipe applications side-by-side with custom Angular libraries. It will demonstrate how you can create Angular libraries ready for publishing using Angular Package Format 6.0. Finally, you want to show and share your work with an exciting new development/hosting environment.

Slides, Github code projects, and resourse list available after presentation along with the "Custom Angular Libraries" guide.

Angular :: Custom Libraries Deep Dive

This session will discuss the newest Angular Package Format (6.0) and what it means for library/package developers. A review of why shared libraries are so important in Angular for enterprise teams and publishers of public packages.

Custom Angular Libraries

Complete Guide on creating custom distributed/shared libraries for Angular Applications.

This session will guide you through the process of creating shared custom Angular Libraries. You will learn how to identify candidates for a distributed library and to create different kinds of Angular libraries, like: feature, service, and component libraries.

You will learn strategies for organizing your code using Angular libraries and how to distribute and publish to NPM or in your local development environment:

• Details on different Angular Module/Library types within an application: service, feature, core, and shared.
• How to structure application for code reuse.
• Managing Custom Libraries versions.
• Details on how to publish locally and to NPM.

Build Better Business Logic with Typescript

This session will answer the question, where should I put my Angular business logic. It will demonstrate how to implement business logic in Angular applications with a focus on specific design patterns in Angular that you can leverage.

• The session will show you how to use and implement design patterns (like Composite, Builder, Template Method and others) using Typescript. The session will demonstrate code reuse strategies and extensibility techniques for building robust Angular Services and Business Logic.

• The session will demonstrate how to implement shared Angular services and how to use them in Angular domain services. The services will include rich business logic layers that use the angular-rules-engine and angular-actions packages.

Implementing and Using Design Patterns for Angular Applications