0% completed

Introduction

Before We Start

Create a Phoenix Project

The LiveView Lifecycle

Build a Simple LiveView

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 Quiz

Generators: Contexts and Schemas

Phoenix Live Generator The Generated Core The Generated Boundary Boundary, Core, or Script?Quiz

Generators: Live Views and Templates

Application Inventory The Product Index (Part-I)The Product Index (Part-II)Handle Change The Modal Component The Form Component Quiz

Forms and Changesets

Model Change with Changesets Model Change with Schemaless Changesets Schemaless Changesets in LiveView LiveView Form Bindings Live Uploads Quiz

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 Quiz

Stateful Components

How to make the Demographic Component Stateful

How to show a Demographic

How to Build The Ratings Components

How to Show a Rating

How to Show the Rating Form

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 Quiz

Build a Distributed Dashboard

LiveView and Phoenix Messaging Tools Tracking Real-Time Results Tracking Real-Time User Activity How to Display User Tracking Quiz

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 Quiz

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 Quiz

Render Graphics With SVG

Building Components with Surface Building Our First Surface Component Render Points with SVGg Compos With Componentsing Putting It All Together Quiz

Project

Create Drag and Drop Web Components by Using Phoenix LiveView

Conclusion

Congratulations

Building Real-Time Web Applications with Phoenix LiveView/

...

/

Quiz

Quiz

We'll cover the following...

Test your knowledge of stateful components.

1.

What do stateful components have that stateless components do not?

A.

A socket for state

B.

An ID

C.

A render callback function

D.

A mount callback function

1 / 5