Você já precisou verificar se uma determinada palavra está presente em um array?
Ou algum número?
Em nosso querido ECMAScript 2016, temos um método chamado includes(), o qual faz toda a mágica acontecer!
De acordo com a especificação, o método verifica se um determinado valor está incluso nos valores dentro do array.
Vamos analisar o exemplo abaixo:
Quando estamos desenvolvendo um formulário para criação de senha, normalmente essas senhas possuem algumas regras para criação.
Como por exemplo, deve conter um carácter maiúsculo, um minúsculo, conter números…
Estas são as regras mais comuns, mas também as vezes as senhas pedem para que não contenham espaços vazios (espaço, tab)
Você sabe como validar se esse tipo de carácter está presente na string digitada?
A manipulação de objetos javascript no desenvolvimento front-end é uma atividade diária e rotineira. Constantemente nos deparamos manipulando JSON, consultando uma propriedade específica, etc. Em um determinado dia, nos deparamos com o seguinte objeto:
1 | let pessoa = { nome: "Victor", sobrenome: "Jordan", idade: 25 }; |
E por algum motivo, precisamos deletar a propriedade idade. E agora? Como fazer?
Continuando a série de melhorias de UX no Angular 2 (ou superior), hoje abordarei um item fundamental, que ajuda muito o usuário quando está fazendo uma consulta, a ordenação.
A ordenação permite organizar a forma de exibição dos dados de uma determinada tabela, seja em ordem crescente, decrescente, etc.
Para fazer nossa ordenação, usaremos o ngx-order-pipe, então em seu terminal, na pasta do seu projeto Angular, execute o comando:
1 | npm install ngx-order-pipe --save |
Você está desenvolvendo uma aplicação web com o Angular (2+) e em determinado momento, está construindo um formulário onde o usuário deve preencher todos os campos. Até aí, tudo bem fácil e tranquilo certo? Mas seu cliente solicitou que o botão para enviar as informações só pode estar habilitado quando os campos estarem preenchidos! E agora? Com Javascript já é bem sossegado de fazer isso e com o Angular, não seria diferente, é ainda mais fácil! Vamos ver?
Em outro post, escrevi como podemos fazer uma Query do GraphQL com o React Apollo, rodando a query dentro de uma função desejada, neste post, irei mostrar como podemos fazer uma mutation ser executada no momento em que desejamos!
Segundo a documentação, temos a seguinte mutation para seguir como exemplo:
GraphQL cada vez mais está crescendo e se tornando popular no desenvolvimento, é uma linguagem de consulta de dados que foi escrita e é usada pela equipe do Facebook e tem como objetivo entregar somente aquilo que é requisitado pelo client.
Desenvolvendo uma aplicação em React com Apollo, podemos fazer uma consulta usando a tag Query, como no exemplo dado na própria documentação:
Você sabe qual a diferença entre escrever um estilo no CSS usando ID ou Classe? E você sabe o porque falamos que para escrever estilos você deve usar sempre classes? Chega aí pra entender como funciona o CSS!
Você já precisou executar algum serviço em uma determinada porta mas reparou que nesta mesma porta, já existia este mesmo processo sendo executado? Você já precisou “matar” um serviço de uma determinada porta mas não sabe como fazer isso?
No windows, em seu terminal, conseguimos fazer isso em apenas dois comandos!
Veja como matar um processo de uma determinada porta, pelo Windows!
No começo de nosso aprendizado em javascript, é comum nos depararmos com algumas situações que causam dúvidas e até estramento, principalmente se o estudante estiver estudando alguma outra linguagem em paralelo ou já possui um conhecimento prévio de linguagem de programação, e uma desta dúvida é: qual a diferença entre comparar algo com dois iguais ( == ) e com três iguais ( === )?
No Javascript, tem uma diferença enorme entre esses dois tipos de comparações! Vamos ver?