The cover image of the video course

Building Forms with Phoenix Liveview

The ultimate guide to building forms in Phoenix LiveView


Web development is 50% tables and 50% forms. This video course teaches you everything you need to know about the second part, the forms. After this course, you will be confident enough to write forms like a pro!


The course dives into the new way of creating forms with Phoenix 1.7 and LiveView 0.20. It introduces the Form struct and the new to_form/1 function in Phoenix.Component. It explains how we used to write forms before Phoenix 1.7 and how that changed to the new standard using Heex templates and the <.form> -tag.


You will learn how to build Forms with:

  1. Schemaless Changesets
  2. Embedded Schemas
  3. Schema Changesets
  4. Dynamic Form Fields
  5. Nested Form Fields


Building forms is a fundamental skill that every developer must master. Usually, it takes years to learn what this course teaches you in hours!

Lessons

3 Modules - 23 Lessons - 2h 30m total length - 1440p
01 - Introduction
Preview
02 - History of Forms
Preview
03 - Project Setup
Preview
Schema Changesets
Learn how to reuse your existing schema validations in forms
04 - The 3 Main Ways of working with Forms
Preview
05 - Schema Changesets - Create a new Meerkat
06 - Core Components
Schemaless Changesets
Learn how to create small changesets for quick form validations.
07 - Schemaless Changesets - Filter Meerkats
08 - The Form Struct
Embedded Schemas
Learn how to build complex forms with both dynamic and nested fields
09 - Introduction to Embedded Schemas
Preview
10 - Create an Embedded Schema
11 - Validate and Save the Notes Form
12 - Add dynamic Form Elements with embeds_many
13 - Build deeply nested Forms
14 - Outro
Bonus: Multi-step Forms
Coming soon
Bonus: many-to-many Associations in Embedded Schemas
Coming soon
Bonus: Composable Query Filters
Coming soon
Bonus: Render UI Elements based on Form Input
Coming soon
Bonus: Auto-recover Forms from Disconnects
Coming soon
Bonus: Dynamic Forms with JSON Schemas
Coming soon
Bonus: How dynamic embeds work under the Hood
Coming soon
Bonus: Reorder dynamic Forms using Sortable.js
Coming soon
Bonus: Quickly reset a Form
Coming soon

Price: €50.00

We always charge in USD. Est. Price: $54.40

Reviews
0.0 (0)
5 Stars
0%
4 Stars
0%
3 Stars
0%
2 Stars
0%
1 Stars
0%
Created by The creator profile picture Peter Ullrich

Price: €50.00