Episodes for phoenix
Alchemist's Edition
#188: Phoenix LiveView Tutorial Part 12
Similar to our last episode, here we’ll dynamically update the backgrounds of the keycaps on our game keyboard using JavaScript Hooks.
Alchemist's Edition
#187: Phoenix LiveView Tutorial Part 11
In this episode, we’ll improve the guess feedback for our game with JavaScript hooks. We’ll focus on updating the background of a guess, to indicate the status of the guess.
Alchemist's Edition
#186: Phoenix LiveView Tutorial Part 10
In this episode, we’ll update the guess feedback in our game by implementing custom JavaScript hooks and animations.
Alchemist's Edition
#185: Phoenix LiveView Tutorial Part 9
In this episode we’ll update our game and add feedback for player guesses. We’ll update our LiveView to handle various guess outcomes. We’ll use flash messages to display the results of each guess.
Alchemist's Edition
#184: Phoenix LiveView Tutorial Part 8
In this episode we update our game, allowing players to submit their guesses. We’ll build functionality to check if the guess is a valid word, comparing it against the game’s solution, and then updating the game’s state accordingly.
Alchemist's Edition
#183: Phoenix LiveView Tutorial Part 7
In this episode, we update our game to allow players to remove letters from their guesses. This involves updating our KeycapComponent to send events to our LiveView.
Alchemist's Edition
#182: Phoenix LiveView Tutorial Part 6
In this episode we’ll build the functionality that allows a player to add letters to their guess. We’ll update our LiveView to handle events from the keyboard and use them to update the game grid.
Alchemist's Edition
#181: Phoenix LiveView Tutorial Part 5
In this episode we’ll start implementing our game logic. We’ll manage player guesses using Schemaless Ecto Changesets. Together we’ll walk through creating a module to handle guess validation and a module to encapsulate game logic.
Alchemist's Edition
#180: Phoenix LiveView Tutorial Part 4
In this episode we’ll create a keyboard component for our game. Using LiveView LiveComponents, we’ll add a dynamic keyboard to the application, and style it with Tailwind CSS and DaisyUI.