SlideShare a Scribd company logo
Submit Search
Upload
Атоматизация с Grunt
Report
Hristo Chakarov
Front-end architect at SiteKreator
Follow
•
0 likes
•
949 views
1
of
40
Атоматизация с Grunt
•
0 likes
•
949 views
Download Now
Download to read offline
Report
Technology
От разработване до production deploy - как да автоматизираме рутинните операции!
Read more
Hristo Chakarov
Front-end architect at SiteKreator
Follow
Recommended
Лесно изграждане на сайтове с WordPress - StartUP@Gabrovo
Vladimir Vassilev
660 views
•
35 slides
Въведение в WordPress
Vladimir Vassilev
511 views
•
11 slides
00 a mullen process_book
Aidenn Mullen
322 views
•
32 slides
Dispositivos electronicos michael perez
michael_10
186 views
•
12 slides
Cross-platform JavaScript
Hristo Chakarov
1.5K views
•
71 slides
DOM Performance (JSNext Bulgaria)
Hristo Chakarov
3.6K views
•
55 slides
More Related Content
Featured
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
19.3K views
•
69 slides
Getting into the tech field. what next
Tessa Mero
4.8K views
•
22 slides
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
5.6K views
•
99 slides
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
4.1K views
•
19 slides
Introduction to Data Science
Christy Abraham Joy
82.1K views
•
51 slides
Time Management & Productivity - Best Practices
Vit Horky
169.6K views
•
42 slides
Featured
(20)
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
•
19.3K views
Getting into the tech field. what next
Tessa Mero
•
4.8K views
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
•
5.6K views
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
•
4.1K views
Introduction to Data Science
Christy Abraham Joy
•
82.1K views
Time Management & Productivity - Best Practices
Vit Horky
•
169.6K views
The six step guide to practical project management
MindGenius
•
36.6K views
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
•
12.5K views
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Applitools
•
55.4K views
12 Ways to Increase Your Influence at Work
GetSmarter
•
401.6K views
ChatGPT webinar slides
Alireza Esmikhani
•
30.3K views
More than Just Lines on a Map: Best Practices for U.S Bike Routes
Project for Public Spaces & National Center for Biking and Walking
•
6.9K views
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
DevGAMM Conference
•
3.6K views
Barbie - Brand Strategy Presentation
Erica Santiago
•
25.1K views
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Saba Software
•
25.2K views
Introduction to C Programming Language
Simplilearn
•
8.4K views
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...
Palo Alto Software
•
88.3K views
9 Tips for a Work-free Vacation
Weekdone.com
•
7.2K views
I Rock Therefore I Am. 20 Legendary Quotes from Prince
Empowered Presentations
•
142.8K views
How to Map Your Future
SlideShop.com
•
275.1K views
Атоматизация с Grunt
1.
Автоматизация с Grunt Христо
Чакъров, Бургасконф 2014
2.
Какво си представяте,
когато чуете думата автоматизация?
5.
“Automation isn’t about
being lazy, it’s about being efficient.” Addy Osmani
8.
Рутинните задачи се
автоматизират ●Задачите отнемат време ●Често извършваните задачи стават досадни ●Досадните задачи са предпоставка за грешки
9.
Разработването в наши
дни изглежда горе-долу така...
10.
Code Minification Linting Sass/LESS Watching Preview Unit Testing File
aggregation Make a Build Deployment
11.
...или така...
12.
Как да си
улесним живота?
14.
Преди това да
ви се представя...
15.
Христо Чакъров Фронт-енд архитект,
Нетклайм Ъбаут Контакти ● 10+ години в уеба ● JavaScript курсове ● WPBGUG ● blog.ickata.net ● github.com/ickata ● sitekreator.com
16.
Та, Grunt e...
18.
●Можем да автоматизираме
почти всичко ●Море от разширения (plugins) ●JavaScript ;) Защо точно Grunt?
20.
●Проверка на кода
(JS Hint) ●Sass/LESS watch ●LiveReload ●Minification ●Packaging ●И много други! Какво можем да правим с Grunt?
21.
се базира на
22.
А ти ползваш
ли ?
23.
Ако все още
не ползвате NodeJS - започнете!
24.
Ако все още
не ползвате Mac OS - започнете! Инвестицията се отплаща!
25.
Инсталиране на Grunt
27.
Инсталиране на Grunt
Plugin
30.
Конфигуриране Gruntfile.js
33.
Демо (време е да
се излагам :D)
35.
●Code Linting (JSHint) ●Sass
compiling ●LiveReload ●Unit Testing (Jasmine) ●Build & Deploy github.com/ickata/grunt-tutorial
37.
Финални думи
38.
● върши цялата досадна
работа вместо нас :) ● JavaScript ;) ● богата колекция от плъгини ● тегав за конфигуриране ● неработещи плъгини :( Плюсове и минуси + –
39.
Питайте ме сега некое
и друго въпросче :)
40.
Благодаря, задето ме
изтърпяхте ;) ● slideshare.net/ickatanet ● blog.ickata.net