Start with TALL: Use Tailwind, Alpine, Laravel & Livewire
Course description
Get ahead of the competition and start with the TALL stack, made up of Tailwind CSS, Alpine.js, Livewire, and Laravel that will completely dominate the world of web development with their growing popularity and demand. Build projects that were considered as complex before, in a short time and with little effort, thanks to these Full Stack technologies. It is the new era of web development.
Read more about the course
You will create a subscriber system with a nice appearance thanks to Tailwind, dynamic and reactive thanks to Livewire and Alpine.js, and perfectly functional and supported thanks to Laravel. You will also create a dashboard, using Laravel Breeze, which will allow you to manage that list of subscribers, applying everything you have learned with Tailwind, Alpine, Livewire, and, of course, Laravel.
The approach of the course will allow you to master the essential concepts and functionalities of Tailwind, Alpine, Livewire, and Laravel, applying them in a fully functional subscribers system.
Watch Online
| # | Title | Duration |
|---|---|---|
| 1 | About TALL and the Project to Create During the Course | 03:44 |
| 2 | About the Instructor | 01:12 |
| 3 | Install and Configure a Fresh Laravel Project | 07:16 |
| 4 | Install Livewire and Laravel Breeze in the Subscribers System | 04:25 |
| 5 | Create the Components to Store Subscriber's Information | 11:14 |
| 6 | Meet and use Laravel Breeze | 12:49 |
| 7 | Meet Tailwind and Use It to Start with the Landing Page | 17:02 |
| 8 | Apply Tailwind CSS to Finish the Landing Page | 15:22 |
| 9 | Meet and learn to use Alpine.js | 15:33 |
| 10 | Meet Livewire and Learn to Use It | 16:19 |
| 11 | Define the Appearance of a Component for Success Messages | 08:34 |
| 12 | Modularize the Modals Using the Blade Components of Laravel | 13:17 |
| 13 | Creating a Subscriber as Soon as the Form is Submitted | 09:43 |
| 14 | Validate the Information Received in the Subscription Form | 07:35 |
| 15 | Send a Confirmation Email to Each New Subscriber | 10:43 |
| 16 | Confirm the Subscriber's Email Using Laravel | 15:06 |
| 17 | Communicating Alpine.js with Livewire to Sync States | 07:59 |
| 18 | Display a Success Message When a Subscriber Confirms the Email | 10:12 |
| 19 | Improve Functionalities and User Experience Using Livewire | 16:21 |
| 20 | Prepare the Subscribers System to Have a Dashboard | 10:39 |
| 21 | Implement the Laravel Components to Show the List of Subscribers | 07:41 |
| 22 | Implement the Appearance of the Subscribers Table Using Tailwind | 08:57 |
| 23 | Allowing to Remove a Subscriber Using Livewire | 10:08 |
| 24 | Allowing to Search in The Subscribers List with Livewire | 10:28 |
| 25 | Recommendations and Steps to Follow | 02:04 |
| 26 | Bonus Class | 02:58 |
Similar courses
Master Laravel & Create High-Level Applications with Laravel
Supercharged Code Editing with Vim and Neovim
RabbitMQ: Message queue concepts from start to finish
System Design for Interviews and Beyond
