Share Description
In this course, you will :
- Learn the fundamentals of Phoenix LiveView.
- Investigate techniques for organising our code into layers.
- Learn about the design and best practises for Phoenix LiveView.
- In a LiveView, investigate the processes of Generators, Changesets, and Testing.
- By creating a game prototype, you can experiment with different methods of generating shapes.
Syllabus :
1. Phoenix and Authentication
- Constructors, Reducers, and Converters
- Phoenix (One Giant Function)
- Generate the Authentication Layer
- Explore Accounts from IEx
- Protect Routes with Plugs
- Authenticate The Live View
2. Generators: Contexts and Schemas
- Phoenix Live Generator
- The Generated Core
- The Generated Boundary
- Boundary, Core, or Script?
3. Generators: Live Views and Templates
- Application Inventory
- The Product Index
- Handle Change
- The Modal Component
- The Form Component
4. Forms and Changesets
- Model Change with Changesets
- Model Change with Schemaless Changesets
- Schemaless Changesets in LiveView
- LiveView Form Bindings
- Live Uploads
5. Stateless Components
- The Survey
- Organizing LiveView
- Build The Survey Context
- Organize The Application Core and Boundary
- Build The Survey Live View
- How to Build The Demographic Form
6. Stateful Components
- How to make the Demographic Component Stateful
- How to show a Demographic
- How to Build The Ratings Components
- List Ratings
- How to Show a Rating
- How to Show the Rating Form
7. Build an Interactive Dashboard
- The Plan
- Dashboard LiveView
- How to represent Dashboard Concepts with Components
- How to Fetch Survey Results Data
- How to Initialize the SurveyResultsLive Component State
- How to Render SVG Charts with Contex
- Making Charts Interactive
- How to Refactor Chart Code with Macros
8. Build a Distributed Dashboard
- LiveView and Phoenix Messaging Tools
- Tracking Real-Time Results
- Tracking Real-Time User Activity
- How to Display User Tracking
9. Test Your Live Views
- What Makes CRC Code Testable?
- Unit Testing the Survey Results State
- Integration Testing LiveView Interactions
- How to Verify Distributed Realtime Updates
10. Build The Game Core
- The Plan
- How to Represent a Shape With Points
- Grouping Points Together in Shapes
- Tracking and Placing a Pentomino
- Tracking a Game in a Board
11. Render Graphics With SVG
- Building Components with Surface
- Building Our First Surface Component
- Render Points with SVGg
- Compos With Componentsing
- Putting It All Together
