Co-Founder of This is Learning, Tech Writer, Tech Speaker, Open-Source Maintainer, Open Learning Contributor, Microsoft MVP, GitHub Star, Nx Champion, Angular Hero of Education. https://speakerdeck.com/layzee 2018-10-31 16:10:36 -0400 "Microfrontends Together, But Separately™" presented at AarhusJS in December, 2025 by Niclas Skødt Gleesborg from Bankdata. "Bankdata’s frontend landscape is made up of many independent apps— yet to our customers, it all feels like one experience. This talk explores how we make that possible through collaboration, shared components, and common data. It’s a story about scaling teamwork as much as technology — and how microfrontends become more powerful when they connect." https://www.meetup.com/aarhusjs-meetup/events/311884214/ "Microfrontends Together, But Separately™" presented at AarhusJS in December, 2025 by Niclas Skødt Gleesborg from Bankdata. "Bankdata’s frontend landscape is made up of many independent apps— yet to our customers, it all feels like one experience. This talk explores how we make that possible through collaboration, shared components, and common data. It’s a story about scaling teamwork as much as technology — and how microfrontends become more powerful when they connect." https://www.meetup.com/aarhusjs-meetup/events/311884214/ Wed, 03 Dec 2025 00:00:00 -0500 https://speakerdeck.com/layzee/microfrontends-together-but-separately-at-aarhusjs-by-niclas-skodt-gleesborg-bankdata https://speakerdeck.com/layzee/microfrontends-together-but-separately-at-aarhusjs-by-niclas-skodt-gleesborg-bankdata A workshop for Angular beginners. Presented at TimePlan Software, December 2024. Sample application Git repo at https://github.com/LayZeeDK/introduction-to-angular A workshop for Angular beginners. Presented at TimePlan Software, December 2024. Sample application Git repo at https://github.com/LayZeeDK/introduction-to-angular Tue, 10 Dec 2024 00:00:00 -0500 https://speakerdeck.com/layzee/introduction-to-angular-timeplan-software https://speakerdeck.com/layzee/introduction-to-angular-timeplan-software Openness, transparency, and inclusivity organically build trust, drive collaboration, and increase the quality of our open-source products. Growing an open culture supports these principles of successful open-source products. In this talk, we highlight the characteristics of an open culture and the roles involved in key areas of open-source software. Whether you are a seasoned open-source developer, your role is in open-source leadership, or you are part of an open-source foundation, you will receive new insights into growing a more open culture in your open-source community. Presented at: - GitHub Stars Nova 2022 - AarhusJS, December 2022 https://youtu.be/_GwbAP91anA?si=9CzKxER2F-JnjFOp - This is Meetup, September 2024 https://youtu.be/CD_L70FR8Sg?si=KgfWify6h6P0ZQPp Resources: - Seven Stages of Open Software by Matt Rocklin https://www.coiled.io/blog/stages-of-openness - Determining the True Openness of Open Source Projects by Ibrahim Haddad, Ph.D. and the Linux Foundation https://www.linuxfoundation.jp/publications/2019/06/determining-true-openness-of-os-projects/ Openness, transparency, and inclusivity organically build trust, drive collaboration, and increase the quality of our open-source products. Growing an open culture supports these principles of successful open-source products. In this talk, we highlight the characteristics of an open culture and the roles involved in key areas of open-source software. Whether you are a seasoned open-source developer, your role is in open-source leadership, or you are part of an open-source foundation, you will receive new insights into growing a more open culture in your open-source community. Presented at: - GitHub Stars Nova 2022 - AarhusJS, December 2022 https://youtu.be/_GwbAP91anA?si=9CzKxER2F-JnjFOp - This is Meetup, September 2024 https://youtu.be/CD_L70FR8Sg?si=KgfWify6h6P0ZQPp Resources: - Seven Stages of Open Software by Matt Rocklin https://www.coiled.io/blog/stages-of-openness - Determining the True Openness of Open Source Projects by Ibrahim Haddad, Ph.D. and the Linux Foundation https://www.linuxfoundation.jp/publications/2019/06/determining-true-openness-of-os-projects/ Mon, 30 Sep 2024 00:00:00 -0400 https://speakerdeck.com/layzee/growing-an-open-culture-in-open-source https://speakerdeck.com/layzee/growing-an-open-culture-in-open-source Wallaby.js is an invaluable development tool that gives you testing superpowers by shortening the feedback loop and augmenting your IDE for tests. Presented at AarhusJS, November 2023 Wallaby.js is an invaluable development tool that gives you testing superpowers by shortening the feedback loop and augmenting your IDE for tests. Presented at AarhusJS, November 2023 Sun, 29 Sep 2024 00:00:00 -0400 https://speakerdeck.com/layzee/increased-productivity-and-fewer-bugs-with-wallaby-dot-js https://speakerdeck.com/layzee/increased-productivity-and-fewer-bugs-with-wallaby-dot-js Nx Champion Lars Gyrup Brink Nielsen demonstrates how to implement custom Nx generators that comply with workspace-wide architectural decisions and naming conventions in your Angular repo. Presented at Angular Tiny Conf Shemu 2024 Recording: https://www.youtube.com/live/nVcerb1tOUA?si=dyxAjnmWUdnlafBr Sample repo: https://github.com/LayZeeDK/nx-angular-library-generator Nx Champion Lars Gyrup Brink Nielsen demonstrates how to implement custom Nx generators that comply with workspace-wide architectural decisions and naming conventions in your Angular repo. Presented at Angular Tiny Conf Shemu 2024 Recording: https://www.youtube.com/live/nVcerb1tOUA?si=dyxAjnmWUdnlafBr Sample repo: https://github.com/LayZeeDK/nx-angular-library-generator Fri, 28 Jun 2024 00:00:00 -0400 https://speakerdeck.com/layzee/boost-your-organizations-angular-developer-experience-with-custom-nx-generators https://speakerdeck.com/layzee/boost-your-organizations-angular-developer-experience-with-custom-nx-generators Spectacular is the first Angular testing library to enable integration tests across an entire Angular feature. Feature test suites support refactoring your codebase as they don’t rely on implementation details. Combine Spectacular and Angular Testing Library to test as a user across an entire routed Angular feature. Verify complete user flows in a fraction of the time that it would take using an end-to-end testing framework. Presented at: - NG Poland, January 2022 - Angular Vienna, July 2022 - Angular Tiny Conf: Peretor, December 2022 Recording: https://www.youtube.com/watch?v=M65J8pSqU14&t=9265s Spectacular is the first Angular testing library to enable integration tests across an entire Angular feature. Feature test suites support refactoring your codebase as they don’t rely on implementation details. Combine Spectacular and Angular Testing Library to test as a user across an entire routed Angular feature. Verify complete user flows in a fraction of the time that it would take using an end-to-end testing framework. Presented at: - NG Poland, January 2022 - Angular Vienna, July 2022 - Angular Tiny Conf: Peretor, December 2022 Recording: https://www.youtube.com/watch?v=M65J8pSqU14&t=9265s Tue, 25 Jan 2022 00:00:00 -0500 https://speakerdeck.com/layzee/spectacular-angular-feature-tests https://speakerdeck.com/layzee/spectacular-angular-feature-tests Lars introduces GitHub Actions and GitHub action workflows and answers the following questions. What can GitHub workflows automate? What can trigger GitHub action workflows? Which types of GitHub Actions can we pick from when implementing our own that are either project-specific or published on GitHub Marketplace? Finally, a CI workflow for an Angular project is demonstrated. Demo repository: https://github.com/LayZeeDK/github-actions-angular Prestented at: - Systemate All-Stars 2021 - Angular Virtual Conference 2021 by C# Corner, May 2021 - AarhusJS, November 2021 - Angular Community Meetup, March 2022 Recording: https://youtu.be/0srT34NiiO8 Lars introduces GitHub Actions and GitHub action workflows and answers the following questions. What can GitHub workflows automate? What can trigger GitHub action workflows? Which types of GitHub Actions can we pick from when implementing our own that are either project-specific or published on GitHub Marketplace? Finally, a CI workflow for an Angular project is demonstrated. Demo repository: https://github.com/LayZeeDK/github-actions-angular Prestented at: - Systemate All-Stars 2021 - Angular Virtual Conference 2021 by C# Corner, May 2021 - AarhusJS, November 2021 - Angular Community Meetup, March 2022 Recording: https://youtu.be/0srT34NiiO8 Tue, 09 Nov 2021 00:00:00 -0500 https://speakerdeck.com/layzee/github-actions-and-workflows https://speakerdeck.com/layzee/github-actions-and-workflows Brief introduction to Blazor discussing: - Razor components - The 2 Blazor hosting models: - Blazor WebAssembly - Blazor Server - Their trade-offs - The trade-offs of Blazor vs. JavaScript frameworks Presented at: - Orbis Connects Code & Create, August 2021 https://www.crowdcast.io/e/code-and-create-blazor Friday the 13th demo Blazor app: https://github.com/LayZeeDK/blazor-friday-the-13th Brief introduction to Blazor discussing: - Razor components - The 2 Blazor hosting models: - Blazor WebAssembly - Blazor Server - Their trade-offs - The trade-offs of Blazor vs. JavaScript frameworks Presented at: - Orbis Connects Code & Create, August 2021 https://www.crowdcast.io/e/code-and-create-blazor Friday the 13th demo Blazor app: https://github.com/LayZeeDK/blazor-friday-the-13th Fri, 13 Aug 2021 00:00:00 -0400 https://speakerdeck.com/layzee/blazor-the-new-webassembly-framework https://speakerdeck.com/layzee/blazor-the-new-webassembly-framework We learn how to reason about style binding evaluation through style binding precedence rules with simple examples sprinkled with a few style binding caveats. We end this topic by reviewing a demo application to visualize Angular Ivy's style evaluation. After that, we learn how to enable and configure strict template type checking. We see examples of all violations and how they appear inline in our code editor as well as during compilation. Finally, we learn how to use strict template type checks with the AsyncPipe. Presented at: - NG Meetup Yerevan, June 2021 https://youtu.be/XAEGU18i0oI?t=3463 - Angular Community Meetup, September 2021 - ATP (private event), October 2021 - Angular Warsaw Online #34, October 2021 https://youtu.be/5pJd0apGHTk?t=2118 Style binding evaluation demo: https://stackblitz.com/edit/angular-ivy-style-binding-precedence Strict template type checking experiments: https://github.com/LayZeeDK/ngx-template-type-checking Angular documentation: https://angular.io/guide/style-precedence Accelerating Angular Development with Ivy Book listing: https://www.packtpub.com/product/accelerating-angular-development-with-ivy/9781800205215 Companion GitHub repository: https://github.com/PacktPublishing/Accelerating-Angular-Development-with-Ivy We learn how to reason about style binding evaluation through style binding precedence rules with simple examples sprinkled with a few style binding caveats. We end this topic by reviewing a demo application to visualize Angular Ivy's style evaluation. After that, we learn how to enable and configure strict template type checking. We see examples of all violations and how they appear inline in our code editor as well as during compilation. Finally, we learn how to use strict template type checks with the AsyncPipe. Presented at: - NG Meetup Yerevan, June 2021 https://youtu.be/XAEGU18i0oI?t=3463 - Angular Community Meetup, September 2021 - ATP (private event), October 2021 - Angular Warsaw Online #34, October 2021 https://youtu.be/5pJd0apGHTk?t=2118 Style binding evaluation demo: https://stackblitz.com/edit/angular-ivy-style-binding-precedence Strict template type checking experiments: https://github.com/LayZeeDK/ngx-template-type-checking Angular documentation: https://angular.io/guide/style-precedence Accelerating Angular Development with Ivy Book listing: https://www.packtpub.com/product/accelerating-angular-development-with-ivy/9781800205215 Companion GitHub repository: https://github.com/PacktPublishing/Accelerating-Angular-Development-with-Ivy Thu, 01 Jul 2021 00:00:00 -0400 https://speakerdeck.com/layzee/confidence-in-templates-and-styles-with-angular-ivy https://speakerdeck.com/layzee/confidence-in-templates-and-styles-with-angular-ivy Using a GitHub Actions workflow running 50 jobs per workflow run, Node.js, and SonarCloud, Lumberjack maintains end-to-end compatibility across several versions of Angular and TypeScript in a single codebase. Presented at: - GitHub Satellite India 2021 https://youtu.be/2KySyHU3fKo Using a GitHub Actions workflow running 50 jobs per workflow run, Node.js, and SonarCloud, Lumberjack maintains end-to-end compatibility across several versions of Angular and TypeScript in a single codebase. Presented at: - GitHub Satellite India 2021 https://youtu.be/2KySyHU3fKo Sun, 21 Mar 2021 00:00:00 -0400 https://speakerdeck.com/layzee/the-worlds-most-elaborate-ci-workflow-for-an-angular-library https://speakerdeck.com/layzee/the-worlds-most-elaborate-ci-workflow-for-an-angular-library Abstract: In this lightning talk, we'll discuss what sets Angular apart by looking at its strong points and how it differs from other frontend frameworks. Event description: We're getting together with experts from the industry to discuss the pros and cons of the top 3 most popular frameworks - React.js , Angular and Vue.js - Which one is the best? You’ll see a representative of each framework fight their corner through lightning talks, followed by a very unique Q&A debate. Which is better for your next app or project? Which offers the best performance? Which is the most reliable? Which one is suitable for small or large size applications? It’s the ultimate showdown. We're going to battle it out, and you can get involved. Whether you are at the start of your career wondering which framework to learn, or you're already established - this event will give you the chance to get an insight of the 3 frameworks and potentially inspire you beyond your existing knowledge and preferences. Recording: https://www.crowdcast.io/e/botf2021 Abstract: In this lightning talk, we'll discuss what sets Angular apart by looking at its strong points and how it differs from other frontend frameworks. Event description: We're getting together with experts from the industry to discuss the pros and cons of the top 3 most popular frameworks - React.js , Angular and Vue.js - Which one is the best? You’ll see a representative of each framework fight their corner through lightning talks, followed by a very unique Q&A debate. Which is better for your next app or project? Which offers the best performance? Which is the most reliable? Which one is suitable for small or large size applications? It’s the ultimate showdown. We're going to battle it out, and you can get involved. Whether you are at the start of your career wondering which framework to learn, or you're already established - this event will give you the chance to get an insight of the 3 frameworks and potentially inspire you beyond your existing knowledge and preferences. Recording: https://www.crowdcast.io/e/botf2021 Wed, 10 Mar 2021 00:00:00 -0500 https://speakerdeck.com/layzee/angulars-battle-formations-battle-of-the-frameworks-2021 https://speakerdeck.com/layzee/angulars-battle-formations-battle-of-the-frameworks-2021 Lumberjack is a versatile and extensible logging library for Angular. Its plugin-based architecture and cross-version compatibility with Angular and TypeScript enables features to be released across many versions of Angular and many log driver plugins from a single codebase. We use the builder pattern to compose log objects and provide low level building blocks as well as conventional APIs for structuring Angular application logs. Presented at: - Angular Vienna #2, February 2021 - BeJS #11, February 2021 https://youtu.be/lcUTCTPMhEs Lumberjack is a versatile and extensible logging library for Angular. Its plugin-based architecture and cross-version compatibility with Angular and TypeScript enables features to be released across many versions of Angular and many log driver plugins from a single codebase. We use the builder pattern to compose log objects and provide low level building blocks as well as conventional APIs for structuring Angular application logs. Presented at: - Angular Vienna #2, February 2021 - BeJS #11, February 2021 https://youtu.be/lcUTCTPMhEs Tue, 23 Feb 2021 00:00:00 -0500 https://speakerdeck.com/layzee/lumberjacks-extensible-architecture-and-cross-version-angular-compatibility https://speakerdeck.com/layzee/lumberjacks-extensible-architecture-and-cross-version-angular-compatibility Santosh Yadav hosted an episode of his talk show, Tech Talks with Santosh, where we discussed Angular testing for 2½ hours. In this presentation, we discuss testing fundamentals, testing frameworks, unit tests, integration tests, end-to-end tests, Angular testing, testing strategies, testing techniques, component testing, presentational component testing, Storybook, visual regression testing, snapshot testing, and how to test an extensible base class. We walk through real world testing examples and explore Angular's testing APIs, TestBed and RouterTestingModule. We mention various testing libraries for Angular and present Spectacular, an integration testing library for Angular. Finally, we discuss Test-Driven Development, adding test coverage to an existing codebase and how we can convince ourselves and stakeholders of the value of unit testing. Recording: https://youtu.be/VUIV4u9VSXU Santosh Yadav hosted an episode of his talk show, Tech Talks with Santosh, where we discussed Angular testing for 2½ hours. In this presentation, we discuss testing fundamentals, testing frameworks, unit tests, integration tests, end-to-end tests, Angular testing, testing strategies, testing techniques, component testing, presentational component testing, Storybook, visual regression testing, snapshot testing, and how to test an extensible base class. We walk through real world testing examples and explore Angular's testing APIs, TestBed and RouterTestingModule. We mention various testing libraries for Angular and present Spectacular, an integration testing library for Angular. Finally, we discuss Test-Driven Development, adding test coverage to an existing codebase and how we can convince ourselves and stakeholders of the value of unit testing. Recording: https://youtu.be/VUIV4u9VSXU Fri, 19 Feb 2021 00:00:00 -0500 https://speakerdeck.com/layzee/tech-talks-with-santosh-angular-testing https://speakerdeck.com/layzee/tech-talks-with-santosh-angular-testing Over a period of 2 years, Lars went from internal knowledge sharing to managing tech publications, being an open source software maintainer and becoming a Microsoft MVP. Get inspired by his journey and get his best tips. Presented at: - GDG Minsk Web, January 2021: https://youtu.be/B1iP-2_KkC4 - Systemate InspiredBy CodeTalk (private), November 2021 Over a period of 2 years, Lars went from internal knowledge sharing to managing tech publications, being an open source software maintainer and becoming a Microsoft MVP. Get inspired by his journey and get his best tips. Presented at: - GDG Minsk Web, January 2021: https://youtu.be/B1iP-2_KkC4 - Systemate InspiredBy CodeTalk (private), November 2021 Thu, 21 Jan 2021 00:00:00 -0500 https://speakerdeck.com/layzee/my-10-steps-to-tech-community-contributions https://speakerdeck.com/layzee/my-10-steps-to-tech-community-contributions Component and directive features will enable new architectural patterns for Angular applications. The features option gives us reusable logic without inheritance or classes so that we can mix multiple traits into our components and directives. Presented at: - NG Poland conference, November 2019 https://youtu.be/3jgTgdZMpZE - Angular Warsaw's Angular Online Event #3, May 2020 https://youtu.be/8NQCgmAQEdE?t=5649 Companion GitHub repository: https://github.com/LayZeeDK/ngx-ivy-features Article: https://indepth.dev/component-features-with-angular-ivy/ Component and directive features will enable new architectural patterns for Angular applications. The features option gives us reusable logic without inheritance or classes so that we can mix multiple traits into our components and directives. Presented at: - NG Poland conference, November 2019 https://youtu.be/3jgTgdZMpZE - Angular Warsaw's Angular Online Event #3, May 2020 https://youtu.be/8NQCgmAQEdE?t=5649 Companion GitHub repository: https://github.com/LayZeeDK/ngx-ivy-features Article: https://indepth.dev/component-features-with-angular-ivy/ Thu, 21 Nov 2019 00:00:00 -0500 https://speakerdeck.com/layzee/ivys-best-kept-secret https://speakerdeck.com/layzee/ivys-best-kept-secret NgModule is arguably one of the most confusing Angular concepts. Using tree-shakable components and dependencies, we will need Angular modules less often or not at all. Tree-shakable components are not available yet, but we can use Single Component Angular Modules to ease the migration path. Presented at: - ngVikings conference, May 2019 - Angular In Depth conference, June 2019 Recording of talk from the ngVikings 2019 conference: https://youtu.be/DA3efofhpq4 Article: https://dev.to/this-is-angular/angular-revisited-tree-shakable-components-and-optional-ngmodules-36d2 NgModule is arguably one of the most confusing Angular concepts. Using tree-shakable components and dependencies, we will need Angular modules less often or not at all. Tree-shakable components are not available yet, but we can use Single Component Angular Modules to ease the migration path. Presented at: - ngVikings conference, May 2019 - Angular In Depth conference, June 2019 Recording of talk from the ngVikings 2019 conference: https://youtu.be/DA3efofhpq4 Article: https://dev.to/this-is-angular/angular-revisited-tree-shakable-components-and-optional-ngmodules-36d2 Tue, 28 May 2019 00:00:00 -0400 https://speakerdeck.com/layzee/angular-revisited-tree-shakable-components-and-optional-ngmodules https://speakerdeck.com/layzee/angular-revisited-tree-shakable-components-and-optional-ngmodules Introduction to Docker for front-end developers demonstrating a multi-stage build for Angular testing, development server, production build and deployment with Nginx static file web server. Presented at: - AarhusJS Meetup, April 2019 Recording of the talk at AarhusJS April Meetup 2019: https://youtu.be/-cO6zphDsWU Git repository: https://github.com/LayZeeDK/docker-angular Introduction to Docker for front-end developers demonstrating a multi-stage build for Angular testing, development server, production build and deployment with Nginx static file web server. Presented at: - AarhusJS Meetup, April 2019 Recording of the talk at AarhusJS April Meetup 2019: https://youtu.be/-cO6zphDsWU Git repository: https://github.com/LayZeeDK/docker-angular Tue, 23 Apr 2019 00:00:00 -0400 https://speakerdeck.com/layzee/it-works-on-my-docker-machine https://speakerdeck.com/layzee/it-works-on-my-docker-machine The Model-View-Presenter pattern increases separation of concerns, maintainability, testability and scalability in complex Angular apps by using container components, presentational components and presenters. Presented at: - Internet Week Denmark 2018 - ngAarhus Meetup, May 2018 - ngCopenhagen Meetup, November 2018 - Angular Online Meetup #8, September 2020 Recordings: - ngAarhus May Meetup 2018: https://youtu.be/D_ytOCPQrI0 - Angular Online Meetup #8: https://youtu.be/C0yyvnrc0N0 Companion repository: https://github.com/LayZeeDK/ngx-tour-of-heroes-mvp Article: https://dev.to/this-is-angular/model-view-presenter-with-angular-533h The Model-View-Presenter pattern increases separation of concerns, maintainability, testability and scalability in complex Angular apps by using container components, presentational components and presenters. Presented at: - Internet Week Denmark 2018 - ngAarhus Meetup, May 2018 - ngCopenhagen Meetup, November 2018 - Angular Online Meetup #8, September 2020 Recordings: - ngAarhus May Meetup 2018: https://youtu.be/D_ytOCPQrI0 - Angular Online Meetup #8: https://youtu.be/C0yyvnrc0N0 Companion repository: https://github.com/LayZeeDK/ngx-tour-of-heroes-mvp Article: https://dev.to/this-is-angular/model-view-presenter-with-angular-533h Wed, 02 May 2018 00:00:00 -0400 https://speakerdeck.com/layzee/model-view-presenter-with-angular https://speakerdeck.com/layzee/model-view-presenter-with-angular