https://loiane.com/ Java, Spring Boot, Spring AI, AI, Angular, Typescript, JavaScript en Sat, 23 May 2026 11:44:38 -0400 https://loiane.com/2026/05/specs-driven-development-end-to-end-with-spring-boot-angular/ https://loiane.com/2026/05/specs-driven-development-end-to-end-with-spring-boot-angular/ Sat, 23 May 2026 08:00:00 -0400 Prompt-first AI work is great for exploration. It is not enough for delivery. AI Angular Spring Framework https://loiane.com/2026/04/modern-angular-add-to-cart-output/ https://loiane.com/2026/04/modern-angular-add-to-cart-output/ Tue, 21 Apr 2026 08:00:00 -0400 This is lesson 15 of the Modern Angular Course. In the previous lesson, we used computed() to filter products reactively. Now we add child-to-parent communication so clicking “Add to Cart” in a product card notifies the parent grid component. Angular Course https://loiane.com/2026/04/spring-boot-3-eol-to-4-upgrade-playbook-jackson-3/ https://loiane.com/2026/04/spring-boot-3-eol-to-4-upgrade-playbook-jackson-3/ Sun, 19 Apr 2026 07:00:00 -0400 Spring Boot 4 is not a routine version bump. Spring Framework https://loiane.com/2026/04/modern-angular-filtering-products-computed-signals/ https://loiane.com/2026/04/modern-angular-filtering-products-computed-signals/ Thu, 16 Apr 2026 08:00:00 -0400 This is lesson 14 of the Modern Angular Course. In the previous lesson, we introduced a writable signal for the search input. Now we build on that foundation by deriving filtered state with computed(), so the grid reacts automatically as the user types. Angular Course https://loiane.com/2026/04/harness-engineering-missing-layer-specs-driven-ai-development/ https://loiane.com/2026/04/harness-engineering-missing-layer-specs-driven-ai-development/ Tue, 14 Apr 2026 08:00:00 -0400 Many teams are still using AI like an intern. AI https://loiane.com/2026/04/modern-angular-writable-signals-search-state/ https://loiane.com/2026/04/modern-angular-writable-signals-search-state/ Mon, 13 Apr 2026 08:00:00 -0400 This is lesson 13 of the Modern Angular Course. In the previous lesson, we used @if and @else to conditionally render UI in the product card. Now we turn to user interaction by adding a search input that stores its value in a writable signal. Angular Course https://loiane.com/2026/04/modern-angular-conditional-rendering-if-else/ https://loiane.com/2026/04/modern-angular-conditional-rendering-if-else/ Sun, 12 Apr 2026 08:00:00 -0400 This is lesson 12 of the Modern Angular Course. In the previous lesson, we passed product data from the parent component to child cards using the modern input() API. Now that each card receives real product data, we can make the UI smarter by conditionally rendering parts of the template. Angular Course https://loiane.com/2026/04/modern-angular-passing-data-child-components-input/ https://loiane.com/2026/04/modern-angular-passing-data-child-components-input/ Sat, 11 Apr 2026 10:00:00 -0400 This is lesson 11 of the Modern Angular Course. In the previous lesson, we rendered a list of products using signals and @for. Each card still shows placeholder content. Now it is time to connect real data from the parent component to the child component using Angular’s modern input() signal API. Angular Course https://loiane.com/2026/04/modern-angular-rendering-lists-signals-for/ https://loiane.com/2026/04/modern-angular-rendering-lists-signals-for/ Fri, 10 Apr 2026 10:00:00 -0400 This is lesson 10 of the Modern Angular Course. In the previous lesson, we built the ProductsGrid and ProductCard components with static placeholder content. Now it is time to make the UI reactive by connecting it to signals and rendering the product list dynamically. Angular Course https://loiane.com/2026/04/modern-angular-products-grid-angular-material/ https://loiane.com/2026/04/modern-angular-products-grid-angular-material/ Thu, 09 Apr 2026 10:00:00 -0400 This is lesson 9 of the Modern Angular Course. In the previous lesson, we set up Angular Material and created the application header. Now we have a basic app shell, so it is time to build the main feature of the page: the products list. Angular Course https://loiane.com/2026/04/modern-angular-material-header-setup/ https://loiane.com/2026/04/modern-angular-material-header-setup/ Wed, 08 Apr 2026 10:00:00 -0400 This is lesson 8 of the Modern Angular Course. In the previous lessons, we covered Angular fundamentals and the full signals model — writable signals, computed signals, and effects. Now we shift towards building a real project, step by step, applying what we have learned and introducing new concepts along the way. Angular Course https://loiane.com/2026/04/modern-angular-effects-signals/ https://loiane.com/2026/04/modern-angular-effects-signals/ Tue, 07 Apr 2026 10:00:00 -0400 This is lesson 7 of the Modern Angular Course. In the previous lessons, we covered writable signals for state and computed signals for derived values. Now we complete the signals trio by introducing effects — the way Angular handles side effects in a reactive, predictable way. Angular Course https://loiane.com/2026/04/modern-angular-computed-signals/ https://loiane.com/2026/04/modern-angular-computed-signals/ Mon, 06 Apr 2026 10:00:00 -0400 This is lesson 6 of the Modern Angular Course. In the previous lesson, we introduced writable signals and used them to manage local component state. Now we build on that foundation with computed signals — derived state that updates automatically when its dependencies change. Angular Course https://loiane.com/2026/04/modern-angular-introducing-signals/ https://loiane.com/2026/04/modern-angular-introducing-signals/ Sun, 05 Apr 2026 10:00:00 -0400 This is lesson 5 of the Modern Angular Course. In the previous lesson, we worked with component templates and learned how to bind data and handle user interaction. So far, we have been using regular class properties to manage component state. Now it is time to introduce signals — the foundation of state management in modern Angular. Angular Course https://loiane.com/2026/04/modern-angular-component-templates-and-interaction/ https://loiane.com/2026/04/modern-angular-component-templates-and-interaction/ Sat, 04 Apr 2026 10:00:00 -0400 This is lesson 4 of the Modern Angular Course. In the previous lesson, we created our first standalone component and rendered it using its selector. Now that we understand the structure of a component, it is time to make it interactive. Angular Course https://loiane.com/2026/04/modern-angular-first-standalone-component/ https://loiane.com/2026/04/modern-angular-first-standalone-component/ Fri, 03 Apr 2026 10:00:00 -0400 This is lesson 3 of the Modern Angular Course. In the previous lesson, we created our project and made sure everything runs correctly. Now it is time to start building. In this post, we focus on one thing only: creating our first Angular component. Angular Course https://loiane.com/2026/04/modern-angular-development-environment-setup/ https://loiane.com/2026/04/modern-angular-development-environment-setup/ Thu, 02 Apr 2026 10:00:00 -0400 This is lesson 2 of the Modern Angular Course. Now that we covered what changed in Angular v21+, it is time to get practical. In this post, we set up a modern Angular development environment using the defaults Angular expects you to use today. Angular Course https://loiane.com/2026/04/modern-angular-course-introduction/ https://loiane.com/2026/04/modern-angular-course-introduction/ Wed, 01 Apr 2026 09:00:00 -0400 This is the first lesson of the Modern Angular Course, a free video series that teaches Angular the way it is meant to be written today. If the last time you seriously used Angular was a few years ago, Angular v21+might surprise you. This is not just another version update — it changes how you think about building Angular applications. Angular Course https://loiane.com/2026/03/vibe-coding-with-specs-driven-feedback-loops/ https://loiane.com/2026/03/vibe-coding-with-specs-driven-feedback-loops/ Sun, 29 Mar 2026 05:00:00 -0400 Vibe coding is fun, fast, and honestly one of the best ways to unlock momentum. I use it too. AI https://loiane.com/2026/03/you-dont-need-lombok-anymore/ https://loiane.com/2026/03/you-dont-need-lombok-anymore/ Sat, 21 Mar 2026 10:00:00 -0400 Lombok was a lifesaver. For years, it spared us from writing repetitive getters, setters, constructors, toString, equals, and hashCode. But modern Java has caught up. Between records, sealed classes, pattern matching, and a few other additions, most of what Lombok did is now built into the language. Java