Javascript Task Runners

Presented in the Grayshirts Tech Talks.

Task runners are a set of tools to make build operation clean and well documented. They provide helpers to manage operations on the project file system via the command line.

Learn how Grunt and Gulp make this tasks.

Transcript

1. Nico Brizuela @njbrizuela Javascript TASK RUNNERS [ Grayshirts - Tech talk ]
2. WHY USE TASK RUNNERS OR BUILD SYSTEMS?
3. Improve quality
4. Faster development
5. Easily repeatable
6. GRUNT GULP Task Runner Streaming Build System
7. DIFFERENCES Based on files Configuration over code Based on Streams Code over configuration
8. Typical WORKFLOW
9. Grunt WORKFLOW
10. Gulp WORKFLOW
11. Task automation with GRUNT
12. Installing the CLI Dependencies: NPM and NODE.
13. First project This command create the packaje.json
14. Package.json
15. Installing grunt Dev dependencies added in the package.json
16. The Gruntfile • The "wrapper" function • Project and task configuration • Loading Grunt plugins and tasks • Custom tasks
17. Wrapper function
18. Project and task Configuration
19. Loading plugins
20. Custom tasks
21. DEMO
22. Building with GULP
23. Installing gulp Dependencies: NPM and NODE.
24. Package.json
25. Installing gulp Dev dependencies added in the package.json
26. Adding some plugins
27. • Dependencies • Tasks • Pipes The gulpfile
28. Dependencies
29. gulp.task
30. gulp.src
31. gulp.pipe
32. gulp.dest
33. gulp.watch
34. DEMO
35. RESUME • Based on files • Configuration over code • Independent tasks • Synchronic • 4600 plugins • > 2 years old • Based streams • Code over configuration • Sequence of methods • Async • 1500 plugins • > 1 years old
36. Thanks!
37. Questions?