Usando Gulp em Arquivos Javascript // Mão no Código #2

[@LeandroPortugal23]

Nossa, muito obrigado! Estou aprendendo muito. Não tenho contato com muitos desenvolvedores então não sei ao bem quais ferramentas fazem o que. Vocês com esse quadro possibilita muita gente a entender as partes do todo que é muito fluido e disforme. Gente, vocês não fazem noção, comecei até a utilizar o terminal.

[@_vlmdr]

Show de bola, vocês são fodas. Simplicidade é tudo, não se preocupem, só repassem o que vocês sabem. Valeu

[@antoniopinho3068]

Muito bom Gabriel, mão no código. Obrigado por partilharem conhecimento.

[@codigofontetv]

Muito obrigado por nos acompanhar. É sempre bom ler comentários como o seu.

[@longuinni]

Muito legal! Adoro esses vídeos onde vocês colocam a mão na massa.

[@codigofontetv]

Muito obrigado Fernando!!! Sempre bom te ver por aqui. Grande abraço.

[@paulomarcelino1962]

Só reforcando, montem mais videos assim com outras linguagens tbm, Python3, C#, entre outros.

[@tadeubarbosa1762]

Conheci e usado o grunt primeiro, quando conheci o gulp não abandonei mais. 😍

[@eliassparda]

Peguei o guia pra se tornar um programador no vídeo de skills do programador front-end pra estudar, quero muito iniciar a carreira, acho muito mágico a didática de vocês, parabéns sempre

[@webtecjundiai2113]

Sensacional! No mão de código 1 vcs falaram que não são professores, mas poderiam ser kkkk demais, aprendi muito, continuem por favor.

[@salatielaizza]

Adorei casal CDFTV!!! Vcs são fantásticos, o Gabriel foi muito didático e suas perguntas Vanessa foram muito pertinentes. Sugiro vocês fazerem um pull request em algum projeto open source do GitHub. Grande abraço. Saúde e paz.

[@growmushtales237]

Vocês já pensaram que são heróis : os SuperCoders :D eu só consigo imaginar isso toda vez que vejo seus vídeos. Salvando sempre a humanidade do EvilLazy.

[@wagncarv]

Saudações, Ainda não usei gulp. Testarei esta ferramenta para analisar.

[@FredPerpetuoDev]

Boa tarde Gabriel e Vanessa Parabéns pelo canal, os assuntos abordados são de extrema relevância e vocês sempre muito didáticos nas explicações. Minha primeira graduação foi em história e já atuo na área como professor há alguns anos, mas devido ao descaso que o nosso país tem com os profissionais da educação decidi - mesmo tendo passado dos trinta e estando quase chegando aos quarenta, com filho e família - fazer uma nova graduação em outra área pela qual sou apaixonado, a computação. No fim desse ano termino meu curso de ciência da computação e pretendo trabalhar como desenvolvedor java. Sem mais delongas, contei toda essa história porque tenho um pedido especial. Se for possível façam por gentileza um episódio listando e explicando as principais skills que o desenvolvedor java deve dominar para atender ao mercado atual. Um forte abraço e mais uma vez congratulações pelo excelente conteúdo do canal.

[@codigofontetv]

Olá Frederico, li seu relato e fiquei ao mesmo tempo feliz, por ver você entrando na área de desenvolvimento e aceitando todos os desafios de trocar de carreira, e triste pelo motivo de sua troca, de uma realidade com o descaso na edução, que acontece em todos os cantos de nosso país. Muito obrigada por nos acompanhar, sua sugestão já está anota! Abraços

[@brunocardosof]

Muito bom esse vídeo, baixei um template do Creative-tim free e era baseado no gulp, me ajudo bastante a entender como funciona.

[@MarcoMelloMarcenaria]

Eu antes de assistir já dou o joinha, porque é sempre muito bom!

[@codigofontetv]

Obrigado Marco!!! Sempre bom te ver por aqui.

[@felipetrisch3814]

Excelente dica! Estou no primeiro semestre de ADS e ainda não trabalho na área então toda dica é sempre bem vinda! Tá na hora da Vanessa colocar a mão na massa.kkk

[@fabiofila9992]

Parabéns pela aula! Não conhecia o Gulp.

[@c9kamus687]

Cara, esse canal é incrível meu deus.. Como vcs tem 75 mil inscritos.. vcs merecem no mínimo 2/3 milhões! Sensacional, o melhor canal de TI do KZbin :D

[@codigofontetv]

Muuuuuuito obrigado pelo seu comentário. Isso é um incentivo enorme para continuarmos. 😍

[@cleyton2charmtube]

Ótimo conteúdo, aplicarei no meu projeto!

[@MarcosIchigo]

Ótimo video, me ajudou bastante :D obs: Gabriel parece o Don Draper hahaha

[@workhard6368]

Ai sim é video de programaçao, obrigado, faça mais videos assim

[@eduardobackes3485]

Ótimo vídeo pessoal. Gostaria de um vídeo, se possível, explicando como organizar essas tarefas para colocar o código em produção.

[@djremix29]

Muito bom, pessoal! O esforço de vocês para sempre trazer conteúdo relevante e, principalmente, inédito é notável! Parabéns! :)

[@jeffersonpcinfo]

Nossa! Muito bom. Obrigado por esse canal!!!

[@davidroseno7464]

Otimo! gostei bastante desse tipo de video, Aprendi muita coisa porfavor continuem assim!!

[@codigofontetv]

Muito obrigado David!!! Bom saber o feedback de vcs. Vamos continuar fazendo. 😉

[@marcusmaiialima]

Bem curtinho mas muito legal!!! Gostei da forma como foram explicando todos os códigos e o que cada um fazia!! Como diga dão uma olhada no terminal chamado Cmder, eu uso ele no trabalho e é muito bom!! Pretendem falar no Angular? Estou estudando ele junto com desenvolvimento mobile no Ionic e estou me amarrando!!! Abraços e ansioso pras próximas

[@eduardoferreira2499]

Ótima aula, professores! 😀

[@codigofontetv]

Muito obrigado Eduardo. Isso é um grande incentivo.

[@lacerdabj]

muito bom, estou vendo todos os vídeos!!!

[@codigofontetv]

Muito obrigado Marcelo. Depois de ver os vídeos você vai até enjoar da gente.

[@FernandoAvena]

muito bem explicado, direto e reto. parabéns.

[@cesar.vasconcelos]

Oi, Gabriel! Conta pra gente que tipo de ajuste você faz depois de instalar o seu vscode (e.g, usa alguma fonte ou extensões preferidas). Parabéns pelo canal e abraço!

[@codigofontetv]

Olá Cesar, estamos preparando um vídeo só para falarmos desse assunto. Muito obrigada por nos acompanhar. Abraços!

[@manfrinetapiramuta5364]

Primeiramente parabéns pela didática, super fácil de assimilar, segui os passos de vcs e ao rodar o gulp deu ...... AssertionError [ERR_ASSERTION]: Task function must be specified

[@HamiltonGJr]

Também tentei usar e deu o mesmo erro. Pesquisei e descobri que o Gulp mudou algumas de suas abordagens. Isso é natural, pois esse vídeo é de 2018 e essas tecnologias mudam bastante.O que estou fazendo é acessar o site oficial do Gulp e lendo tudo como se nunca tivesse ouvido falar do Gulp, apesar da maneira como o casal Gabriel e Vanessa mostrou como usar ter sido muito didático. A explicação sobre Gulp no Dicionário do programador também foi ótima!

[@arleygoleiro22]

13:30 - Tem as camisetas pra Linux, Azure e AWS?

[@IsraelCena]

esse tipo de vídeo ajuda muito !

[@diegozelao]

Docker? voces sao fantasticos !!!

[@diegozelao]

Ajudar voces na praticidade e produtividade. www.techtudo.com.br/dicas-e-tutoriais/noticia/2015/04/como-usar-desktops-virtuais-no-windows-10.html

[@adrianoqwe32]

ja usaram o terminator? da pra abrir varias telas numa so. eu gosto 🙋‍♂️

[@recurringnews]

Poderiam falar sobre extensões no VS Code?

[@codigofontetv]

Vamos fazer sim. Já está em nossa lista.

[@recurringnews]

Código Fonte TV Passei a usar o live server depois de vê-los utilizando. Antes usava uma extensão para o Chrome. Parabéns pelo canal e pela informação compartilhada.

[@J1975lima]

Boa tarde pessoal, sou novo no canal, gostei muito do conteúdo de vcs, estou começando na programação e vi um vídeo de vcs falandoi sobre algumas bibliotecas frameworks que tinham tantos programas que gostaria de saber? qual a configuração minima para se ter para programação pois pensava que precisava apenas do programa que vc queria programar mas como em inúmeras bibliotecas sei que depende do que se quer fazer mas da uma dica ai ex: preciso ter um pc com mais processador ou mais armazenamento para entrar na area de programação tipo aprender a abrir um arquivo pdf Grande abraço

Muito bom. Posso usar o gulp com TypeScript?

[@codigofontetv]

Oi Elton, é possível sim usando o plugin gulp-typescript. Dessa forma você usaria no seu gulpfile.js esse plugin e suas regras ficariam em um arquivo TS.

[@HamiltonGJr]

Oi Elton. Dei uma olhada no site oficial do Gulp e lá disse que pode sim. Tem um ítem lá sobre transcompilação que esclarece como isso é feito.

[@ariano0404]

Uma dica. Como vocês costumam aprender as linguagens? Livros? Aulas online? Tutoriais? Obrigado! Gosto muito dos vídeos descontraídos!

[@lucasfelipe-ze5sy]

O melhor lugar para aprender sobre uma linguagem/tecnologia é através da própria documentação oficial dela. Mas caso surja alguma dúvida também da pra procurar algum material explicativo, mas a base sempre é a documentação

[@10MANOEL]

Vanessa/Gabriel, sei que talvez fuja um pouco da área de atuação de vocês , mas gostaria de sugerir um vídeo sobre Big Data, Data Science. Um grande Abraço!

[@codigofontetv]

Excelentes temas Manoel. Fique tranquilo que eles estão em nosso planejamento. Grande abraço e muito obrigado pela sugestão.

[@rafael36326]

Qual a melhor linguagem para sites o python que ta sendo muito utilizado ou php pois estou querendo aprender e nao sei qual das duas para o back end??

[@duferreira1477]

Boa noite, Grabriel #CDFTV, para usar com arquivos .css é o mesmo processo?

[@marceloluis195]

Esse video pra min vai ser um daqueles que so vai servi pra eu me amostra pro meus amigos, pq não trabalho com isso

[@tiagorafael9872]

Quem disse que programação é trabalho? É estilo de vida!

[@MegaPekota]

Boas, fiz e refiz o exercício apresentado mas dá erro com o gulp watch. Não altera o showAlert para showAlert2. Será que consegue "descodificar" a msg erro abaixo ? Obrigado $ gulp watch [15:22:47] Using gulpfile ~\documents\ac\treino\front_end\mao2\gulpfile.js [15:22:47] Starting 'watch'... [15:22:47] 'watch' errored after 2.62 ms [15:22:47] Error: watching ./src/js/*.js: watch task has to be a function (optionally generated by using gulp.parallel or gulp.series) at Gulp.watch (C:\Users\Pedro Antoninho\documents\ac\treino\front_end\mao2 ode_modules\gulp\index.js:31:11) at C:\Users\Pedro Antoninho\documents\ac\treino\front_end\mao2\gulpfile.js:24:10 at watch (C:\Users\Pedro Antoninho\documents\ac\treino\front_end\mao2 ode_modules\undertaker\lib\set-task.js:13:15) at bound (domain.js:426:14) at runBound (domain.js:439:12) at asyncRunner (C:\Users\Pedro Antoninho\documents\ac\treino\front_end\mao2 ode_modules\async-done\index.js:55:18) at processTicksAndRejections (internal/process/task_queues.js:79:11)

[@juniordantas02]

Se eu criasse uma tarefa semelhante pra um backend de node... O gulp consegue fazer os import e substitui tudo e juntar num so arquivo?

[@aloneinabyss]

Atualmente com a versão 4 do gulp esse código terá um erro no gulp.watch(). para corrigir basta mudar a linha: gulp.watch([js_src], ['scripts']); para: gulp.watch([js_src], gulp.series('scripts'));

[@Cyber_86]

Vcs ainda estão com a loja onde tem essas camisas que vcs costumam usar ?

[@10MANOEL]

Está na descrição do vídeo, amigo.

[@codigofontetv]

A nossa loja está disponível sim. Será um prazer ter você como nosso cliente /amigo do canal. O endereço é : loja.codigofonte.com.br PS: Só pra deixar claro, somos nós mesmos que embalamos e enviamos tudo. #AquiEhTrabalho 😜

[@Cyber_86]

Pow show, não tinha visto, abri pelo celular e nao vi. O canal de vcs é muito bom, to tirando várias dúvidas, estou começando na área agora, front-end, continuem com esse maravilhoso trabalho, parabéns, o YT precisa de mais conteúdos como esse e menos bestoral ! 👏👏

[@antonioruiz2669]

Então o Live-Server é para desktop e o Browser-Sync p mobile? Para utilizar a aplicação nos dois recursos tenho que acionar ambos?

[@carlosnani]

O vídeos está ótimo. Mas só precisa aumentar um pouco a tela para ver o código maior.

[@codigofontetv]

Muito obrigado pelo feedback. Vamos aumentar mais a fonte nos próximos. 👍

[@carlosnani]

@@codigofontetv eu que agradeço pela resposta. Um abraço. 😁

[@alonsoricardo]

Muito esclarecedor. Mas as vezes fico na dúvida sobre até que ponto bibliotecas, framework e softwares em geral mais ajudam do que atrapalham. Digo porque a curva de aprendizado existe e cada vez que ocorre a necessidade de parar para aprender algo novo e que ao chegar em 50% desse aprendizado você vê que já saiu mais 10 novas bibliotecas, 20 novos frameworks... e vê que a empresa A pede x B y a C z, tem dias que fico desanimado.

[@ricardomazzarioli]

Muito bom! ❤️

[@BinhoTubeLab]

Quero parabenizar vocês pelos excelentes vídeos. Mas queria saber porque vocês não usam o terminal integrado do VScode ou o wsl do Windows 10?

[@elderjunior5433]

Está dando um erro estranho e ai ele não gera o arquivo scripts.js O erro apresentado é : Task function must be specified

[@voiploidrj]

Bom dia, não sei se aconteceu com mas alguém. Quando eu entro com o segundo passo do script de vcs, está dando o seguinte error: assert.js:42 throw new errors.AssertionError({ ^ AssertionError [ERR_ASSERTION]: Task function must be specified at Gulp.set [as _setTask] (E:\Estudos\Gulp-Basico\Iniciantes ode_modules\undertaker\lib\set-task.js:10:3) at Gulp.task (E:\Estudos\Gulp-Basico\Iniciantes ode_modules\undertaker\lib\task.js:13:8) at Object. (E:\Estudos\Gulp-Basico\Iniciantes\gulpfile.js:30:6) at Module._compile (module.js:652:30) at Object.Module._extensions..js (module.js:663:10) at Module.load (module.js:565:32) at tryModuleLoad (module.js:505:12) at Function.Module._load (module.js:497:3) at Module.require (module.js:596:17) at require (internal/module.js:11:18) Este error só acontece depois que entra com os novos gulp.task do watch.

[@joaovictorramiresguimaraes9784]

Show de bola o video. Aqui só deu problema quando tentei executar o Watch. O terminal retornou assim: "watch task has to be a function" Engraçado que a função é passada no parâmetro junto com o nome da tarefa ('watch', function(){....}) Não sei o que está causando o erro....

[@raphaelwilkermendesaraujo1082]

Como eu posso preparar um ambiente de produção com o gulp ?

[@marcelloguimaraes3825]

Quando vão lançar cursos? haha

[@198702a27]

olá tubo bem não sou programador bom mais voltei a olhar vídeo aula para pega parte de programação so que quando vou programa gulp ele fica dando isso queria saber se você pode me dar ajuda ander@DESKTOP-SV0BBRR MINGW64 /c/users/ander/desktop/Portfolio (master) $ gulp [23:54:28] Using gulpfile C:\users\ander\desktop\Portfolio\gulpfile.js [23:54:28] Starting 'default'... Olá colders [23:54:28] The following tasks did not complete: default [23:54:28] Did you forget to signal async completion? isso que seria ainda teste queria fazer isso para que quando ele fizesse chamada gulp para ele escrever diretorio sassele tbm fazeria diretorio css.

[@Padas100]

mulher me ajuda!!!, eu to estudando front-end, praticamente so uso o sublime text 3 mesmo, e nao estou muito confortável em ter que levar mu notebook pro trabalho(ainda nao trabalho com TI sou professor de musica e acabo estudando la na escola mesmo) e nem pra faculdade ( comecei a estudar Ciências da Computação) /, por conta de medo de assaltos e tal, GOSTARIA DE SABER SE VC RECOMENDA ALGUM TABLET QUE DE PRA ESTUDAR PROGRAMAÇÃO COM SUBLIME TEXT 3, PYTHON E Etc... vlw mano vc tem me ajudado muito nesse meu novo caminho profissional!

[@BrunoMBonfim]

Muito bom!

[@codigofontetv]

Muito obrigado Bruno!!! 👍👍👍

[@joaosantos45]

Perfeito...

[@PauloOgliano]

Fala galera, beleza? Eu acho que uma sugestão legal de pauta, seria os pacotes/extensões que poderiam ser instaladas na IDE para auxiliar no desenvolvimento. No vídeo, por exemplo, o Gabriel usou os atalhos para Bootstrap 4, eu já uso também, mas talvez mostrar quais extensões ou pacotes podem ser sugeridos para instalação. Uma outra idéia, seria o Composer e o Docker. Abraços!

[@codigofontetv]

Olá Paulo! Duas de suas sugestões já estão sendo preparadas: as extensões e o Docker. A outra já está na lista! Abraços

[@PauloOgliano]

@@codigofontetv 😁✌👏

[@raphaelwilkermendesaraujo1082]

Eu tenho muito uma duvida, qual a principal diferença entre ele e o webpack?

[@codigofontetv]

O Webpack é um bundle, e não um task runner, ele pode em alguns caso substituir o Gulp, mas eles tb podem trabalhar juntos. Nos ainda vamos fazer um vídeo falando sobre ele. Abraços

[@raphaelwilkermendesaraujo1082]

Tenho mais uma dúvida, qual seria a melhor forma de usar algum pacote instalado do node ? Por exemplo, eu instalei o bootstrap, mas como eu poderia utilizar ele no meu projeto ? Eu pensei em duas possibilidades, uma dela utilizando o gulp, para concatenar os arquivos e colocar numa pasta para que eu importe eles na minha página index exemplo: Ou a outra forma é utilizar ele desta forma: Agradeço por todas as respostas e vídeos, vocês tem me ajudando muito.

[@ailton.duarte]

Gulp e webpack nao fazem a mesma coisa?

[@eusouanoticia]

Olá eu queria uma ajuda d vcs, pois comecei um curso. De analise de sistema E não estou conseguindo achar a barra de ferramenta(properties) no android studio, me ajudem

[@amossilas134]

Parabéns pelo vídeo .... Eu vi um canal que ele fazia as aulas em até 8 minutos .... Oq acha fazer uma semana ou mês nesse formato .... Por exemplo tipo: alunos que tem mais afinidade pega as aulas muito rápido e em 8 minutos seria massa demais pegar uma dica e informação quase completa hehe .... Valeu sucesso

[@eduardofreitas1224]

Cadê o link para o Gulp?

[@YannZyto]

então ele basicamente é um babel?

[@miguelarquejadanfs]

Se está com problemas no gulp.watch() utilize gulp.series('scripts') ao invés de ['scripts']

[@idontsleep777]

Que linux é esse?

[@codigofontetv]

Nenhum, é Windows. rsrsrs

[@evandroabreu8602]

O vídeo ficou ótimo mas a sintaxe de uso do GULP sofreu algumas alterações =/ gulpjs.com

[@marcossamuel4190]

vanessa WEBer, tá explicado...

[@dgsapenas8173]

Caraca, que coincidência. Ontem mesmo, subi em meu site um post sobre gulp com tarefas para es6 e stylus. Caso alguém queira dar uma olhada para complementar este vídeos douglasporto.com.br/conhecendo-gulp/

[@wellingtondev]

vcs são casados ou amigos???

[@codigofontetv]

Os 2! :D

[@wellingtondev]

@@codigofontetv muito bom Deus abençoe então ela te entende quando passa a madrugada trabalhando rsrs

[@social.maicom]

Complicado demais. Pra mim só mostrou, não ensinou nada.