Атоматизация с grunt
DESCRIPTION
От разработване до production deploy - как да автоматизираме рутинните операции!TRANSCRIPT
Автоматизация с 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.net
● github.com/ickata
● sitekreator.com
Та, Grunt e...
●Можем да автоматизираме почти всичко
●Море от разширения (plugins)
●JavaScript ;)
Защо точно Grunt?
●Проверка на кода (JS Hint)
●Sass/LESS watch
●LiveReload
●Minification
●Packaging
●И много други!
Какво можем да правим с Grunt?
се базира на
А ти ползваш ли ?
Ако все още не ползвате 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