Автоматизация с Grunt
Христо Чакъров, Бургасконф 2014
Какво си представяте, когато
чуете думата автоматизация?
“Automation isn’t about being lazy,
it’s about being efficient.”
Addy Osmani
Рутинните задачи се автоматизират
●Задачите отнемат време
●Често извършваните задачи стават досадни
●Досадните задачи са п...
Разработването в наши дни
изглежда горе-долу така...
Code Minification
Linting
Sass/LESS
Watching
Preview
Unit Testing
File aggregation
Make a Build
Deployment
...или така...
Как да си улесним живота?
Преди това да ви се представя...
Христо Чакъров
Фронт-енд архитект, Нетклайм
Ъбаут Контакти
● 10+ години в уеба
● JavaScript курсове
● WPBGUG
● blog.ickata...
Та, Grunt e...
●Можем да автоматизираме почти всичко
●Море от разширения (plugins)
●JavaScript ;)
Защо точно Grunt?
●Проверка на кода (JS Hint)
●Sass/LESS watch
●LiveReload
●Minification
●Packaging
●И много други!
Какво можем да правим с ...
се базира на
А ти ползваш ли ?
Ако все още не ползвате NodeJS -
започнете!
Ако все още не ползвате Mac OS -
започнете!
Инвестицията се отплаща!
Инсталиране на Grunt
Инсталиране на Grunt Plugin
Конфигуриране
Gruntfile.js
Демо
(време е да се излагам :D)
●Code Linting (JSHint)
●Sass compiling
●LiveReload
●Unit Testing (Jasmine)
●Build & Deploy
github.com/ickata/grunt-tutorial
Финални думи
● върши цялата
досадна работа
вместо нас :)
● JavaScript ;)
● богата колекция от
плъгини
● тегав за
конфигуриране
● нерабо...
Питайте ме сега
некое и друго въпросче :)
Благодаря, задето ме изтърпяхте ;)
● slideshare.net/ickatanet
● blog.ickata.net
Атоматизация с Grunt
Атоматизация с Grunt
Атоматизация с Grunt
Атоматизация с Grunt
Атоматизация с Grunt
Атоматизация с Grunt
Атоматизация с Grunt
Атоматизация с Grunt
Атоматизация с Grunt
Атоматизация с Grunt
Атоматизация с Grunt
Атоматизация с Grunt
Атоматизация с Grunt
Атоматизация с Grunt
Upcoming SlideShare
Loading in …5
×

Атоматизация с Grunt

755 views

Published on

От разработване до production deploy - как да автоматизираме рутинните операции!

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
755
On SlideShare
0
From Embeds
0
Number of Embeds
141
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Атоматизация с Grunt

  1. 1. Автоматизация с Grunt Христо Чакъров, Бургасконф 2014
  2. 2. Какво си представяте, когато чуете думата автоматизация?
  3. 3. “Automation isn’t about being lazy, it’s about being efficient.” Addy Osmani
  4. 4. Рутинните задачи се автоматизират ●Задачите отнемат време ●Често извършваните задачи стават досадни ●Досадните задачи са предпоставка за грешки
  5. 5. Разработването в наши дни изглежда горе-долу така...
  6. 6. Code Minification Linting Sass/LESS Watching Preview Unit Testing File aggregation Make a Build Deployment
  7. 7. ...или така...
  8. 8. Как да си улесним живота?
  9. 9. Преди това да ви се представя...
  10. 10. Христо Чакъров Фронт-енд архитект, Нетклайм Ъбаут Контакти ● 10+ години в уеба ● JavaScript курсове ● WPBGUG ● blog.ickata.net ● github.com/ickata ● sitekreator.com
  11. 11. Та, Grunt e...
  12. 12. ●Можем да автоматизираме почти всичко ●Море от разширения (plugins) ●JavaScript ;) Защо точно Grunt?
  13. 13. ●Проверка на кода (JS Hint) ●Sass/LESS watch ●LiveReload ●Minification ●Packaging ●И много други! Какво можем да правим с Grunt?
  14. 14. се базира на
  15. 15. А ти ползваш ли ?
  16. 16. Ако все още не ползвате NodeJS - започнете!
  17. 17. Ако все още не ползвате Mac OS - започнете! Инвестицията се отплаща!
  18. 18. Инсталиране на Grunt
  19. 19. Инсталиране на Grunt Plugin
  20. 20. Конфигуриране Gruntfile.js
  21. 21. Демо (време е да се излагам :D)
  22. 22. ●Code Linting (JSHint) ●Sass compiling ●LiveReload ●Unit Testing (Jasmine) ●Build & Deploy github.com/ickata/grunt-tutorial
  23. 23. Финални думи
  24. 24. ● върши цялата досадна работа вместо нас :) ● JavaScript ;) ● богата колекция от плъгини ● тегав за конфигуриране ● неработещи плъгини :( Плюсове и минуси + –
  25. 25. Питайте ме сега некое и друго въпросче :)
  26. 26. Благодаря, задето ме изтърпяхте ;) ● slideshare.net/ickatanet ● blog.ickata.net

×