The Architect's Blueprint: Building Scalable and Maintainable Web Applications

In this talk, we delve into the heart of building scalable, maintainable, and efficient web applications leveraging modern tools and frameworks. We'll explore how to architect applications that not only meet current demands but are also future-proof against evolving technology trends and business requirements. From the drawing board to deployment, attendees will learn how to:

1. Design a CLEAN architecture that simplifies development and enhances collaboration across large teams.
2. Utilize tools and automation to streamline the development process, enforce coding standards, and ensure consistency across your projects.
3. Leverage frameworks for building robust front-end and back-end systems that communicate seamlessly, offering an optimal user experience.
4. Use advanced code generation techniques to automate boilerplate code production, speeding up the development cycle.
5. Apply SOLID principles to write more modular, scalable, and maintainable code in the front end.

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

Autonomous Coding: Unleashing VS Code/CoPilot Agent Mode

Imagine an AI partner that not only autocompletes code but can handle multi-step development tasks for you. Enter GitHub Copilot’s new Agent Mode – an autonomous coding agent in VS Code that can analyze your entire workspace, make coordinated code changes across files, run tests, and even execute CLI commands as it iterates towards a goal.

In this forward-looking session, we’ll demonstrate Agent Mode by giving it a high-level task (for example, “add a new feature to this app”) and watching it break the work into steps, modify code, and self-correct errors in a loop. You’ll get to see how to configure and control the agent, including setting the right permissions and constraints so it remains a helpful servant, not a runaway script.

What You’ll Learn: Steps to enable Copilot’s agent mode in VS Code, and how to craft effective prompts that kick off complex tasks. We’ll peek under the hood at how the agent uses tools and context (and how you can supply custom tools or backends via the new Model Context Protocol, MCP, for even more power).

For hands-on learners, we’ll provide an example repository so you can try agent-driven development yourself. We’ll also discuss best practices and safety – e.g. reviewing AI-generated changes and gating what commands it can run – to use this automation confidently.

This is a glimpse into the future of development. By offloading routine and cross-cutting tasks to an AI agent, developers can dramatically boost productivity while maintaining full control over the final output. Whether you’re an early adopter looking to push the limits of AI in your workflow or just curious about the next evolution of Copilot, this session will inspire new ways to improve your developer experience and effectiveness.

Beyond Autocomplete: Mastering AI Pair Programming with GitHub Copilot

Tired of writing boilerplate and repetitive code? This session dives deep into GitHub Copilot, the AI pair programmer that works alongside you in Visual Studio Code and Visual Studio. Through live coding demos, we’ll show how Copilot can translate natural language prompts into code, suggest entire functions, and even filter out common errors by recommending best practices. Whether you’re new to AI tools or already using Copilot, you’ll learn techniques to get more from it and avoid common pitfalls.

What You’ll Learn: How to integrate Copilot into your daily workflow for rapid development, tips for crafting prompts to generate better code suggestions, and strategies to use Copilot for documentation and unit tests generation. We’ll also share insights from the latest research (GitHub’s studies show developers using Copilot complete tasks 55% faster) to highlight why AI-assisted coding is transforming development.

By the end of this session, you’ll understand how to pair with Copilot effectively to improve productivity and code quality. Why it matters: As AI becomes a standard part of the developer toolkit, mastering Copilot means writing better code with less work – a boost for both new and experienced developers in building reliable, maintainable systems.

This is a first public delivery. Targets users of VS Code and CoPilot. Will provide configuration techniques to provide customizations. Different use cases for coding and also research techniques.

Vibe Coding: Flow State Superpower or Recipe for Disaster?

"Sometimes you're vibing. Sometimes you're building a bomb with a lit fuse."

Welcome to the honest, no-fluff conversation about Vibe Coding — the emotional, flow-driven style of programming taking over Twitch streams, startups, and even some enterprise teams. In this demo-heavy session, we’ll unpack what vibe coding actually is, where it shines, where it fails spectacularly, and how experienced developers leverage it without burning down production.

We’ll live-demo a "vibe-built" feature — and then systematically dissect the good, the bad, and the ugly.

We’ll explore tools like GitHub Copilot and VS Code workflows that can enhance the flow while catching vibe-induced chaos before it hits GitHub.

We’ll show how seasoned engineers blend intuition and discipline, achieving creative momentum without sacrificing quality.

You’ll learn how to create a “Safe Vibe Zone” — a technical and mental framework where vibe coding is productive, not reckless.

Target Audience: Developers of all levels (especially juniors hungry for velocity), tech leads responsible for code quality, and any Microsoft engineer wanting to work smarter — not just faster.

Why It Matters:
AI is supercharging vibe coding. GitHub Copilot lets you code as fast as you think. But if you vibe without structure, you’ll ship garbage faster too. Learn how to harness the vibe responsibly to deliver innovation and rock-solid software.

First public delivery of this topic by me, a ..."Spicy Weekend Vibe Coder".