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

04.

Watch for Changes

|

Autoplay

Keep on Learning!

If you liked what you've learned so far, dive in! Subscribe to get
access to this tutorial plus video, code and script downloads.

Start your All-Access Pass

Buy just this tutorial for $6.00

Previous Chapter

Next Chapter

Login or register to check out the script

4 Comments

Sort By

Login or Register to join the conversation

Алина Туранова 6 years ago

If you're working with Gulp 4 it would work

gulp.task('default', gulp.series('sass', function() {
// default task code here
}));

or just without default function

gulp.task('default', gulp.series('sass'));

|

MolloKhan SFCASTS Алина Туранова 6 years ago edited

Hey Алина Туранова

Thanks for sharing it with others :)

|

Kaizoku 8 years ago

So when I open my editor and start to code I have first to launch the terminal and run the sass task ?

Is there a way to have this done automatically in PHPStorm ?

Also it's quite anoying to have a terminal window open and stuck running sass. I know I could do > sass & to run it in background but I'm sure there is something better. isn't it ?

|

weaverryan SFCASTS Kaizoku 8 years ago

Hi there!

I haven't used it before, but there is some integration with Gulp and PhpStorm that you might find interesting! https://www.jetbrains.com/h...

And yes, you could of course run it with &, but obviously it's really the same. With some technologies - I'm not sure about gulp, but webpack has this - they are starting to allow you to run "development" web servers - where your CSS/JS calls actually proxy through a web server and are returned dynamically. This removes the need for a "watch" process. But, these watch processes are still pretty common overall.

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

Previous Chapter

Next Chapter