Join our newsletter!
Get exclusive content, resources, and more!
1-2 emails per week, no spam
Outline
-
Let's Code Together - Refactoring Flopnames
- Introduction
- First Assignment
- Set the Title
- Toggle Key with a Visibility Style Binding
- Use ngIf on Winning Message
- Refactor the checkForWinner method
- Use Class Bindings for the Team Display
- Remove the teamTextClass property
- Move the currentTeam property to the service
- Don't Pass currentTeam into the gamegrid Component
- Make currentTeam a Model Object
- Create a Team Model
- Make Winner Property a Team
- Create the Tiles Data in the gamegrid Component
- Create a Tile Model
- Render the Tiles in an ngFor
- Hook up the New Click Event
- Log out the Tile Type
- Fix the Tile Background Display
- Make the Game Grid Work Again
- Render the Grid Key Dynamically & Summary
Outline
-
Let's Code Together - Refactoring Flopnames
- Introduction
- First Assignment
- Set the Title
- Toggle Key with a Visibility Style Binding
- Use ngIf on Winning Message
- Refactor the checkForWinner method
- Use Class Bindings for the Team Display
- Remove the teamTextClass property
- Move the currentTeam property to the service
- Don't Pass currentTeam into the gamegrid Component
- Make currentTeam a Model Object
- Create a Team Model
- Make Winner Property a Team
- Create the Tiles Data in the gamegrid Component
- Create a Tile Model
- Render the Tiles in an ngFor
- Hook up the New Click Event
- Log out the Tile Type
- Fix the Tile Background Display
- Make the Game Grid Work Again
- Render the Grid Key Dynamically & Summary
In this video
We get our first assignment.
Start your own version of the project here: https://stackblitz.com/fork/angular-ivy-oar3h3
Assignment: Set the Title
- Set the title to "Flopnames" by default
- Set it to "Flopnames - red won!" after a winner (or blue)