“This is hands down the most comprehensive Phoenix LiveView course available online. George tackles complex topics with confidence, offering clear explanations, a well-structured curriculum, best practices, and essential security insights. Every part of this course is pure gold.”
Learn Phoenix LiveView
The comprehensive tutorial that teaches you everything you need to build a complex, realistic, production-ready LiveView app.
“This course is phenomenal, well written, engaging with every lesson, useful for beginners but also for more experienced devs. I feel that I’m not only learning LiveView but I’m learning how to be a better developer.
“I love this course. This is exactly my learning style: Building a whole app from scratch, starting with the basics but then later on including everything that makes Elixir and Phoenix so great. Building the Slax app is so much fun!”
LiveView is the future of web development
Phoenix LiveView is revolutionizing the world of web development. Its innovative approach lets you build dynamic, interactive web interfaces with no Javascript, rendering your HTML on the server and delivering real-time updates through the power of Elixir and OTP.
But the learning curve can be steep. LiveView isn’t like other frameworks, and it takes time to understand its unique architecture.
Learn Phoenix LiveView is the comprehensive tutorial. It’ll take you from zero knowledge and teach you how to build a complex, realistic, fully-featured and production ready LiveView app in record time.
Once you’re done with this tutorial you’ll be so blazingly productive in LiveView that you’ll wonder how you ever used anything else.
Build a realistic project
You’re a professional. You want to build serious software that solves realistic problems, not simplistic toy apps that no-one would use in real life.
That’s why I designed Learn Phoenix LiveView to be realistic. You won’t waste time on contrived nonsense about flicking lightswitches or fizzbuzzing the foobars. Instead you’ll build a fully-featured Slack clone.
First you’ll build a simple but functional chat app that covers the basics. Then you’ll implement new features one-by-one, learning new LiveView concepts along the way, until you have a powerful app that’s production-ready.
As your app grows in complexity you’ll learn what LiveView looks like in practice, not just theory.
Leave no stone unturned
LiveView is a uniquely powerful tool - but its uniqueness means there’s a lot to learn that’s different from other technologies you might have used.
A complex, realistic LiveView app will use all of LiveView’s advanced features - and the Slack clone you’ll build is no exception. Learn Phoenix LiveView covers every LiveView concept: streams, hooks, function components, live components, async updates, PubSub, presence tracking, file uploads and more.
If you can build this in LiveView, you can build anything.
Learn the full stack
The above LiveView concepts are only part of the story. LiveView lets you build powerful, interactive UIs, but a web app is more than a user interface, and mastering Phoenix requires learning more than just LiveView.
I’ve got you covered. Learn Phoenix LiveView assumes no prior knowledge of any Phoenix concepts. It’ll teach you the full stack required to build a realistic LiveView app, including Ecto schemas, migrations, queries, the repo, the router, Mix and more. No stone is left unturned.
Once you’re done with this tutorial you’ll have everything you need to build a fully-featured Phoenix app from scratch. LiveView is the icing on the cake.
Understand the BEAM and OTP
In theory, LiveView’s basic idea (keep state on the server and live-update the UI over a websocket) could be implemented in any language. And since LiveView debuted in 2019, imitators have begun to emerge, such as Rails’s Hotwire or Laravel Livewire.
But LiveView will always stand above the competition for one simple reason: it’s built in Elixir. This means it runs on the BEAM, AKA the Erlang virtual machine, using OTP, the Open Telecom Platform. This suite of technologies unlocks a world of power that simply isn’t available in the average programming language.
Learn Phoenix LiveView doesn’t skim these details. It explains everything you need to know about advanced Elixir concepts such as processes, genservers and supervisors. This isn’t academic - the more you understand about exactly how LiveView makes use of OTP and the BEAM, the easier you’ll find it to build highly concurrent, scalable and fault-tolerant apps in Phoenix. And the more you’ll appreciate what makes LiveView so special, and why Chris McCord took a bet on an obscure little language called Elixir when he created Phoenix.
❓❓❓ Questions ❓❓❓
What’s the stack?
The tutorial uses the latest version of everything as of 2024: Elixir 1.17, Phoenix 1.7, and LiveView 1.0. It will be kept updated as new versions of these technologies are released in the future.
Do I need to know non-LiveView Phoenix before I can learn LiveView?
Not at all! This course is suitable for the total Phoenix beginner.
What about Ecto?
Ecto is Phoenix’s data mapping library. You use Ecto to interact with your app’s database, to store and retrieve data.
Learn Phoenix LiveView doesn’t skip Ecto. It teaches all the Ecto concepts you need - migrations, schemas, queries, changesets, repos - to build a complex and realistic LiveView app.
What about Tailwind?
Since Phoenix 1.7, newly-generated Phoenix apps use Tailwind CSS for their styling. You don’t have to use Tailwind in your Phoenix project - it’s easy to, for example, use SASS, LESS, or vanilla CSS instead - but Tailwind is the default.
Tailwind is a simple framework that’s very easy to learn. The app you’ll build in Learn Phoenix LiveView uses Tailwind for its styling, but you don’t need a deep knowledge of Tailwind to understand the tutorial.
Does this course teach OTP?
LiveView derives much of its power from the Open Telecom Platform (OTP), a powerful set of tools, libraries and design principles that’s built into the BEAM (the Elixir virtual machine).
You don’t need to understand OTP to build a LiveView app, but it helps. Learn Phoenix LiveView teaches and explains all the OTP/BEAM concepts that make LiveView work, such as processes, supervisors, applications and GenServers. Once you’re done you’ll understand what makes LiveView so uniquely powerful, and why it couldn’t have been built in any language except Elixir.
Is there anything else I need to know?
This tutorial assumes that you understand basic web development concepts such as HTML and HTTP. You don’t have to be an expert, but if you don’t know what a <div>
tag is, I recommend studying the basics before diving into LiveView.
I’m a student / unemployed / from a poorer part of the world, can I have a discount?
Maybe. Send an email explaining your situation and I’ll see what I can do.
I have another question.
I’d love to hear it! Get in touch on george@arrowsmithlabs.com.
You’ll learn LiveView thoroughly from this course - I guarantee it. Sign up, and if you aren’t impressed, send an email within 30 days of purchasing and I’ll give a full refund.