O Gulp nos auxilia e agiliza muito os nossos processos de desenvolvimento, em um post anterior, mostrei como podemos melhorar a performance usando ele, otimizando tarefas e ações repetitivas. Mas você pode fazer muito mais com ele! Veja os 10 plugins essenciais no seu uso diário!
Substituição De Strings Pelo Javascript - Gulp
Com o decorrer do desenvolvimento, acabamos nos deparando com situações inusitadas que acabam nos permitindo aprender novas ferramentas e aumentar o nosso nível profissional. Um exemplo disso, seria a necessidade de substituir um caminho de todas as imagens, no HTML, para um outro, pois em nossa versão final, as imagens podem ser que fiquem em path diferente do que utilizamos no desenvolvimento local! Mas então, como podemos fazer isso de uma forma automatizada? Com nosso querido Gulp!
Qual a Diferença Entre a Tag <B> E <Strong>
Apesar de serem visualmente iguais, você sabia que há uma grande diferença entre as tags <b> e <strong>? Visualmente, ambas deixam a palavra em negrito mas semânticamente elas tem um peso diferente! No SEO, há um impacto diferente dependendo de qual tag você utilizar. Você sabe qual?
Como Atualizar O NPM
Atualizar o NPM é uma tarefa simples! Porém, como não realizamos esta operação com frequência, a forma que devemos fazer pode ser que acabe no limbo de nossa memória! Então, para refrescar nossa memória, veja como é fácil completar essa tarefa!
Verificando a versão do NPM
Para verificar qual versão está utilizando em seu sistema operacional, digite no terminal o seguinte comando:
Como Adicionar Classes No HTML Com Javascript Puro
Quando precisamos manipular informações diretamente no HTML pelo Javascript, a primeira coisa que normalmente vem à cabeça é o nosso querido JQuery, com suas facilidades de acessar elementos pela classe com o $, fica fácil e rápido, não é mesmo?
Entretanto, nem sempre precisamos ou queremos importar uma lib inteira apenas para adicionar uma classe! Então, como podemos adicionar uma classe no HTML com javascript puro?
Como Funciona O Destructuring No Javascript
O que é destructuring?
Destructuring (desestruturação) é uma expressão no Javascript que possibilita ao usuário “desempacotar” valores de um array ou propriedades de objetos, em variáveis diferentes!
Com ele, conseguimos criar um código mais legível, mais estruturado e fácil de dar manutenção!
Sem este conceito, caso quiséssemos acessar os três valores de um array, teríamos que fazer algo desta forma:
1 | const array = ["Um", "Dois", "Três"]; |
Agora, se formos reescrever o mesmo código, utilizando o destructuring:
Como Alterar a URL De Um Projeto Git
Digamos que você esteja trabalhando em um determinado projeto, a qual está apontado para um repositório git (bitbucket, github, etc) e em certo momento, é decidido que deve ser migrado para outro repositório. Então, você deve enviar todas suas novas alterações para o novo caminho!
Clonar o novo repositório e passar os arquivos alterados na base do ctrl + c/ctrl + v não parece ser a solução mais eficiente e elegante, não é mesmo? Para isto, o git possui um comando chamado git remote set-url!
Como Adicionar Um Projeto a Um Novo Repositório Git
O git é uma ferramenta muito utilizada no dia-a-dia de um desenvolvedor. Frequentemente, precisamos nos aventurar nos comandos git ... para concluir nossas tarefas diárias. O conhecimento em git é essencial, independente do seu nível de senioridade ou anos de experiência!
Frequentemente clonamos repositórios para alterar os arquivos de acordo com a necessidade de nossas atividades, commitamos nossas alterações e enviamos e por aí vai! Mas e caso tivéssemos criado nosso projeto do zero e no final do dia, desejamos adicionar todos nossos arquivos em um repositório? Quase que o oposto do primeiro cenário! Então como podemos adicionar um projeto novo à um repositório no git?
Como Fazer Um Laço De Repetição Com SCSS
Alguma vez você já precisou criar um sistema de grid em seu CSS mas não queria ficar repetindo manualmente as classes de forma ineficiente? Ou por algum outro motivo, você pensa o quão bom seria fazer um laço de repetição dentro do seu arquivo SCSS e descobre que com o Sass possibilita fazer isso! Mas como?
Como Adicionar Classe Através De Uma Validação No Angular
Diariamente no desenvolvimento de aplicações mais complexas, nos deparamos com situações em que devemos aplicar uma classe em um elemento HTML apenas se satisfazer determinada condição. Trabalhando com o Angular, por exemplo, podemos fazer isso de maneira muito simples, caso a condição seja algo do tipo if/else.
O Angular possui uma sintaxe de templates que é muito poderosa! Como por exemplo, podemos citar o ngFor, ngStyle e a que permite adicionar uma validação dentro de uma classe é o ngClass!