
Set up category CRUD in the Phoenix LiveView app by creating the dashboard/categories route, the category live index, and its templates; next session covers category creation.
Debug and implement category crud in phoenix liveview by wiring validate and submit events, updating the change set, and creating categories with catalog dot create category and flash messages.
Utilize streams in Elixir Phoenix LiveView to enable real-time category updates and reduce server load by moving data processing to the front end, with practical changes to index.html and assigns.
Set up real-time validation and save for post creation in Elixir Phoenix LiveView, using change sets and post params, handling errors, and inserting posts into the database.
Explore image upload in a Phoenix LiveView blog post CRUD, configuring allow_upload for images, max entries and a 20 MB size, and using live file inputs with live image preview.
Implement image upload in a phoenix liveview blog app by moving images from the temporary directory to static/uploads and updating post params with the image path.
Update posts by implementing edit functionality in a Phoenix LiveView, including category handling, post retrieval by id, current user validation, form changeset, image upload, and saving updates.
Implement post deleting in Phoenix LiveView by handling a delete event, fetching the post by id, calling catalog delete, and showing a flash message on success or error.
Create a single post view in Phoenix LiveView by routing a show page, preloading user and category, and linking images and titles to the post details.
Show posts by category in a Phoenix LiveView app by updating the CategoryLive to fetch categories and posts, wire path helpers, and clean the client template.
Welcome to Building a Blog Application with Elixir Phoenix LiveView! In this hands-on course, you will dive deep into real-time web development by building a fully functional blog application using the powerful combination of Elixir, Phoenix Framework, and LiveView. This course will give you the knowledge and practical experience you need to get started building real-time applications in Phoenix LiveView.
In the process of working on this project, these are the Elixir Phoenix LiveView concepts you will learn:
Introduction to Phoenix Framework:
Understand the basic structure of a Phoenix application
Learn about the Model-View-Controller (MVC) architecture
Create your first Phoenix project
Working with Data:
Generating Migrations and Schemas in a Phoenix application
Create and manage database tables using Ecto migrations
Define data models and schemas to represent your application's domain
Introduction to Phoenix LiveView:
Explore the concepts behind Phoenix LiveView and its advantages
Understand how LiveView processes function and how they differ from traditional web development approaches
Set up LiveView in your Phoenix application and create your first live component
Building Dynamic Interfaces:
Utilize LiveView templates and components to create dynamic user interfaces
Implement real-time updates without writing JavaScript code
Enhance user experience with seamless page updates and form submissions
Layouts and Navigation:
Implement different layouts in a Phoenix LiveView application
Create reusable components and partials to streamline development
Handle navigation and routing within your application using LiveView
Working with Associations:
Learn about schema associations in the Phoenix framework
Define relationships between data models using Ecto associations
Implement CRUD operations for related data entities
Uploading Images:
Implement image upload functionality in a Phoenix LiveView application
Utilize Phoenix and Ecto functionalities to handle file uploads securely
Manage and display uploaded images within your application
CRUD Operations:
Implement CRUD (Create, Read, Update, Delete) operations in Phoenix LiveView
Create interactive interfaces for managing data entities
Handle form submissions, validations, and error handling effectively