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

Автоматизация с 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