Olá a todos. Sejam bem vindos aos Canal e Blog SW9 (http://blog.sw9.com.br)No vídeo de hoje, terceiro vídeo da série de um total de 6, vou iniciar o processo de desenvolvimento de tarefas seguindo o workflow proposto no vídeo 2.Explicarei como construir a tarefa de prompt, tarefa de Lint JS e a Tarefa de Otimização de Imagens.
Olá a todos. Sejam bem vindos aos Canal e Blog SW9Hoje darei continuidade na série sobre Gulp. Neste segundo vídeo, colocaremos a mão na massa.Em primeiro lugar vou apresentar o workflow que criei, contendo os passos que vamos implementar para o processo de build e deploy. Dentro deste workflow, procurei incluir as atividades principais de um processo de build e deploy, isso não quer dizer que, ao longo da série, não seja necessário fazer alguns ajustes para chegarmos ao resultado esperado.Vou disponibilizar o workflow em minha área de downloads, para que vocês possam baixar e estudar.A construção do workflow não é obrigatória, mas eu recomendo por dois motivos:1- Ele servirá como guia durante a criação das tarefas.2- Traz mais organização ao projeto e servirá como documentação.Apresentado o workflow, iniciaremos na prática a utilização do Gulp.
Olá a todos. Sejam bem vindos aos Canal e Blog SW9Hoje iniciarei uma nova série de vídeos, agora para falar um pouco sobre a ferramenta chamada Gulp.O Gulp é uma ferramenta de automatização de tarefas que visa auxiliar e reduzir drasticamente o tempo que os desenvolvedores perdem executando tarefas repetitivas. E pode ter certeza, o Gulp realmente vai auxiliar bastante e trazer benefícios em nosso dia a dia.[Porque utilizar um automatizador de tarefas?]Bom, como comentei logo acima, a proposta de utilizar uma ferramenta de automatização é justamente reduzir nosso tempo com tarefas repetitivas, focando mais em codificação e nas necessidades do negócio.[Porque utilizar o Gulp?]A resposta é simples. O Gulp é simples e rápido de utilizar. Além disso, ele possui milhares de plugins que podem ser utilizados para facilitar a construção das tarefas.
Olá Pessoal. Sejam bem vindos ao Canal e Blog SW9No vídeo de hoje falarei sobre uma ferramenta que conheci recentemente, e que me ajudou bastante nos meus projetos.Em alguns projetos que publiquei aqui no meu canal e no meu blog, uso mais de um servico que precisa ser iniciado antes que o meu web App fique no ar e funcione corretamente.No meu caso, para o meu Web App ser publicado eu precisava iniciar um HTTP Server (no caso o Lite Server) e na sequencia iniciar o Json Server para subir o serviço de Fake Rest API.Se fosse para fazer do jeito tradicional, eu teria duas possibilidades para subir estas minhas dependências.A primeira seria abrir dois terminais. No primeiro terminal eu executaria o comando [lite-server] para subir o servidor HTTP e no segundo terminal eu executaria o comando [json-server --watch db.json].O grande problema é que teria que ficar gerenciando os terminais, e olha que estou falando de apenas duas dependências que preciso executar. Já pensou se tivermos um Web App que precise executar mais de 3 comandos?
Olá Pessoal. Sejam bem vindos ao Canal e Blog SW9No vídeo de hoje vou mostrar para vocês como instalar, configurar e utilizar uma ferramenta bem interessante chamada Lite Server.[Apresentação]O Lite Server é um servidor HTTP (Lightweight development only node server that serves a web app), escrito em node JS, que nos permite rodar nossos web apps escritos em HTML e Javascript.Assim como o HTTP Server (ferramenta que já apresentei em vídeos anteriores), o lite-server permite testar nossas web apps de forma simples e rápida.[Principais Recursos]Dentre os principais recursos do Lite Server podemos citar:1. Possui área admin graças a utilização do serviço browserSync. 2. Por padrão, o lite server faz refresh automático da página após cada alteração de código fonte. Este recurso facilita bastante a vida dos desenvolvedores, que não precisam mais, a cada alteração de código, clicar no botão refresh do navegador.[Instalação]A instalação da ferramenta pode ser feita via npm ou yarn. Neste vídeo mostro como instalar via npm. Basta digitar no prompt de comando:npm install -g lite-serverNeste caso, o lite-server será instalado de forma global e poderá se executado a partir de qualquer local.ou npm install --save-dev lite-serverNeste caso, o lite-server será instalado de forma local.Após instalação, irei mostrar como executá-lo a partir de um configuração feita no arquivo package.json