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.
Back Button JavaScript
Laravel and the Front-end

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
8 episodes
49:57 mins
8
Latest Episode in This Series

Added 4 years ago

Browserify, ES6, and React

Elixir includes Browserify support with EcmaScript 6 transformation straight out of the box. It literally couldn't be...

Watch
Laravel and the Front-end

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.

Begin
8
Latest Episode in This Series

Added 4 years ago

Browserify, ES6, and React

Elixir includes Browserify support with EcmaScript 6 transformation straight out of the box. It literally couldn't be...
Watch

Your Teacher | Jeffrey Way

https://laracasts.s3.amazonaws.com/avatars/jeffrey-avatar.jpg's avatar
Hi, I'm Jeffrey. I'm the creator of Laracasts and spend most of my days building the site and thinking of new ways to teach confusing concepts. I live in Orlando, Florida with my wife and two kids.
    1. EPISODE 1

      Run Time 6:21

      Free

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

    2. EPISODE 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. EPISODE 3

      Run Time 5:34

      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. EPISODE 4

      Run Time 3:07

      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. EPISODE 5

      Run Time 4:04

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

    6. EPISODE 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. EPISODE 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. EPISODE 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.