Semelhante ao post sobre a diferença entre as tags b e strong, neste post irei falar sobre a diferença entre as tags i e em, que apesar de ambas terem um estilo em itálico, semânticamente elas são diferentes!
Como definição dada pela MDN, a tag i é definida como:
Docker é um gerenciador de Containers que encapsula toda a sua aplicação dentro dele, de forma que independentemente de onde você estiver rodando este container, ele irá funcionar sempre igual! Sendo assim, evitamos problemas de incompatibilidade ou inconsistência, pois o Docker nos garante que o que está sendo executado no container será igual tanto para um usuário quanto para outro!
Mas o que seria um Container? Um container é uma unidade padrão de software que empacota o código e todas as suas dependências, para que o aplicativo seja executado de maneira rápida e confiável de um ambiente para outro. Uma imagem container do Docker é um pacote de software leve, autônomo e executável que inclui tudo o que é necessário para executar um aplicativo: código, tempo de execução, ferramentas do sistema, bibliotecas do sistema e configurações.
Para facilitar, abaixo estão os comandos básicos para te ajudar na hora que estiver usando o Docker!
Encontrar o maior elemento em uma lista com o JavaScript é uma tarefa extremamente simples e rápida, com a ajuda do nosso amigo Spread Operator! Com ele, em uma linha de código conseguimos resolver esta questão! Olha como é fácil:
Continuando a série de melhorias de UX no Angular 2 (ou superior), hoje irei falar sobre um item muito importante quando construimos uma tabela de registros, a paginação!
A paginação permite que as informações sejam quebradas entre páginas, com o intuíto de evitar uma enorme quantidade de dados e ter uma página enorme, cheia de registros.
Para fazer nossa paginação, usaremos o ngx-pagination, então em seu terminal, na pasta do seu projeto Angular, execute o comando:
1 | npm install ngx-pagination --save |
Quem nunca teve aquela aula em estrutura de dados sobre lista encadeada em C, mas que não entrava na cabeça?
Foi pensando nisso, que um grande amigo, Felipe Casseb, desenvolveu uma vídeo aula explicando como funciona a lista encadeada usando uma analogia com símbolos e exemplificando, usando a sintaxe em C!
Caso tenha interesse, o arquivo de lista encadeada pode ser encontrado neste link. Espero que tenham aproveitado a aula e que possa ajudar em sua matéria de Estrutura de Dados!
Alguma vez você já precisou juntar, mergear dois arrays no javascript? Você poderia até construir uma lógica relativamente simples, que ocuparia algumas linhas de código para resolver esta situação, sem problema nenhum! Mas e se eu te disser que você consegue resolver esse problema com uma linha de código? Se liga nessa dica então!
Temos as nossas duas listas, que contêm os nomes de alunos e a outra das alunas:
1 | const alunos = [ 'João Paulo', 'Rodolfo', 'Igor', 'Pedro', 'Gustavo' ]; |
Agora vem a mágica, como podemos concatenar isso? Com o Spread Operator!
Você já precisou remover elementos repetidos dentro de um array e não sabia como fazer isso?
Com o ES6, temos uma maneira bem divertida de fazer isso! Olha como é fácil:
1 | const array = [1, 5, 3, 3, 1, 6, 7, 1, 2, 2, 3, 3, 3, 4, 4, 4, 4]; |
Desta forma, os números repetidos são removidos e não precisamos nos preocupar em construir uma lógica para fazer isso!
Muito rápido, não é mesmo?
Uma das coisas mais poderosas que um desenvolvedor pode ter conhecimento é Regex. Regex são padrões utilizados para encontrar uma certa combinação em um texto, palavra, string! Graças ao Regex, conseguimos aplicar facilmente validações e hoje, irei mostrar como podemos verificar se uma determinada string possui número ou não, de forma que retorne true ou false!
No desenvolvimento diário de componentes reutilizáveis no Angular, nos deparamos com situações em que desejamos compartilhar variáveis, que estão no “componente pai” e queremos que de alguma forma, seja feita essa conexão entre os componentes.
O compartilhamento de variáveis, com o Angular, é muito mais fácil do que parece!
O método map() é uma função muito útil quando desejamos retornar um novo array sem alterar o original! Desta forma, criamos uma cópia e podemos realizar as alterações desejadas, sem nos preocupar em perder o array original!
Sua síntaxe é simples de entender, muito semelhante ao filter, basta informarmos o array que iremos percorrer e em seguida a função de retorno! Um exemplo seria: