Angular crash course | 2026 🔥 - Part 7 | Conditional render, 2 way binding | Banana in a box syntax

This is part 7 of the series. Links for other ones below:

Part 1:    • Angular crash course | 2026  🔥 - Part 1  |...  
Part 2:    • Angular crash course | 2026  🔥 - Part 2  |...  
Part 3:    • Angular crash course | 2026  🔥 - Part 3 | ...  
Part 4:    • Angular crash course | 2026  🔥 - Part 4 | ...  
Part 5:    • Angular crash course | 2026  🔥 - Part 5 | ...  
Part 6:    • Angular crash course | 2026  🔥 - Part 6 | ...  

This is a playlist where I put myself as a student and follow Gemini AI and Angular tutor to guide me step by step in my learning journey to get the core fundamentals of Angular in a little under 3 hrs. Here is the course curriculum in detail for those who want to know what you can expect in this playlist.

Short 10-20 min max videos each covering specific sections. That's what each playlist will be. The goal is to learn the core fundamentals and concepts that you take forward in your angular journey in 2026.

Episode 7 Timeline

00:00 List rendering and conditional display
03:00 Add conditional display to project
06:25 Forms and 2 way binding
16:25 Banana in a box syntax


References: https://angular.dev/ai/ai-tutor
Node: https://nodejs.org/en
Gemini cli : https://geminicli.com/

Whole curriculum:

Phase 1: Angular Fundamentals

Module 1: Getting Started
Module 2: Dynamic Text with Interpolation
Module 3: Event Listeners ((click))

Phase 2: State and Signals
Module 4: State Management with Writable Signals (Part 1: set)
Module 5: State Management with Writable Signals (Part 2: update)
Module 6: Computed Signals

Phase 3: Component Architecture

Module 7: Template Binding (Properties & Attributes)
Module 8: Creating & Nesting Components
Module 9: Component Inputs with Signals
Module 10: Styling Components
Module 11: List Rendering with @for
Module 12: Conditional Rendering with @if

Phase 4: Advanced Features & Architecture
Module 13: Two-Way Binding
Module 14: Services & Dependency Injection (DI)
Module 15: Basic Routing
Module 16: Introduction to Forms
Module 17: Intro to Angular Material

Project code: https://github.com/thecanadiandev/rec...

Interested in knowing more about a dedicated signals course & would like to recommend topics that you love to see?
Let me know your thoughts here https://forms.gle/T5Lb3R2n7N7Jaaec9

Audio credits

Music track: Office by Aylex
Source: https://freetouse.com/music
Free bgm:    • DivKid - Icelandic Arpeggios