Back Button JavaScript

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

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.

  • Latest Episode: Browserify, ES6, and React

  • Like this series? Share the love!

  • 01

    Episode 1 Run Time 6:21

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

  • 02

    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.

  • 03

    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.

  • 04

    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.

  • 05

    Episode 5 Run Time 4:04

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

  • 06

    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.

  • 07

    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!

  • 08

    Episode 8 Run Time 9:32

    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.

27 Lessons
5:43:35 hrs
5 Lessons
58:10 mins
10 Lessons
1:25:24 hrs
12 Lessons
2:30:07 hrs
16 Lessons
2:11:21 hrs
19 Lessons
2:47:33 hrs
4 Lessons
50:20 mins
7 Lessons
1:41:11 hrs
18 Lessons
3:26:05 hrs
18 Lessons
2:43:50 hrs
10 Lessons
32:17 mins
20 Lessons
1:31:44 hrs