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
All Course Lessons (26)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | About TALL and the Project to Create During the Course Demo | 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 |
Unlock unlimited learning
Get instant access to all 25 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Software Architecture & Design of Modern Large Scale Systems
Obsidian Flight School
System Design for Interviews and Beyond
