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.
Updated Series Available
You are viewing an archived course. We instead recommend that you watch Learn Laravel Mix.
Progress
Series Info
- Episodes
- 8
- Run Time
- 49m
- Difficulty
- Beginner
- Last Updated
- Nov 11, 2015
- Version
- Latest
Series Episodes
- Episodes (8)
Introduction
Before we fully dive in, give me just a few moments to detail the new terrain.Bower
Laravel 5 ships with some helpful Bower configuration. Think of Bower as "Composer for the front-end." It's incredibly simple to use.Elixir Asset Compilation
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.Elixir Asset Concatenation
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.Elixir TDD
We can also use Elixir to assist with test-driven development. Let me show you what I mean!Bootstrap Usage
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.Elixir Versioning
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!Browserify, ES6, and React
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.
