Building Real-time Applications with Phoenix & Elixir

Gain insights into building fast, resource-efficient real-time applications. Delve into websockets, GenStage, Phoenix Tracker, and production deployment practices for seamless user experiences.

Intermediate

116 Lessons

44h

Certificate of Completion

Gain insights into building fast, resource-efficient real-time applications. Delve into websockets, GenStage, Phoenix Tracker, and production deployment practices for seamless user experiences.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

54 Playgrounds

16 Quizzes

This course includes

54 Playgrounds

16 Quizzes

Course Overview

In this course, you will learn how to build real-time applications that will be fast with less resource overhead. Today’s software users expect the data on their screens to reflect instantly. You will win your users’ trust by giving them a seamless application experience powered by real-time features. This course is broken up into three parts. In Part 1, you will focus on the essential part of the real-time stack (Elixir, - Phoenix channels, websockets, and GenStage). This will set the foundation for build...Show More

TAKEAWAY SKILLS

Elixir

Phoenix

What You'll Learn

Elixir web programming

Real time web application development

Using Websockets in Elixir

Developing an E-commerce website using Elixir and Phoenix

What You'll Learn

Elixir web programming

Course Content

Getting Started with Phoenix

Get familiar with Phoenix for real-time apps, scalability, and using Elixir effectively.

An Overview of Phoenix

Layers of a Real-Time System

Types of Scalability

Achieving Real-time in Elixir Quiz on Phoenix Overview

Powering Real-time Applications with Phoenix

Discover the logic behind creating, connecting, and maintaining WebSockets in Phoenix.

Creating a Simple WebSocket

Connecting Our First WebSocket Loading Our First WebSocket Testing WebSocket Connection Upgrading WebSocket Connections Maintaining WebSocket Connections Predecessor to WebSockets WebSockets and Phoenix Channels Quiz on Powering Real-time Phoenix Applications

First Steps with Phoenix Channels

Explore developing real-time, bidirectional web apps with Phoenix Channels, focusing on structure, implementation, and error handling.

What are Phoenix Channels?Understanding Channel Structure Implementation of a Channel Channel Error Handling Dynamic Topics PubSub Receive Messages Send Messages Channel Clients JavaScript Client Quiz on Phoenix Channels

Restrict Socket and Channel Access

Grasp the fundamentals of restricting access in Phoenix & Elixir for enhanced security.

Why Restrict Access?Add Authentication to Sockets Different Types of Tokens Add Authorization to Channels Use Authentication from JavaScript When to Write a New Socket Quiz on Socket and Channel Access

Dive Deep into Phoenix Channels

Deepen your knowledge of designing resilient real-time applications using Phoenix Channels and testing strategies.

Design for Unreliable Connections Use Channels in a Cluster Customize Channel Behavior Deduplicate Outgoing Messages How to Write Tests Testing Our Wildcard Channel Testing DedupeChannel Wrapping Up Quiz on Deep Concepts of Phoenix Channels

Avoid Performance Pitfalls

10 Lessons

Follow best practices to measure, monitor, and optimize real-time app performance with Phoenix & Elixir.

Build a Real-time Sneaker Store

10 Lessons

Practice using Phoenix Channels and Elixir to build a scalable real-time sneaker store application.

Break Your Application with Acceptance Tests

10 Lessons

Step through acceptance testing to ensure reliable, user-centric real-time Phoenix and Elixir applications.

Build a Real-time Shopping Cart

13 Lessons

Discover the logic behind developing a real-time shopping cart with Phoenix, Elixir, and JavaScript.

10.

Track Connected Carts with Presence

10 Lessons

Examine real-time tracking of shopping carts with Phoenix Presence for an efficient admin dashboard.

11.

Deploy Our Application to Production

5 Lessons

Grasp the fundamentals of deploying scalable Elixir applications with load balancing and clustering techniques.

Build a Group Chat Application Using Elixir

Project

12.

Manage Real-time Resources

5 Lessons

Dig into the BEAM's memory management and scheduling for optimized real-time applications.

13.

Hands-on with Phoenix LiveView

5 Lessons

Tackle creating dynamic real-time apps with Phoenix LiveView, minimal JavaScript, and Elixir.

14.

Single-page Applications with React

5 Lessons

Master building SPAs with React and Phoenix, focusing on state management, components, and real-time data integration.

Create Drag and Drop Web Components by Using Phoenix LiveView

Project

15.

Wrap Up!

1 Lesson

Get familiar with leveraging Elixir tools to enhance productivity and drive innovation.

16.

Appendix

1 Lesson

Get started with installing key components to run a Phoenix application locally.

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!