1. Automatizácia vývoja

3. Kompilácia

4. class Person
constructor: (@name = 'John Doe') ->
greet: ->
console.log "Hi! My name is #{@name}"
1. CoffeeScript

5. 2. ???

6. var Person;
Person = (function() {
function Person(name) {
this.name = name != null ? name : 'John Doe';
}
Person.prototype.greet = function() {
return console.log("Hi! My name is " + this.name);
};
return Person;
})();
3. Profit!!!

8. module.exports = (grunt) ->
grunt.loadNpmTasks 'grunt-contrib-watch'
grunt.loadNpmTasks 'grunt-contrib-coffee'
grunt.initConfig
watch:
files: 'coffee/*.coffee'
tasks: ['coffee']
coffee:
files:
'js/my_project.js': 'coffee/*.coffee'
Gruntfile.coffee

9. Minifikácia kódu

10. var Person;
Person = (function() {
function Person(name) {
this.name = name != null ? name : 'John Doe';
}
Person.prototype.greet = function() {
return console.log("Hi! My name is " + this.name);
};
return Person;
})();
1. Neminifikovaný kód

11. 2. ???

12. var Person;Person=function(){function e(e){this.name=e!=null?e:"John
Doe"}e.prototype.greet=function(){return console.log("Hi! My name is
"+this.name)};return e}()
3. Profit!!!

13. module.exports = (grunt) ->
grunt.loadNpmTasks 'grunt-contrib-uglify'
grunt.loadNpmTasks 'grunt-contrib-cssmin'
grunt.initConfig
uglify:
files:
'js/my_project.min.js': 'js/my_project.js'
cssmin:
files:
'js/my_project.min.css': 'js/my_project.css'
Gruntfile.coffee

14. Minifikácia obrázkov

15. 1. Obrovský obrázok
2500 KB

16. 2. ???

17. 2500 KB => 125 KB
3. Profit!!!

18. module.exports = (grunt) ->
grunt.loadNpmTasks 'grunt-contrib-imagemin'
grunt.initConfig
imagemin:
files:
expand: true
cwd: 'originals/'
src: '*.{jpg,png,gif}'
dest: 'optimized/'
Gruntfile.coffee

19. module.exports = (grunt) ->
grunt.loadNpmTasks 'grunt-svg2png'
grunt.initConfig
svg2png:
files:
src: ‘originals/*.svg'
dest: 'images/'
Gruntfile.coffee

20. module.exports = (grunt) ->
grunt.loadNpmTasks ‘grunt-responsive-images'
grunt.initConfig
responsive_images:
options:
sizes: [{width: 320}, {width: 640},{width: 1024}]
files:
expand: true
cwd: 'originals/'
src: '*.jpg'
dest: 'images/'
Gruntfile.coffee

21. module.exports = (grunt) ->
grunt.loadNpmTasks 'grunt-spritesmith'
grunt.initConfig
sprite:
src: 'originals/icons/*.png',
destImg: 'build/sprites.png',
destCSS: 'build/sprites.css'
Gruntfile.coffee

22. Buildovanie

23. module.exports = (grunt) ->
...
grunt.initConfig
watch:
files: 'coffee/*.coffee'
tasks: ['coffee', 'concat', 'uglify']
1. Pomalý watch

24. 2. ???

25. module.exports = (grunt) ->
...
grunt.initConfig
watch:
files: 'coffee/*.coffee'
tasks: ['coffee']
grunt.registerTask 'build', ['coffee', 'concat', 'uglify']
3. Profit!!!

27. Ka dý si postavil devstack.ž
Kdo íká, e ne, staví ho dodneška.ř ž
— Martin Malý

28. GIT SUBMODULE
NOT EVEN ONCE

29. Bower

30. // shell
bower install bootstrap --save
1. Potrebujem Bootstrap

31. 2. ???

32. // bower.json
{
"name": "my-project",
"version": "0.1.0",
"dependencies": {
"jquery": "~2.1.1",
"bootstrap": "~3.1.1"
}
}
3. Profit!!!

35. 3.1.4

36. TEAMWORK, P ČO✱

37. ⇥ versus ··
·· versus ····

40. • kó d menej náchylnýk chybám
• optimalizovanýkó d
• znovupoužite nýkomponentovýkó dľ
• open-source
• automatické testy
• zvýšenáproduktivita…
• …celého teamu
Následky automatizácie

41. Riki Fridrich, fczbkk.com