
Generate a live view based authentication in a new Phoenix app, migrate user, category, and post schemas, and configure associations to power a blog.
Explore associations among users, categories, and posts in a Phoenix LiveView blog, defining belongs_to and has_many relationships, preloading data, and validating required foreign keys.
Explore how to organize related functionalities into a Phoenix context, create a catalog module for posts and categories, and implement crud operations with updated schemas and paths.
Explore the blog dot catalog module to manage categories and posts, including listing, getting by ID, creating, updating, deleting, and using changesets to validate and render forms.
Transform a default Phoenix app into a blog dashboard by applying an open source blog theme, wiring LiveView routes, and building a dashboard LiveView to render content.
Update the dashboard theme by applying new root HTML changes, remove Tailwind CDN, keep Font Awesome icons, and build a home page showing categories, users, and posts statistics.
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.
Learn to implement category CRUD in Phoenix LiveView by authenticating users, retrieving the current user from the session, and using a change set backed form for creating categories.
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.
Learn to display categories on the same page by fetching them, assigning categories and errors, and looping through the list to show each category name in live view.
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.
implement real-time category creation by inserting new categories into the category stream on save event, so they auto-appear at the top without refreshing.
Implement real-time category deletion in a Phoenix LiveView app by handling a delete event, retrieving the category, calling catalog.delete, and updating the category stream.
Display a post creation form using a simple form component, with inputs for title, summary, content, category, and user, plus file uploads, wired to submit and validate events.
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.
Display and manage posts on the admin dashboard using Phoenix LiveView, streams, and the table component, with preloaded category and user data and show and edit actions.
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.
Set up dual layouts to display posts on the front end using Phoenix LiveView, wire client live views and routes, and extend the app.html layout for multi-layout support.
List posts on the client side by importing posts, preloading category and user, and looping to show post category, username, title, summary, date, and image.
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.
Debug and fix client-side image rendering in a Phoenix LiveView blog by inspecting image paths, updating static paths to include uploads, and confirming images display beside posts.
Show posts by category by adding a category route and live view, then preload and dynamically display categories from the database.
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