Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Modern Development Practices with Gulp - Alessandro Kaounas

Modern Development Practices with Gulp - Alessandro Kaounas

Ο Αλέξανδρος στην ομιλία του θα επιδείξει σύγχρονες πρακτικές ανάπτυξης με το Gulp και πώς θα βελτιώσετε μια υπάρχουσα ροή εργασίας. Ταυτόχρονα θα μας δείξει από την αρχή πώς να χρησιμοποιήσουμε το Gulp για να δημιουργήσουμε ένα επιτυχημένο έργο και πώς να διατηρήσουμε ή να επικαιροποιήσουμε ένα ήδη υπάρχον.

Alessandro at his speech, will demonstrate modern development practises with Gulp and how to improve an existing working flow. At the same time he will show from scratch how to use Gulp to build a successful project and how to maintain or update an existing.

A717e9d055b2284e573b2412e32f5397?s=128

WordPress Greek Community

December 15, 2018
Tweet

Transcript

  1. Alessandro Kaounas Modern Development Practices with GULP

  2. Getting started with GULP GULP is a toolkit for automating

    painful or time- consuming tasks in your development workflow Example Tasks - Refresh browser on change files - Minify JavaScript & CSS - Compile SASS/LESS to CSS - Deploy source code to the output directory - Upload files via FTP to a production server
  3. Setting up the environment Install Node / Gulp Setup package.json

    Create gulpfile.js Write Gulp tasks Gulp works cross-platform, so you do not need to worry about your platform
  4. Install Node / Gulp

  5. Meeting the API gulp.task Used to define a new gulp

    task gulp.src  Used to point where the input files to the task are located gulp.dest  Used to point where the output files needed to be written gulp.watch  Used to make gulp to watch on the changes of files 1 2 3 4
  6. How GULP works PIPE

  7. Theme developing See code in action

  8. Any Questions?