Back Button Vue

Laravel and the Front-end

Let's take a break from the back-end, and instead focus on that other world: the front-end! Don't worry, Laravel 5 has made this process as enjoyable as it can be. We'll review everything from Bower to Laravel Elixir.

Beginner
Difficulty
8 episodes
49:57 mins
Start Series
Notification bell This series has been archived. We instead recommend: Learn Laravel Mix A series is marked as archived when the content is no longer up-to-date or relevant to most viewers.
  • Latest Episode: Browserify, ES6, and React

  • Like this series? Share the love!

    1. Run Time 6:21 Free

      Before we fully dive in, give me just a few moments to detail the new terrain.

    2. Run Time 5:14

      Laravel 5 ships with some helpful Bower configuration. Think of Bower as "Composer for the front-end." It's incredibly simple to use.

    3. Let's now focus our energy on Laravel Elixir. We'll begin by reviewing how easy it is to compile your Sass, Less, or CoffeeScript files.

    4. To save on countless HTTP requests, you'll often want to merge, or concatenate, any number of stylesheets or scripts. Let me show you how to do this, using Laravel Elixir.

    5. Run Time 4:04

      We can also use Elixir to assist with test-driven development. Let me show you what I mean!

    6. Run Time 8:34

      If Laravel includes Twitter Bootstrap out of the box, then it makes sense for us to take at least a few moments to review the basic workflow.

    7. Run Time 7:31

      Elixir and Gulp can easily assist you, when it comes to the versioning of files. If you've been manually updating your file paths to force cache-busting, you're in for a treat. Trust me, this is a cinch!

    8. Run Time 9:32 Free

      Elixir includes Browserify support with EcmaScript 6 transformation straight out of the box. It literally couldn't be simpler. In this video, I'll demonstrate the basic workflow you'll use for your own applications.

You May Also Enjoy...

Here are some additional series that may be up your alley.

Laravel Laravel 5 Fundamentals
Beginner
Difficulty

Each year, the Laracasts "Laravel From Scratch" series is refreshed to reflect the latest iteration of the framework. This is the 2015 edition, which...

5:43:35 hrs
Play
Laravel Advanced Eloquent
Advanced
Difficulty

Sure, you've learned the essentials of using Eloquent in your applications, but do you really understand what's going on under the hood? Well, that's...

58:10 mins
Play
Vue Do You React?
Advanced
Difficulty

While Laracasts is dedicated to PHP and Laravel, the reality is that most of us need to write JavaScript daily as well. In this series, we'll learn ab...

1:25:24 hrs
Play
Laravel Intermediate Laravel
Intermediate
Difficulty

Made your way through Laravel 5 Fundamentals yet? Nice job! It's time to dig a bit deeper. In this series, not only will we review higher level featur...

2:30:07 hrs
Play
Vue The Vast World of Vue.js 0.12
Intermediate
Difficulty

Vue.js is the best JavaScript framework that you've likely never heard of. We've already covered React here at Laracasts, so let's move on to somethin...

3:08:08 hrs
Play
Laravel What's New in Laravel 5.1
Beginner
Difficulty

Laravel 5.1 includes a variety of welcomed new features. Everything from broadcasting events, to massively improved testing facilities, to LTS support...

2:11:21 hrs
Play
Vue Painless Builds With Elixir
Intermediate
Difficulty

Laravel Elixir takes the yawn out of writing your Gulpfiles. Why spends hundreds of lines writing what can be accomplished with just a few?

1:37:02 hrs
Play
Laravel Build "ProjectFlyer" With Me
Intermediate
Difficulty

In this series, from scratch, you'll come along with me as I build a web app, called "Project Flyer." We'll tackle everything from the domain name pur...

2:47:33 hrs
Play
Laravel Eloquent Techniques
Beginner
Difficulty

For any Laravel user, a solid understanding of Eloquent is crucial. In this series, we'll review a number of key techniques for your toolbelt.

50:20 mins
Play
Vue Modern CSS Workflow
Intermediate
Difficulty

The way we construct and think of CSS has changed drastically in the last ten years. In this series, we'll review key tools in every modern frontender...

1:41:11 hrs
Play
Laravel What's New in Laravel 5.2
Beginner
Difficulty

It's about that time again. Laravel 5.2 is on its way (possibly in January, 2016), with a variety of useful new additions. Let's get ahead of the game...

49:50 mins
Play
Laravel Laravel 5.2 From Scratch
Beginner
Difficulty

Each year, the Laracasts "Laravel From Scratch" series is refreshed to reflect the latest iteration of the framework. This is the 2016 edition, which...

3:26:05 hrs
Play
Laravel Russian-Doll Caching in Laravel
Advanced
Difficulty

Popularized in the Rails world, Russian Doll caching is an interesting approach, where you create nested fragment caches for your view logic. If you t...

1:37:45 hrs
Play
Laravel Laravel Authentication Techniques
Intermediate
Difficulty

While Laravel offers a robust, traditional authentication setup out of the box, you may find that you require unique setups for certain projects. Perh...

52:32 mins
Play
Laravel What's New in Laravel 5.3
Intermediate
Difficulty

It's about that time again! The release of Laravel 5.3 is imminent. That means, it's finally time to dig in and see what's new. And, well, there's a l...

2:43:50 hrs
Play
Vue Learn Flexbox Through Examples
Intermediate
Difficulty

Flexbox is easily one of the most important additions to CSS in the last decade. The only problem is that there's a bit of a learning curve. Trust me,...

1:12:25 hrs
Play
Laravel What's New in Laravel 5.4
Intermediate
Difficulty

It's that time of year again! Laravel is on the cusp of graduating to version 5.4. Along with it comes a variety of excellent new optimizations and fe...

32:17 mins
Play
Laravel Let's Build A Forum with Laravel and TDD
Advanced
Difficulty

A forum is a deceptively complex thing. Sure, it's made up of threads and replies, but what else might exist as part of a forum? What about profiles,...

19:29:26 hrs
Play
Laravel What's New in Laravel 5.5
Intermediate
Difficulty

Here we go again! Currently scheduled for an August release date, we're on the verge of Laravel 5.5. With that in mind, let's get a head start on the...

1:31:44 hrs
Play