arrowsmith

arrowsmith

Learn Phoenix LiveView (self-published) (tutorial)

Hi, I’m George Arrowsmith - you may remember me from such educational Elixir content as Phoenix on Rails.

I’m really pleased to announce my new course. Learn Phoenix LiveView is the comprehensive tutorial that teaches you how to build a realistic, complex, fully-featured LiveView app from scratch.

Like Phoenix on Rails, it’s a written tutorial. Unlike Phoenix on Rails, it’s for everybody, not just Rails developers. It’s suitable for the total Phoenix beginner, so it covers the full stack including Ecto, not just LiveView UIs.

I designed this course to be realistic. There’s no “foo”, no “bar”, no “widgets” - you’ll build a realistic and fully-featured Slack clone. Along the way you’ll be introduced to every LiveView concept I could think of: if you can build this in LiveView, you can build anything.

Table of contents

  1. Installation
  2. mix phx.new
  3. Directory structure
  4. Environments & config
  5. Phoenix.Router
  6. HEEx
  7. Layouts
  8. Ecto.Migration
  9. Schema and Repo
  10. mount/3
  11. mount/3 is called twice
  12. Events
  13. update/3
  14. Function components
  15. Path params and routes
  16. link/1
  17. handle_params/3
  18. Contexts
  19. Page titles
  20. Ecto.Query
  21. Changesets part 1
  22. Changesets part 2
  23. Forms part 1
  24. Forms part 2
  25. Flash
  26. Uniqueness validations
  27. Rate limiting
  28. phx.gen.auth
  29. Messages
  30. Associations and preloading
  31. Sending a message
  32. Seeds
  33. Streams
  34. External dependencies
  35. Timezones
  36. Deleting messages
  37. Tailwind groups
  38. Processes
  39. handle_info/3
  40. PubSub
  41. Hooks
  42. Phoenix.Presence part 1
  43. Phoenix.Presence part 2
  44. Room index page
  45. many_to_many
  46. Room memberships part 1
  47. Room memberships part 2
  48. stream_configure
  49. Toggle membership
  50. ‘New messages’ divider part 1
  51. ‘New messages’ divider part 2
  52. Static files
  53. Asset compilation
  54. Unread message count
  55. Phoenix.LiveView.JS
  56. Modals
  57. New room form
  58. Live action
  59. Phoenix.Component
  60. use
  61. ok/1 and noreply/1
  62. Usernames
  63. Auth pages
  64. The User schema
  65. User registration
  66. User sessions
  67. UserAuth
  68. Plug and pipelines
  69. Endpoint (HTTP)
  70. Endpoint (websockets)
  71. Authentication & Authorization
  72. on_mount
  73. live_session
  74. Date dividers
  75. Live components part 1
  76. Live components part 2
  77. User profile
  78. File uploads part 1
  79. Global attributes
  80. File uploads part 2
  81. File uploads part 3
  82. Threads part 1
  83. Threads part 2
  84. Threads part 3
  85. Threads part 4
  86. Threads part 5
  87. Pagination (limit-offset)
  88. Dependency conflicts
  89. Pagination (cursor-based) part 1
  90. Pagination (cursor-based) part 2
  91. Reactions - UI
  92. Reactions - data model
  93. Reactions - event handling
  94. Reactions - JS picker

Learn Phoenix LiveView costs $79. But you can use the code ELIXIRFORUM2024 for a $10 discount :wink: (valid until 23.59 UTC on Wednesday 4th Sep.)

Sign up today at PhoenixLiveView.com.

(Yes, that domain was available. I couldn’t believe it either.)

Where Next?

Popular in Courses Top

CodeSync
6 trainings with experts during Code BEAM Europe 2023 (5 in Berlin, 1 virtual) Before the conference and all the great talks, we bring t...
New
AstonJ
Looks neat :023: by @caike LEVEL 1 Sparks of Data Get to know Phoenix and learn how to read existing data from the database. ...
New
kokolegorille
Hello everyone, I just find a new course that might interest some people. It was just published a few days ago. I am not related in any...
New
AstonJ
Your Video Guide to Elixir Learn one of the best new programming languages with in-depth, step by step screencasts.
New
mat-hek
Hi everyone! We just released the Elixir Language Tour guide – an interactive intro to Elixir. The guide itself is written in Elixir an...
New
zkessin
I have created a new Product, based on The Weekly Python Exercise I am now releasing Weekly Elixir Exercise, an inexpensive way to get pr...
New
everfrost
Hi everybody, Just wanted to let you know about the free online Elixir course by Prograils.com which has just been published on our webs...
New
alvises
Hi everyone, I’ve started releasing these LiveView lessons (videos and articles), which are free extracts taken from the bigger course B...
New
AstonJ
By @elbrujohalcon Course Overview There is a language that powers 90% of all Internet traffic. It’s also the language behind some extre...
New
jacobluetzow
My comprehensive Elixir course “Elixir: A Comprehensive Introduction” is now available for free on YouTube. This structured course takes ...
New

Other popular topics Top

Darmani72
If I have a post route which an argument: post /my_post_route/:my_param1, MyController.my_post_handler How would get the post params ...
New
senggen
Erlang/OTP 25 [erts-13.2.2] [source] [64-bit] [smp:8:8] [ds:8:8:10] [async-threads:1] 15:22:35.803 [error] gen_event {lager_file_backend...
New
Nvim
Anybody knows a comprehensive comparison of Django and Phoenix, thanks for the help. Where are they similar? Where do they differ the m...
New
jerry
Good day to you all. I have been struggling to get a query involving like and ilike to work. Can anyone assist me on this, please? pro...
New
dokuzbir
I want to highlight html closing tags when i click a html tag. That works in .html files but doesnt work for html.eex templates. How can...
New
vegabook
I’m brand new to Phoenix and I have stripped one of the demo applications to the bone. I just want to get an svg up on the screen. Here i...
New
grych
Hi folks, Few months ago I have announced the proof-of-concept of the library to manipulate the browsers DOM objects directly from Elixi...
639 52341 488
New
ashish173
I am using Ecto timestamps with postgres, I can see the timestamps() use the :naive_dateime but for my use case I wanted to store the ti...
New
PeterCarter
There are pre-rolled solutions for other frameworks that do work. However, Phoenix does not seem to have these. Have people had good expe...
New
AstonJ
Seen any cool LiveView demos, sample apps or examples? Please post them here! :003:
New

We're in Beta

About us Mission Statement