The TALL Developer
In this course, you'll learn how to build full-stack web applications using the TALL stack — Tailwind CSS, Alpine.js, Laravel, and Livewire. These four tools work incredibly well together and will help you construct modern, interactive websites without writing too much JavaScript. To illustrate these tools, let's build a simple, yet fully functional job board application using the TALL stack.
Series episodes
Tailwind CSS (3)
Setup and Work With Tailwind CSS
11m 37sSet up Tailwind CSS in a new Laravel project and learn utility-first styling to build clean, responsive UIs fast.
Using Tailwind CSS to Style the App
9m 49sStyle your Laravel dashboard and job cards with Tailwind utilities for fast, flexible, responsive UI improvements.
Style the Job Cards
11m 52sStyle job cards with Tailwind: refine layout, spacing, and visuals to create attractive, responsive job listings.
Alpine (2)
Alpine.js Basics
12m 13sLearn Alpine.js basics: add lightweight interactivity with x-show, class binding and simple directives to enhance your frontend without heavy JS.
Make Our App Interactive Using Alpine
13m 29sMake your app interactive with Alpine.js - toggle details, add/remove bookmarks, and show toast notifications instantly.
Laravel (5)
Setup Laravel and Understand the Basics
7m 55sSet up Laravel with Herd and learn the basics - MVC, routes, views, and .env - so you can start building confidently.
Add Authentication, Routes and Views
16m 51sInstall a Livewire starter kit, add authentication, routes and views, and build dashboard & bookmarks so you can secure and navigate your app.
Create Models, Migrations and Seeders
17m 5sBuild a Role model, migration, and seeder; inspect data with TablePlus, then create a controller to display roles on your dashboard.
Eloquent and Relationships
15m 58sMaster Eloquent relationships in Laravel: define relations, fetch and insert related data efficiently to build cleaner, data-driven apps.
Build the App With Blade and Controllers
9m 30sBuild a Laravel app with Blade and controllers: create forms to add and remove roles on bookmarks, enhancing UX and data flow.
Livewire (4)
Livewire Basics
12m 14sLearn Livewire basics: build reactive, dynamic front-ends without JavaScript, with clear examples to boost your Laravel UX quickly.
Using Livewire For Reactivity
13m 56sMake your Laravel app instantly reactive with Livewire—build a bookmark feature that updates without page refresh in minutes.
Implementing Search With Livewire
8m 58sBuild a Livewire-powered search to filter jobs as users type—fast, no page reloads, and easy to integrate into your Laravel app.
Livewire With AlpineJS
8m 18sBuild real-time toast notifications with Livewire and Alpine.js that show when users toggle bookmarks—fast, reactive, and easy to add.
