Part 1: CodeGeneration Phoenix and Authentication CRC: Constructors, Reducers, and Converters Phoenix Is One Giant Function Generate the Authentication Layer Explore Accounts from IEx Protect Routes with Plugs Authenticate the Live View Access Session Data in the Live View Your Turn Generators: Contexts andSchemas Get to Know the Phoenix Live Generator Run the Phoenix Live Generator Understand the Generated Core Understand the Generated Boundary Boundary, Core, or Script? Your Turn Generators: Live Views andTemplates Application Inventory Mount and Render the Product Index Use Components to Render HTML Handle Change for the Product Edit Manage Data with Streams Phoenix 1.8's Dedicated Form Live View Your Turn Part 2: LiveViewComposition Forms and Changesets Model Change with Changesets Model Change with Embedded Schemas Use Embedded Schemas in LiveView LiveView Form Bindings Live Uploads Your Turn Function Components The Survey Organize Your Live View with Components Build the Survey Context Organize the Application Core and Boundary Build the Survey Live View Build a Simple Function Component Build the Demographic Show Function Component Your Turn Live Components Build the Live Demographic Form Component Manage Component State Build the Ratings Components List Ratings Show a Rating Show the Rating Form Your Turn Part 3: ExtendLiveView Build an InteractiveDashboard The Plan Define the Admin.DashboardLive Live View Represent Dashboard Concepts with Components Fetch Survey Results Data Initialize the Admin.SurveyResultsLive Component State Render SVG Charts with Contex Add Filters to Make Charts Interactive Refactor Chart Code with Macros Your Turn Build a DistributedDashboard LiveView and Phoenix Messaging Tools Track Real-Time Survey Results with PubSub Track Real-Time User Activity with Presence Display User Tracking Your Turn Test Your Live Views What Makes CRC Code Testable? Unit Test for Survey Results State Integration Test LiveView Interactions Verify Distributed Real-Time Updates Your Turn Part 4:Graphics and Custom Code Organization Build the Game Core The Plan Represent a Shape with Points Group Points Together in Shapes Track and Place a Pentomino Track a Game in a Board Your Turn Render Graphics with SVG Plan the Presentation Layer Define a Skinny GameLive View Render Points with SVG Compose with Components Put It All Together Your Turn Establish Boundaries andAPIs It's Alive: Plan User Interactions Process User Interactions in the Core Build a Game Boundary Layer Extend the Game Live View Add Help with JavaScript Build a Picker to Control Navigation Your Turn.
Programming Phoenix LiveView : Interactive Elixir Web Programming Without Writing Any JavaScript