Você já ouviu falar do Hacktoberfest? Para quem não conhece, Hacktoberfest é um evento a nível global que tem como intuito a comemoração de softwares open-sources! A empresa por trás deste evento é nada menos que o Github, que é um dos maiores símbolos de softwares open-sources! Juntamente a ela, temos as empresas que entraram como parceiras, que são DigitalOcean e Twilio.
Alguns dias atrás, comentei sobre algumas técnicas para melhorar a performance de seu site e nele comentei sobre o Gulp, que serve para automatizar diversos processos repetitivos que desenvolvedores precisam realizar em seu dia-a-dia, de uma maneira simples e rápida! Mas afinal, como criar um script automatizador de tarefas com Gulp?
Para utilizar o Gulp, é necessário ter instalado o NodeJS, com ele você consegue rodar o comando npm para instalar o gulp:
1 | npm install -g gulp |
Para servir como exemplo, vamos pegar a dica dada antes, sobre minificação. O gulp requer um arquivo chamado gulpfile.js, esse arquivo conterá o script com a funções de minificação. Para isso, criei uma estrutura simples, como exemplo abaixo:
Scrum não é uma sigla, (então não se preocupe em escrever em caixa alta!) o nome foi inspirado em uma jogada de Rugby e tem origem na expressão inglesa scrimmage. Ambas expressões representam o trabalho em equipe, a sincronia, força e inteligência utilizadas juntas para algum objetivo.
Em 1993, Jeff Sutherland e Ken Schwaber formalizaram o método chamado Scrum, na conferência OOPSLA 95.O método Scrum é composto por um framework de cinco cerimônias (reuniões), três papéis e três artefatos.
Com o passar do tempo, começamos a desenvolver sites e aplicações mais ricas e poderosas, que possuem uma interface cheia de funcionalidades maneiras e lindas! Como todos sabem, Nada pode ser obtido sem sacrifício. Para se obter algo é preciso oferecer algo em troca de igual valor. Mas o que quer dizer isso? Significa que cada vez mais utilizamos recursos, importamos novas bibliotecas para auxiliar em nosso desenvolvimento, com intuíto de produzir a melhor aplicação possível e consequentemente deixamos nosso produto um pouco mais pesado. Isso pode transformar em um grave problema de performance.
De acordo com uma pesquisa realizada pelo Google, sites que demoraram até 5 segundos para carregar, possuiram sessões mais duradouras e rentáveis. Afinal, performance também diz muito sobre melhorar suas conversões!
Afinal, quem nunca desistiu de entrar em um site que demorava muito para carregar? É pensando nisso que será demonstrado neste post 6 Técnicas para otimizar seu site
Em nosso dia-a-dia de desenvolvimento, nos deparamos com abreviações, metodologias e diversas informações diferentes e novas, uma delas que é muito falada é o TDD. Mas o que é TDD? O desenvolvimento orientado a testes(Test-Driven Development) é um processo de desenvolvimento de software que depende da repetição de um ciclo de desenvolvimento muito curto: os requisitos são transformados em casos de teste muito específicos e, em seguida, o software é aprimorado para passar apenas nos novos testes.
Sim, tem como: desenvolver o software baseado em testes que são escritos antes do código de produção!
Com certeza você já ouviu (mas nunca tentou!) A ideia é antiga e tomou força em 2003 com o lançamento do famoso livro de TDD de Kent Beck, além de ser um dos pilares do Extreme Programming (XP) também.
Basicamente, o TDD se baseia em pequenos ciclos de repetições, onde para cada função, um teste é criado primeiro. Esse novo teste falha, visto que não temos nada implementado ainda, assim que implementado, o teste passa.
Definido em 3 etapas -> Red, Green e Refactor. ou seja:
Centralizar um conteúdo no centro de um elemento é uma situação comum de acontecer. Existem diversas formas de fazer isso, mas nesta publicação, mostrarei como centralizar uma div utilizando o flexbox!
Flexbox é uma propriedade introduzida no CSS3 que tem como objetivo organizar os elementos de uma forma ágil. Esta propriedade trabalha com uma dimensão por vez, isto é, a propriedade atua como linha ou como coluna
Digamos que você esteja trabalhando em dois projetos diferentes, com github diferentes e você precisa adicionar a SSH Key em ambos repositórios. Ao tentar adicionar sua deploy key, você tenta colocar aquela chave que usa no outro projeto mas ao clicar em salvar, se depara com o seguinte erro:
Para resolver esse problema, você deveria adicionar outra ssh key sem perder a que já está em uso. Mas como?
Em um determinado momento de seu desenvolvimento, você recebe um array com diversos valores aleatórios, mas precisa trabalhar apenas os que são maiores que 20. Para isso, você poderia percorrer essa lista e verificar um por um e retornar um novo array apenas com os valores que passam nessas condições, que poderia ser feito com um for ou um while mas, coincidentemente, o Javascript possui um método do chamado filter que faz justamente isso!
Você tem uma série de idades e deseja apenas quem é maior de idade.
1 | let idades = [9, 10, 19, 1, 40, 55, 6, 87]; |
Digamos que temos o seguinte array e o banco de dados nos retorna apenas o valor da role, mas precisamos exibir em nosso front-end o valor da label. Para isso, precisamos acessar a lista pela role e retornar o nome da mesma. Mas como fazer isso?
1 | const lista = [ |
Quem nunca deparou-se com essa palavra em descrições de vagas ou em uma conversa técnica com colegas da área?
Saber o conceito de Git já se tornou essencial na área de desenvolvimento mas nem todos sabem ou tem vergonha de perguntar sobre este assunto! Neste artigo, iremos apresentar este conceito de versionamento de arquivos!