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:

Ler mais

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?

Ler mais

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
2
3
4
5
const array = ["Um", "Dois", "Três"];

let primeiro = array[0];
let segundo = array[1];
let terceiro = array[2];

Agora, se formos reescrever o mesmo código, utilizando o destructuring:

Ler mais

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!

Ler mais

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?

Ler mais

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!

Ler mais

Principais Códigos HTTP Que Você Precisa Conhecer!

Todo desenvolvedor web com certeza já esbarrou no famoso HTTP, seja implementando uma nova API ou consumindo uma. A necessidade de conhecer, no mínimo, o básico sobre o protocolo HTTP, é obrigatório! Utilizamos praticamente em todo momento algo envolvendo o HTTP, e entender seu funcionamento e como trabalhar da melhor forma, é o que difere profissionais!

Para isso, devemos entender o funcionamento, o significado dos códigos de retorno, entender qual verbo certo utilizar em um determinado momento do desenvolvimento! Alguns posts atrás, falei um pouco sobre as principais diferenças entre o HTTP1 x HTTP2, se você ainda não leu, depois confere lá!

Ler mais

Criando Projeto Angular Com Arquivo Routing!

O AngularCLI facilita muito na criação de projetos, com a geração de componentes, services, por linha de comando! Porém, quando executamos o comando ng new nova-aplicacao, o Angular nos fornece um projeto sem um arquivo muito importante: app-routing.ts.

É neste arquivo que indicamos as rotas que nossa aplicação usará e também quais componentes cada rota injetará em nosso navegador! Quando você gera um projeto apenas com esse comando, você precisa criar na mão posteriormente este mesmo arquivo para que possa adicionar suas rotas. Mas será mesmo que o nosso querido CLI não possui, nativamente, algo que possa solucionar esse problema?

Ler mais