Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

Browse all series

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.

Progress

Series Info

Episodes
16
Run Time
2h 53m
Difficulty
Beginner
Last Updated
Nov 25, 2025
Version
Latest
Play Series

Series Episodes

  1. Introduction (1)

    1. Become a TALL Developer

      In this lesson, you’ll get an introduction to the TALL stack and the application you’ll be building. We’ll review what each tool in the stack does and the essentials you need to get started.
  2. Tailwind CSS (3)

    1. Setup and Work With Tailwind CSS

      Let’s set up Tailwind CSS in a fresh Laravel project, and get a first look at how utility-first CSS works in practice.

    2. Using Tailwind CSS to Style the App

      Style the dashboard and job cards using Tailwind's utility classes. See how quick and flexible styling can be.

    3. Style the Job Cards

      Let’s style the dashboard and job cards using Tailwind’s utility classes, so you can see just how quick and flexible this approach can be.
  3. Alpine (2)

    1. Alpine.js Basics

      Let’s talk about why Alpine.js is such a handy tool, and then we’ll walk through its core directives—like x-show and class binding—to see how they fit into your workflow.

    2. Make Our App Interactive Using Alpine

      Let’s add some interactivity with Alpine, including toggling details, adding or removing bookmarks, and even showing a quick toast message.
  4. Laravel (5)

    1. Setup Laravel and Understand the Basics

      Let's set up Laravel using Herd, and get familiar with the project structure, the MVC pattern, routes, views, and the environment file.

    2. Add Authentication, Routes and Views

      We’ll install a Livewire starter kit, walk through the authentication and routes it adds, and then set up the dashboard and bookmarks routes and views.

    3. Create Models, Migrations and Seeders

      Now, we'll create the Role model, migration, and seeder, install TablePlus to explore the data, and then build a controller that fetches all roles and displays them on the dashboard.

    4. Eloquent and Relationships

      We’ll dive deeper into Eloquent, learn how to define relationships, and use those relationships to fetch and insert data into the database.

    5. Build the App With Blade and Controllers

      Let’s use forms and controllers to add roles to your bookmarks and remove them when you’re done with them.
  5. Livewire (4)

    1. Livewire Basics

      Learn how Livewire works and what makes it great for building dynamic front-end without writing JavaScript. Look at some simple examples.

    2. Using Livewire For Reactivity

      Let’s make your app dynamic with Livewire by updating the bookmark feature so it works instantly without a page refresh.

    3. Implementing Search With Livewire

      Now,let's build a Livewire search that filters jobs in real time as you type, without reloading the page.

    4. Livewire With AlpineJS

      We’ll combine Livewire and Alpine to show a toast whenever the user toggles a bookmark.
  6. Conclusion (1)

    1. Wrapping Up

      We’ll recap what you’ve learned so far and look at a few ideas for what you might build next with the TALL stack!

Continue Learning

Blaze Deep-Dive thumbnail

Blaze Deep-Dive

With Caleb Porzio

Blade components are slow. Really slow. At scale, they quietly become the biggest bottleneck in your Laravel application. We discovered this while trying to make Flux as fast as possible, and the result is Blaze: a package that fundamentally rethinks how Blade components are compiled and rendered. With multiple levels of optimization, Blaze can shave hundreds of milliseconds off a page load, making Blade rendering up to 25x faster in some cases.In this series, we'll install it, benchmark it, build a toy version from scratch so you truly understand how it works, and then master every directive and edge case so you can squeeze maximum performance out of your own apps.

  • 20 Episodes
Customizing Filament For User-Facing Apps thumbnail

Customizing Filament For User-Facing Apps

With Shruti Balasa

In this series, we'll build a real, user-facing app called Booknest using Laravel and Filament. We'll begin with a fresh install and begin pushing Filament beyond the usual "internal admin only" setup that you typically see. It's capable of so much more.

  • 14 Episodes
Filament 5 in Depth thumbnail

Filament 5 in Depth

With Kevin McKee

Filament's powers have increased exponentially. Now at version 5, it's more powerful and capable than ever. In this series, we'll build a practical Roadmap app from scratch, using Filament for the admin panel and Livewire for the public-facing side.Along the way, we'll cover panel configuration, enum-driven UI, strict authorization with policies, and newer form inputs like ToggleButtons, Sliders, and the TipTap-powered RichEditor. By the end, you'll have a full-featured app and a solid handle on everything new in Filament.

  • 16 Episodes
Build Native Apps With PHP thumbnail

Build Native Apps With PHP

With Simon Hamp

Welcome to my CreatorSeries! I’m Simon, and in this series we’re going to learn about NativePHP and use it to build true native applications for desktop and mobile. We're not talking about web apps accessed through the browser. Your users will be able to install directly on their devices. This is a big leap forward for the PHP ecosystem, and while it’s a real paradigm shift from the way we normally build with PHP and Laravel, we’ve worked hard to keep it familiar and approachable. So grab a warm drink, get comfortable, and let's start building!

  • 17 Episodes
Everything New in Livewire 4 thumbnail

Everything New in Livewire 4

With Caleb Porzio

Livewire 4 is a major release, and it's packed with features you're going to love. View-based components keep your PHP and Blade together in one file. Islands let you create isolated, independently-updating regions without the overhead of nested components. New directives like wire:sort tackle big things with minimal code. And a powerful JavaScript interceptor system gives you fine-grained control over every request.Whether you're upgrading an existing app or starting fresh, this series will walk you through everything new, from the fundamentals to the advanced stuff. Let's dig in.

  • 25 Episodes