Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Hello Gulp 
Conheça o mundo da automatização de tarefas.
“Não é o mais forte que sobrevive, nem o mais 
inteligente, mas o que melhor se adapta às 
mudanças. “ (Charles Darwin)
09/09/2013 
. 
. 
. 
05/11/2014
09/09/2013 
. 
. 
. 
05/11/2014
As linguagens e ferramentas que 
utilizamos também evoluem.
● Quanto maior a evolução das linguagens e 
ferramentas, maiores são as possibilidades. 
● Quanto mais possibilidades, mai...
2005-2006 
2011
O que é 
É uma plataforma construída sobre o motor 
JavaScript do Google Chrome (V8) , para 
facilmente construir aplicaçõ...
O que é 
Com ele, conseguimos desenvolver nossas 
aplicaçãoes, utilizando apenas a linguagem 
Javascript.
Indo além 
● Npm: Gerenciador de pacotes 
● package.json
O que ele trouxe ?? 
O que veio após o Node JS ??
O que é: 
● Ferramenta para a automatização de 
tarefas, feita em Javascript. 
● Esta ferramenta funciona em cima do 
Node...
O que é necessário ? 
● Instalar os módulos desejados. 
● gulpfile.js 
● Configurar nossas tarefas.
Automatizar …
Por que devemos automatizar ?? 
● Nosso tempo é curto. 
● Temos várias tasks para nos preocupar. 
● Não vamos lembrar de t...
Por que devemos automatizar ?? 
● Evitar fazer as mesmas tarefas várias vezes. 
● Economia de Tempo 
● Manter o foco no qu...
O que podemos utilizar ? 
● Minificação de Arquivos 
● Concatenação de Arquivos 
● Pre-processar CSS
O que podemos utilizar ? 
● Otimizar Imagens 
● Live Reload 
● Tarefas Personalizadas
gulp-uglify 
● Minificar arquivos 
var uglify = require('gulp-uglify'); 
gulp.task('compress', function() { 
gulp.src('lib...
gulp-concat 
● Concatenar arquivos 
var concat = require('gulp-concat'); 
gulp.task('scripts', function() { 
gulp.src('./l...
gulp-jshint 
● Qualidade de código 
var jshint = require('gulp-jshint'); 
var gulp = require('gulp'); 
gulp.task('lint', f...
gulp-watch 
● Acompanhar modificações nos arquivos 
var gulp = require('gulp'), 
watch = require('gulp-watch'); 
gulp.task...
Mas … é só isso ??
Indo além 
http://gulpjs.com/plugins/
Em que ganhamos ? Quais as 
vantagens ? 
● Qualidade 
● Performance(Diminuímos requests e o 
tamanho dos arquivos)
Em que ganhamos ? Quais as 
vantagens ? 
● Organização 
● Tempo
Tudo isso e muito mais …. 
… com apenas 1 ferramenta.
Os nossos projetos agradecem. 
O usuário agradece.
Let’s Practice 
It’s Demo Time
Referências 
https://www.npmjs.org/package/gulp-uglify/ 
https://www.npmjs.org/package/gulp-watch/ 
https://www.npmjs.org/...
Referências - Imagens 
http://boieco.blogspot.com.br/2011/12/deu-merda- 
na-evolucao-do-homem.html 
http://br.freepik.com/...
Obrigado! 
https://speakerdeck.com/yanmagale
Automatize suas tarefas: conheça o GulpJS.
Automatize suas tarefas: conheça o GulpJS.
Automatize suas tarefas: conheça o GulpJS.
Automatize suas tarefas: conheça o GulpJS.
Automatize suas tarefas: conheça o GulpJS.
Automatize suas tarefas: conheça o GulpJS.
Automatize suas tarefas: conheça o GulpJS.
Automatize suas tarefas: conheça o GulpJS.
Upcoming SlideShare
Loading in …5
×

Automatize suas tarefas: conheça o GulpJS.

1,029 views

Published on

Nesta palestra, iremos ver por quê é necessário automatizar as nossas tarefas. Quais as vantagens? Quais os ganhos? Neste cenário, será apresentada a ferramenta GulpJS, que não só irá automatizar as nossas tarefas, como ira contribuir com a evolução de nossos projetos. Preocupe-se com o que realmente importa: o seu projeto e o resultado final.

Automatize suas tarefas: conheça o GulpJS.

Published in: Technology
  • DOWNLOAD THAT BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... Download Full doc Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... Download PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book that can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer that is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story That Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money That the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths that Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Automatize suas tarefas: conheça o GulpJS.

  1. 1. Hello Gulp Conheça o mundo da automatização de tarefas.
  2. 2. “Não é o mais forte que sobrevive, nem o mais inteligente, mas o que melhor se adapta às mudanças. “ (Charles Darwin)
  3. 3. 09/09/2013 . . . 05/11/2014
  4. 4. 09/09/2013 . . . 05/11/2014
  5. 5. As linguagens e ferramentas que utilizamos também evoluem.
  6. 6. ● Quanto maior a evolução das linguagens e ferramentas, maiores são as possibilidades. ● Quanto mais possibilidades, mais opções. ● Quanto mais opções, mais formas para resolver um problema.
  7. 7. 2005-2006 2011
  8. 8. O que é É uma plataforma construída sobre o motor JavaScript do Google Chrome (V8) , para facilmente construir aplicações de rede rápidas e escaláveis. (http://nodebr.com/o-que-e-node-js/)
  9. 9. O que é Com ele, conseguimos desenvolver nossas aplicaçãoes, utilizando apenas a linguagem Javascript.
  10. 10. Indo além ● Npm: Gerenciador de pacotes ● package.json
  11. 11. O que ele trouxe ?? O que veio após o Node JS ??
  12. 12. O que é: ● Ferramenta para a automatização de tarefas, feita em Javascript. ● Esta ferramenta funciona em cima do NodeJS
  13. 13. O que é necessário ? ● Instalar os módulos desejados. ● gulpfile.js ● Configurar nossas tarefas.
  14. 14. Automatizar …
  15. 15. Por que devemos automatizar ?? ● Nosso tempo é curto. ● Temos várias tasks para nos preocupar. ● Não vamos lembrar de tudo
  16. 16. Por que devemos automatizar ?? ● Evitar fazer as mesmas tarefas várias vezes. ● Economia de Tempo ● Manter o foco no que realmente importa: o projeto e o resultado final.
  17. 17. O que podemos utilizar ? ● Minificação de Arquivos ● Concatenação de Arquivos ● Pre-processar CSS
  18. 18. O que podemos utilizar ? ● Otimizar Imagens ● Live Reload ● Tarefas Personalizadas
  19. 19. gulp-uglify ● Minificar arquivos var uglify = require('gulp-uglify'); gulp.task('compress', function() { gulp.src('lib/*.js') .pipe(uglify()) .pipe(gulp.dest('dist')) });
  20. 20. gulp-concat ● Concatenar arquivos var concat = require('gulp-concat'); gulp.task('scripts', function() { gulp.src('./lib/*.js') .pipe(concat('all.js')) .pipe(gulp.dest('./dist/')) });
  21. 21. gulp-jshint ● Qualidade de código var jshint = require('gulp-jshint'); var gulp = require('gulp'); gulp.task('lint', function() { return gulp.src('./lib/*.js') .pipe(jshint()) .pipe(jshint.reporter('YOUR_REPORTER_HERE')); });
  22. 22. gulp-watch ● Acompanhar modificações nos arquivos var gulp = require('gulp'), watch = require('gulp-watch'); gulp.task('default', function () { gulp.src('css/**/*.css') .pipe(watch('css/**/*.css', function(files) { return files.pipe(gulp.dest('./one/')); })) .pipe(gulp.dest('./two/')); // `one` and `two` will contain same files });
  23. 23. Mas … é só isso ??
  24. 24. Indo além http://gulpjs.com/plugins/
  25. 25. Em que ganhamos ? Quais as vantagens ? ● Qualidade ● Performance(Diminuímos requests e o tamanho dos arquivos)
  26. 26. Em que ganhamos ? Quais as vantagens ? ● Organização ● Tempo
  27. 27. Tudo isso e muito mais …. … com apenas 1 ferramenta.
  28. 28. Os nossos projetos agradecem. O usuário agradece.
  29. 29. Let’s Practice It’s Demo Time
  30. 30. Referências https://www.npmjs.org/package/gulp-uglify/ https://www.npmjs.org/package/gulp-watch/ https://www.npmjs.org/package/gulp-jshint/ http://gulpjs.com/ http://nodejs.org/ http://tableless.com.br/gulp-o-novo-automatizador/#. UuAJqdJTtQI http://blog.caelum.com.br/bye-bye-grunt-js-hello-gulp-js/
  31. 31. Referências - Imagens http://boieco.blogspot.com.br/2011/12/deu-merda- na-evolucao-do-homem.html http://br.freepik.com/fotos-gratis/bolo-com-chantilly-- cereja--spoon--festa_404149.htm http://www.reactiongifs.com/magic-3/
  32. 32. Obrigado! https://speakerdeck.com/yanmagale

×