Chapters

18 Chapters | 1:11:28 |

01

Your First Gulp

4:31
02

Sass to CSS

4:46
03

Sourcemaps

2:46
04

Watch for Changes

3:57
05

Combining (concat) Files

2:57
06

Minify

1:29
07

Minify only in Production

3:04
08

Sourcemaps only in Development

2:04
09

gulp-load-plugins

2:11
10

Errors: Call the Plumber

1:47
11

Page Specific CSS

4:27
12

Bower Components out of web

3:47
13

Minify and Combine JavaScript

6:17
14

Publish Fonts to web

4:10
15

Versioning to Bust Cache

9:10
16

JavaScript Versioning and Cleanup

4:15
17

on('end'): Async and Listeners

6:05
18

Task Order

3:45

This tutorial has a new version, check it out!

> Gulp! Refreshment for Your Frontend Assets

Buy Access to Course

01.

Your First Gulp

|

Autoplay

Next Chapter

Login or register to check out the script

7 Comments

Sort By

Login or Register to join the conversation

Dan Costinel 8 years ago

For me it didn't quite worked for the first time. That's maybe because I didn't had nodejs, npm, ruby and sass installed. So, for everyone experiencing the same as me, being on Ubuntu 14.04:

1. Install NodeJS
$ sudo apt-get update
$ sudo apt-get install nodejs

2. Install npm (Node Package Manager)
$ sudo apt-get install npm

3. Install gulp
$ sudo npm install -g gulp

Now create a symbolic link:
$ sudo ln -s /usr/bin/nodejs /usr/bin/node

If you don't know where nodejs is located:
$ which nodejs

Now verify gulp installation:
$ gulp -v

Should look something like this:
[18:15:43] CLI version 3.9.1

4. Install ruby with sass
$ sudo apt-get install ruby-sass

1 |

weaverryan SFCASTS Dan Costinel 8 years ago

Thanks for sharing Dan - this looks very complete :)

|

Dan Costinel weaverryan 8 years ago

My pleasure :)

|

Terry Caliendo 8 years ago

Do you need to install gulp globally or can you skip that step and just install locally?

|

Victor SFCASTS Terry Caliendo 8 years ago

Hey Terry,

Yes, you can skip and install it locally, but it's not a much conveniently: you'll need to run Gulp with `$ ./node_modules/.bin/gulp` command. However in docs I see it should be installed globally, so probably the best practice is to do that ;)

Cheers!

|

Terry Caliendo 8 years ago

Are you using PHP Storm for your IDE in these videos?

|

Victor SFCASTS Terry Caliendo 8 years ago

Hey Terry,

Yes, we are! But in these screencasts we have a light PhpStorm theme instead of usual dark one which is using in our latest tutorials ;)

Cheers!

|

Symfony 2

What PHP libraries does this tutorial use?

// composer.json
{
    "require": {
        "php": ">=5.3.3",
        "symfony/symfony": "2.6.*", // v2.6.4
        "doctrine/orm": "~2.2,>=2.2.3", // v2.4.6
        "doctrine/doctrine-bundle": "~1.2", // v1.2.0
        "twig/extensions": "~1.0", // v1.2.0
        "symfony/assetic-bundle": "~2.3", // v2.5.0
        "symfony/swiftmailer-bundle": "~2.3", // v2.3.7
        "symfony/monolog-bundle": "~2.4", // v2.6.1
        "sensio/distribution-bundle": "~3.0", // v3.0.9
        "sensio/framework-extra-bundle": "~3.0", // v3.0.3
        "incenteev/composer-parameter-handler": "~2.0", // v2.1.0
        "hautelook/alice-bundle": "~0.2" // 0.2
    },
    "require-dev": {
        "sensio/generator-bundle": "~2.3" // v2.4.0
    }
}

Next Chapter