Blog by Israel Cena

Trabalhando com inline-style no Next.js Com TypeScript

Sun, 29 Oct 2023 11:24:28 GMT

Problema

Eu estava codando me TypeScript com o framework Next.js, e precisei usar um style inline. O projeto usa tailwindcss, mas era uma mudança que somente com css puro resolveria.

Então não faz sentido criar um arquivo de css somente para aplicar uma propriedade em um elemento, então decedi fazer uma aplicação de estilo inline, só que só quem usa TypeScript sabe como é! Me apareceu um monte de erros de tipos… Então descobri as tipagens e resolvi criar esse post para facilitar que procura como fazer esse tipo de estilização rapidamente.

Declaração de objeto

Primeiramente é necessário criar um objeto com as suas estilizações. É também importante adicionar o tipo: “React.CSSProperties” no objeto para tudo funcionar sem erro de tipagem. Exemplo:

const listStyle:React.CSSProperties = {
  listStyleType: 'circle',
};

Após a declaração do objeto, basta adicionar dentro da tag a propriedade “style”:

 <ul style={ listStyle }>
  <li>Primeiro item da lista</li>
  <li>Ultimo item da lista</li>
 </ul>

Viu como é fácil ?
Espero ter ajudado!

Dúvidas?

Para qualquer dúvida, sugestões e comentários, lembre-se que esse blog é openSource e seu código é aberto e está disponível no meu github.

Além disso, você pode usar também a seção comentários aqui em baixo!

Saudações, Israel Cena.

Uma Função para retornar o menor número

Wed, 25 Oct 2023 17:43:47 GMT

Problema

Em Mais um dia normal de trabalho, me deparei com a seguinte situação

Um campo do tipo input no meu formulário, chamado valor considerado, será preenchido automaticamente com um valor. Esse valor, sairá de uma lógica entre outros dois campos:
- Valor da mensalidade, e
- Valor do teto

Regra:

Caso o valor do teto seja maior do que o valor da mensalidade, o campo “valor considerado” será preenchido com o valor da mensalidade.
Caso o valor do teto seja menor do que o valor da mensalidade, o campo “valor considerado” será preenchido com o valor do teto.

Fácil! Eu pensei!

Logo coloquei a mão na massa:

function retornaMenorValor (valorinformado , valorteto, resultado) {

    if( valorinformado > valorteto) return  resultado = Number(valorteto);
    if( valorinformado < valorteto) return  resultado = Number(valorinformado);
    if( valorinformado == valorteto) return  resultado = Number(valorteto);
    
};

Depois de fazer esse “Frankenstein”

Me perguntei: Deve existir um jeito melhor de fazer isso, e existe, por isso criei esse post.

Math.min()

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/min

Me deparei esse método e me senti um idiota…

Minha nova função ficaria:

const retornaMenorValor = (valorinformado , valorteto) => Math.min(valorinformado , valorteto);

Sim, tudo em apenas uma linha, e aí melhorando ainda mais a função, deixando ela livre para receber quantos valores quiser:

const retornaMenorValor = (...valores) => Math.min(...valores);

Dessa forma, posso adicionar quantos valores quiser!

Gostou ?

Comenta aí

Explicando a Função Reduce() do JavaScript

Tue, 24 Aug 2021 16:28:53 GMT

Como usar a função reduce() do JavaScript ?

YouTube Vídeo

Intro

O JavaScript tem diversas funções nativas para manipular arrays. Essas funções permitem que você crie coisas mais complexas sem precisar de uma biblioteca, de um framework ou de “inventar a roda novamente”. A função nativa chamada reduce() que pode ser usada para reduzir um array. Vamos ver como ela funciona.

Explicando

Vamos usar o meu array clássico de 5 números para entender como funciona a função reduce().:

const numbers = [1, 2, 3, 4, 5]

Usaremos, para chamar,

numbers.reduce()

A função reduce() espera receber dentro dela, como parâmetro, outra função.
Exemplo de uma função para aplicar:

function somaValores(acumulador, valorAtual) {
  return acumulador + valorAtual
}

Essa função soma os valores usando o acumulador para armazenar temporariamente o resultado da soma entre os elementos do array representado pelo parâmetro chamado valorAtual.

Aplicando na prática

Inserindo essa nossa função criada como parâmetro na função reduce() aplicada em nosso array, teremos:

const numbers = [1, 2, 3, 4, 5]

function somaValores(acumulador, valorAtual) {
  return acumulador + valorAtual
}

var total = numbers.reduce(somaValores)

console.log(total) // 15

Executando esse script, no console, retorna:

Aprofundando

A função reduce() também aceita um segundo parâmetro, que é uma função ou um valor que será aplicado ao acumulador. Lembrando que acumulador é o primeiro parâmetro passado na função usada para aplicar o reduce() a um array.
Exemplo:

const numbers = [1, 2, 3, 4, 5]

function somaValores(acumulador, valorAtual) {
  return acumulador + valorAtual
}

var total = numbers.reduce(somaValores, 10)

console.log(total) // 25

Executando esse script, no console, retorna:

Na prática, não é comum criar uma função separada para usar o reduce() e sim já criar uma arrow function dentro dos parâmetros,
Exemplo:

const numbers = [1, 2, 3, 4, 5]

var total = numbers.reduce((acumulador, valorAtual) => {
  return acumulador + valorAtual
}, 10)

console.log(total) // 25

Executando esse script, no console, retorna:

A função usada para trabalhar com o reduce() é chamada de “callback”. Ela pode receber até 4 parâmetros. Um Acumulador, um valor e dois parâmetros opcionais.
Exemplo:

const numbers = [1, 2, 3, 4, 5]

numbers.reduce(function (acumulador, valorAtual, index, array) {
  return acumulador + valorAtual
})
// 10

Executando esse script, no console, retorna:

A função “callback” será invocada 5 vezes, com os argumentos e valores em cada chamada sendo (passando 0 para valor inicial de acumulador como segundo parâmetro):

	Acumulador	valorAtual	index	array	valor de retorno
Primeira Chamada	0	1	0	[1, 2, 3, 4, 5]	1
Segunda Chamada	1	2	1	[1, 2, 3, 4, 5]	3
Terceira Chamada	2	3	2	[1, 2, 3, 4, 5]	6
Quarta Chamada	3	4	3	[1, 2, 3, 4, 5]	10
Quinta Chamada	4	5	4	[1, 2, 3, 4, 5]	15

valor retornado pelo reduce será o da última chamada à callback !

O reduce() pode ser uma ferramenta usada para fazer coisas mais complexas,
como:

Contando Valores iguais em um array e adiciona-los em um Objeto

const nomes = [
  'João',
  'Maria',
  'José',
  'Joana',
  'José',
  'João',
  'Maria',
  'José',
  'Joana',
  'José'
]

const quantidade = nomes.reduce((acumuladorDeNomes, nome) => {
  if (nome in acumuladorDeNomes) {
    acumuladorDeNomes[nome]++
  } else {
    acumuladorDeNomes[nome] = 1
  }
  return acumuladorDeNomes
}, {})

console.log(quantidade)

Executando esse script, no console, retorna:

{
  "João": 2,
  "Maria": 2,
  "José": 4,
  "Joana": 2,
}

Recebendo o valor total de dentro de um objeto

const store = [
  {
    product: 'Laptop',
    value: 3500,
    currency: 'BRL',
    count: 3
  },
  {
    product: 'Iphone 12',
    value: 15000,
    currency: 'BRL',
    count: 1
  },
  {
    product: 'Teclado Mecânico',
    value: 500,
    currency: 'BRL',
    count: 12
  }
]

const prevProfits = store.reduce((acc, item) => {
  return acc + item.value * item.count
}, 0)

console.log(prevProfits)

Executando esse script, no console, retorna:

Referências

MDN - Mozilla

Dúvidas?

Para qualquer dúvida, sugestões e comentários, lembre-se que esse blog é openSource e seu código é aberto e está disponível no meu github.

Além disso, você pode usar também a seção comentários aqui em baixo!

Saudações, Israel Cena.

Resolvendo Problemas de Lógica

Wed, 11 Aug 2021 04:38:53 GMT

Como Resolver Problemas de Lógica ?

Intro

A resolução de problemas de lógica, no começo parecem impossíveis de resolver.
Porém com essa técnica que aprendi, parecem que alguns problemas ficam
mais fáceis de organizar a lógica para resolvê-los

Antes de tudo

É necessário ler com calma o problema, se possível em voz alta.
Entender o que se pede é a parte mais importante.

Método 5Qs

Esse método é composto por 5 questões

Quais são os dados de entrada necessários ?
O que devo fazer com estes dados ?
Quais são as restrições deste problema ?
Qual é o resultado esperado ?
Qual é sequência de passos para chegar ao resultado esperado (Algoritmo final)?

Aplicando o método a um problema

Escreva um programa que ao iniciar gera um valor aleatório de 1 a 10 e permite que o usuário “chute” um número até que o valor aleatório gerado no início do programa seja chutado corretamente.
O programa deve informar se o chute foi acima, abaixo ou igual ao valor aleatório gerado no início do programa

1 - Quais são os dados de entrada necessários ?

valorAleatorio = (1 a 10)

valorUsuario = (1 a 10)

2 - O que devo fazer com estes dados ?

Comparar o valorAleatorio e o valorUsuario

3 - Quais são as restrições deste problema ?

Os valores deveram ser entre 1 e 10
O usuário deverá ser capaz de jogar quantas vezes quiser
o programa não deve ser finalizado até que um valor seja chutado corretamente

4 - Qual é o resultado esperado ?

Retornar se a comparação está exata, caso não, informar se o valor chutado foi maior, menor ou igual ao valor aleatório gerado no início do programa

5 - Qual é sequência de passos para chegar ao resultado esperado (Algoritmo final)?

O computador gerar um número aleatório
Solicitar ao usuário que entre com um número
Armazenar esse número
Comparar esse número com o número aleatório gerado
Retornar na tela se o número do usuário foi igual ao numero gerado
Caso não seja o valor correto, retornar se foi acima ou abaixo do número esperado.

Resolva qualquer problema de lógica

Acredito que com esse método, qualquer problema possa ser resolvido. Agora vá e tente você mesmo!

Dúvidas?

Para qualquer dúvida, sugestões e comentários, lembre-se que esse blog é openSource e seu código é aberto e está disponível no meu github.

Além disso, você pode usar também a seção comentários aqui em baixo!

Saudações, Israel Cena.

Explicando a Função forEach() do JavaScript

Fri, 23 Jul 2021 10:43:07 GMT

O que faz o método forEach ?

Pequena Introdução

A função forEach, executará uma determinada tarefa para cada item (ou seja, elementos armazenados) de um array. Essa tarefa, deverá ser determinada através de uma função.

Explicando

Em um array, por exemplo:

const numbers = [1, 2, 3, 4, 5]

Usaremos, para chamar,

numbers.forEach()

A função “forEach()” espera receber dentro dela, como parâmetro, outra função.
Exemplo:

Vamos usar essa função dentro de forEach()

function consoleItem(item) {
  console.log(item)
}

Essa função faz um console.log() ou seja, imprime no console, o que lhe foi passada como parâmetro (dentro dos parênteses).

Aplicando na prática

Inserindo essa nossa função criada como parâmetro na função .forEach() aplicada em nosso array, teremos:

const numbers = [1, 2, 3, 4, 5]

function consoleItem(item) {
  console.log(item)
}

numbers.forEach(consoleItem)

Executando esse script, no console, retorna:

1 2 3 4 5

Aprofundando

Porém, o mais usual em javascript não é fazer uma função separada somente para aplicar dentro de forEach() e sim dentro dela (a função forEach) ja escrever a função como parâmetro:

const numbers = [1, 2, 3, 4, 5]

numbers.forEach(function consoleItem(item) {
  console.log(item)
})

Quando executada, essa função exibe o mesmo resultado que a sua anterior.

1 2 3 4 5

Podemos melhorar ainda mais nosso código usando arrows functions:

const numbers = [1, 2, 3, 4, 5]

numbers.forEach(item => {
  console.log(item)
})

Simplificando a escrita, essa função também pode ser escrita da seguinte maneira:

const numbers = [1, 2, 3, 4, 5]

numbers.forEach(item => console.log(item))

Ela retornará:

1 2 3 4 5

Dúvidas?

Para qualquer dúvida, sugestões e comentários, lembre-se que esse blog é openSource e seu código é aberto e está disponível no meu github.

Além disso, você pode usar também a seção comentários aqui em baixo!

Saudações, Israel Cena.

Dicas rápidas 😈 do terminal do linux

Sat, 11 Apr 2020 11:50:07 GMT

Introdução

Umas Rapidinhas 😈😈 para você usar no seu dia a dia no terminal do linux

Rapidinhas 💡💡

Dicas rápidas

Perdeu-se em um diretório? Não sabe onde está? Digite pwd para exibir seu diretório atual print working directory.
Deseja calcular seu espaço em disco rapidamente? df -h pode lhe dar uma verificação rápida.
Deseja calcular rapidamente o tamanho de uma pasta ou arquivo? du -cksh target_name pode fazer exatamente isso. Deseja calcular o tamanho da pasta atual? du -cksh.
Precisa marcar um arquivo executável? O chmod +x filename pode fazer isso. Da próxima vez que você executar um arquivo, precisará executar e ele não será marcado como executável, agora você sabe como corrigi-lo.
Deseja montar um iso como o Daemon-Tools no Windows? O Linux tem essa funcionalidade embutida. Simplesmente crie um diretório em algum lugar, digite /home/justin/isomount e emita o comando mount -o loop /path/to/myisofile.iso /home/justin/isomount e o conteúdo será montado dentro essa pasta.
Execute um comando antes, você precisa executá-lo novamente, mas não consegue se lembrar exatamente o que era exatamente? Digite o history no terminal e ele imprimirá seu histórico de comandos. Deseja limpar seu histórico? history -c limpará as informações.

Fechamento

Essas foram as dicas rápidas de hoje pessoal! Espero que aproveitem.

Dicas Essenciais Para Seu Terminal do Linux 📚📚

Sat, 11 Apr 2020 11:43:07 GMT

Introdução

7 dicas essensiais para quem está começando a trabalhar com o shell do linux! Use aproveite, repasse e abuse !

Tips 💡💡

Execução de arquivo -> Então você deseja executar arquivos ou programas a partir do terminal? Verifique se o mesmo está marcado como executável. Caso contrário, consulte a Dica rápida nº 4 do post de dicas rápidas do terminal do linux.
Precisa executar um arquivo no diretório atual após ser marcado como executável? O operador ./ pode executar o arquivo como um usuário normal, desde que você não precise de direitos de root. ./ significa literalmente “no diretório atual” para que não funcione em arquivos fora do diretório atual.
Precisa executar um arquivo que não esteja no diretório atual? Você deve passar o caminho para o programa de execução adequado. Se é um programa python, é python /path/to/file.py e se é um arquivo shell, é sh /path/to/file como exemplo. É claro que existem outros programas, mas estes serão os mais comuns para iniciantes.
Precisa executar um arquivo com direitos de root porque você recebeu uma operação não permitida? Prefixe o comando com sudo. Assim, no exemplo acima, sudo python /path/to/file executará o script com direitos de root.
Precisa executar um programa GUI a partir do terminal? Basta digitar o nome do programa (diferencia maiúsculas de minúsculas!) E ele será iniciado. Isso tornará o terminal atual inutilizável. Fechar o terminal enquanto o programa estiver aberto matará o programa. Uma maneira melhor é colocar o programa em segundo plano, usando programname &, em seguida, digitando a palavra exit no terminal para fechá-lo e manter o processo em execução. ficando: `programname & exit`.
Precisa executar um programa GUI com direitos de root no terminal? Prefixe-o com gksudo ou gksu e não sudo. Usar o sudo para iniciar aplicativos da GUI é um mau hábito e deve ser evitado!
Não use o sudo simplesmente porque algo recebe “Operation not permitted”. Lembre-se do que você está fazendo, pois você pode absolutamente destruir os sistemas executando comandos no lugar errado com direitos de root. Este ponto não pode ser enfatizado o suficiente. Verifique se os arquivos são provenientes de fontes respeitáveis.

Fechamento

Não deixe de ver também dicas rápidas do terminal do linux é quase uma parte 2 desse post ! 😃😃😃

Tutorial Essencial de Shell de 15 Minutos 🕒

Sat, 11 Apr 2020 10:43:07 GMT

Shell

Pequena Introdução

Há um momento em que até os usuários mais iniciantes se deparam com o terminal. Ele tem muitos nomes: terminal, shell, console, “prompt de comando”, mesmo como uma transferência daqueles familiarizados com o Windows. Muitas pessoas ficam assustadas com o terminal por algum motivo, então, este tutorial tentará fornecer os comandos mais básicos para permitir a navegação e as ações básicas do sistema a partir do conforto do seu teclado.

Antes de começar

Lembrando que esse Tutorial é apenas para usuários de Linux! Vale lembrar também que a versão do seu Linux pode ser diferente! Aqui estou usando o bash do Linux Mint19 MATE version.
Existem diversas maneiras de iniciar o seu terminal Linux, não vou listar todas as opções disponíveis. Suponho que você possa encontrá-lo no menu ou clicando com o botão direito na área de trabalho.
Já Existe aqui no blog um post sobre 10 Fatos Sobre o Shell do Linux que vale apena você Ler também para aprender sobre o Shell do Linux.

Comandos

cd

cd -> Usado para navegar pelos diretórios. Você pode mover para qualquer local pelo caminho.

cd Isso o levará de volta para sua $HOME (pasta local do seu usuário), é o mesmo que cd ~

cd .. Isso levará de volta exatamente um diretório. Iniciar em /home/justin/Desktop, cd .. me colocará em /home/justin. E isso pode ser expandido, cd ../../ a partir da localização da Desktop, em vez disso, moverá-me 2 pastas para trás, da minha Desktop para /home. cd foldername/ Isto irá avançar para a pasta especificada na sua pasta atual. Tome nota do prefixo ausente / é uma omissão importante. se eu estiver em /home/justin e quiser acessar o Desktop, devo digitar cd Desktop/ sem o / antes do Desktop. Digitar / antes de nos colocar na raiz do sistema de arquivos, que está incorreto. cd /some/other/path Isso o levará ao caminho da pasta especificada, supondo que ele exista exatamente como digitado. Não esqueça a conclusão da guia! Leia Até o final!

ls

ls -> Usado para listar o conteúdo da pasta. Você pode ver muitos tipos de atributos de arquivo e pasta.

ls Por si só, ls simplesmente lista todos os seus arquivos na pasta atual. ls -l Fornece um formato de listagem mais longo, incluindo proprietários, permissões, tamanho e data de modificação. ls -a Exibe arquivos e pastas ocultos, bem como a listagem normal. ls -al Combine opções para exibir arquivos ocultos e no formato longo. ls -h Mostra os tamanhos dos arquivos em formato legível por humanos (K, M, Gbyte) em vez de bytes. Você pode exibir arquivos em diretórios em que você não está. Se estou em /home/justin/Desktop e quero exibir um arquivo em /home/justin, posso fazer ls ../ listar arquivos de um diretório (e não precisa voltar para fazer isso.)

cp

cp -> Copiar arquivos

cp file /path/to/folder Copia o arquivo “file” do local atual ou especificado para o caminho especificado. cp -r folder /path/to/folder Copia recursivamente o conteúdo da pasta para outra pasta. cp *.extension /path/to/folder Copia os arquivos correspondentes à extensão especificada para a nova pasta. Para copiar todos os arquivos .doc, ele se torna cp *.doc /path/to/folder e a pasta deve existir. cp name* /path/to/folder Copia todos os arquivos que começam com nome ‘name’ na pasta especificada. Para copiar todos os arquivos começando com example, ele se torna cp example* /path/to/folder e a pasta deve existir.

mv

mv -> Mover arquivos

A sintaxe de mv é semelhante ao exemplo acima. Vale lembrar que o mv não aceita o sinalizador -r, pois a movimentação de uma pasta também move seu conteúdo. A sintaxe não é exata em todas as instâncias, mas funciona com os exemplos acima. Consulte suas páginas de manual original do bash para mais detalhes.

rm

rm -> Remover arquivos

Para todos os efeitos, a remoção de arquivos via rm é permanente. Ele não usa a lixeira. Use com cuidado e verifique se você está excluindo explicitamente o que deseja, não o que pensa que deseja. arquivo rm Remova o arquivo especificado do sistema. pasta rm -r Remova a pasta especificada do sistema; pasta rm -rf Remove a pasta especificada com força do sistema. Este comando pode danificar severamente sua configuração se usado incorretamente, pois não evitará que algo crítico esteja sendo excluído. Se você precisar usar isso, as chances são de que algo mais está quebrado ou ocorreu um erro. Isso deve ser usado apenas como um método absoluto de último recurso e não é recomendado.

nano

nano -> editor de texto completo da linha de comando

Pode-se editar arquivos usando o nano em um terminal para fazer arquivos rápidos e sujos até configurações completas. É útil, mas lembre-se de que ele lida com arquivos de texto sem formatação e arquivos de programação, coisas como documentos do MS Word não abrem corretamente! Se um arquivo pertence à raiz, ele não é editável como um usuário normal. O nano deve ser prefixado com sudo para salvar as alterações. Caso contrário, ele será aberto no modo somente leitura.

nano newfile.whatever O Nano cria um novo arquivo com o nome especificado (newfile.whatever) e o abre para edição.

nano existing_file O Nano abre o arquivo existente para edição.

De dentro do nano

Salve o arquivo usando a combinação de teclas ctrl + o e altere o nome ou pressione enter para manter o mesmo nome. Isso salvará o arquivo. Saia do nano usando a combinação de teclas ctrl + x. Se você tiver alterações não salvas, ele perguntará se você deseja salvar.

mkdir

mkdir -> Criar diretórios

mkdir nome_da_pasta Cria a pasta com o nome especificado mkdir -p /caminho/para/pasta/nome Cria cada pasta conforme necessário. Para criar a pasta /home/justin/newfolder/2ndfolder, e somente /home/justin existe, o uso do mkdir -p tornará os diretórios newfolder e 2ndfolder.

ps

ps -> Listar processos

ps aux Listar todos os processos detalhadamente em execução no sistema, incluindo usuário, ID do processo (PID) e nome do processo. Usando isso, é possível visualizar sua lista de processos e, se necessário, eliminar processos desnecessários ou paralisados.

kill / killall / xkill

kill / killall / xkill -> Mate processos ofensivos.

kill

kill PID PID é um número que faz referência ao processo. Deve-se obter o PID de um comando como ps aux. Se um processo se recusar a morrer, pode-se especificar, alternativamente, kill -9 PID, que deve encerrar o processo por qualquer meio, mesmo de maneira forçada ou se isso atrapalha o sistema.

killall

killall nomedoprograma Killall mata nomedoprograma todas as instâncias do referido programa. Se houver, por exemplo, 3 sessões do firefox abertas, o killall firefox fará exatamente isso; mate todas as sessões do firefox. O kill iria simplesmente pegar o PID especificado do processo do firefox que você deseja matar e matar apenas esse.

xkill

O xkill é uma maneira da GUI de clicar e matar o processo. Digitar xkill deve apresentar um ícone de caveira (ou um X em algumas versões) e a próxima janela clicada será eliminada.

Pipes ”|”

Pipes -> A coisa mais útil que você aprenderá no *NIX (Unix, Linux…). Redirecionando a saída de um programa para outra entrada.

Pipes são representados pela ‘barra reta’, também conhecida como ’| ‘. É uma chave raramente usada no Windows, geralmente encontrada na tecla barra invertida. Eles são usados para vincular comandos. As tubulações pegam a saída de um comando e a encaminham para ser usada como entrada para um segundo comando encadeado. Consulte mais recursos online com informações sobre pipes e seu uso, pois existem volumes.

Quero lhe incentivar a pesquisar mais também!

> e >>

\ > e >> redirecionadores -> Enviar a saída para um arquivo em vez do terminal.

\ > é usado para substituir o conteúdo dos arquivos existentes no momento e substituí-lo pela saída do novo comando. \ >> é usado para acrescentar informações aos arquivos existentes no momento. Isso é útil para o log. Exemplo: ps aux > processes.log Envia a saída de ps aux para o arquivo process.log para visualizar a saída do comando em um editor de texto e substitui o conteúdo atual do arquivo.

tee

tee -> Enviar saída para um arquivo e para o terminal

tee é usado em conjunto com um ’| ‘para pegar a saída do comando e enviá-la para outro lugar. Isso é útil se houver erros que voam pela tela antes de você poder lê-los, dessa forma, o que quer que esteja na tela também é capturado em um arquivo. Exemplo: dmesg | tee boot.txt executaria o comando dmesg, que mostra as informações iniciais de inicialização e o ’ | ‘envia a saída do dmesg para o tee , que faz seu trabalho enviando-o ao terminal e ao arquivo de log boot.txt.

Conclusão

O Bash do terminal do linux é muito útil para diversos recursos e basta você praticar cada um que com um tempo você estará habituado com ele.

Não deixe de conferir o meu outro post sobre Bash do linux Dicas Essencial Para Seu Terminal do Linux que é como uma parte 2 desse tutorial!

Para dicas rápidas acesse Dicas rápidas do terminal do linux

10 Fatos Sobre o Shell do Linux 😲

Sat, 11 Apr 2020 08:43:07 GMT

Fatos

Para iniciantes em Linux o ”Shell do linux” é uma tela preta muito complicada de operar! Mas, quando você começa a ler e pesquisar sobre ele, você acaba achando fácil e mais rápido usá-lo.

Espero que com essa lista você aprenda e use o Shell do Linux

Vamos Aos fatos

Você pode fazer quase tudo em um terminal, o que também faria a partir de uma interface GUI.
A maioria dos comandos foi projetada primeiro para funcionar no terminal e, em seguida, uma GUI colocada em cima deles. É por isso que algumas GUIs podem parecer desajeitadas.
O local padrão para o seu terminal abrir no menu está na sua pasta pessoal, também conhecida como ~
Seu diretório atual pode ser escrito pelo . “Ponto”. A maioria dos comandos, quando atuam na seleção de pasta atual, você digita.
Comandos, locais e arquivos DIFERENCIAM maiúsculas de minúsculas. / home não é o mesmo que / HOME ou / Home.
Use a tecla Tab para completar os nomes dos arquivos. Se você tiver um nome de arquivo longo intitulado, por exemplo, driver-128947232jaseu.sh, basta digitar dri e pressionar a tecla Tab que preencherá o restante, desde que você não tenha dois nomes começando com “dri” e, se tiver, adicione outro caractere para torná-lo “driv” e tente novamente.
Quase todo comando pode ser lido na íntegra usando a página de manual ou digitando -h ou —help após escrever o comando inicial. Essa sintaxe é: man command_name, command_name -h ou command_name --help. Decore! man de Manual. Para obter ainda mais informações, você pode usar as informações . É possível procurar um comando usando as informações command_name. Para a maioria desses comandos que fazem parte do pacote coreutils, também é possível encontrar informações usando a chamada info coreutils command_name em que command_name é substituído pelo comando procurado.
Quase todo comando também pode exibir explicitamente o que está acontecendo. Isso é feito geralmente pelo -v ou —verbose
Você pode especificar vários sinalizadores de comando para um comando de cada vez para obter mais informações (consulte por exemplo ls -al).
Os nomes dos comandos nem sempre são completos devido às limitações de espaço nos velhos tempos do Unix, eles foram encurtados pois antigamente 1mb era muito espaço.

Eu sei que após ler esse post você testou todos os comandos em seu terminal e aprendeu que ele não é tão difícil assim!

Dúvidas? Críticas? Conselhos? Deixe tudo nos comentários !

💁‍♂ Isso é tudo Pessoal!

Hello World

Fri, 10 Apr 2020 16:21:00 GMT

Esse é o meu primeiro post no meu blog 🥇

Então como todo bom desenvolvedor eu deixei o seu título assim — “Hello World”.

Vou aproveitar a deixa para me apresentar 😁 😁 😁

Meu nome é Israel e trabalho como desenvolvedor desde 2011 (na época eu era o ‘menino da informática).

Também sou formado em Marketing, assim sou um profissional 100% especializado em desenvolvimento de produtos.

Sou uma pessoa apaixonada por tecnologia desde pequeno. Acredito que com bastante trabalho e fé tudo pode ser possível.

Atualmente trabalho como Freelancer, escrevo artigos e dicas aqui no meu blog.

Autoplay Twitter videos with sound

Fri, 31 Jan 2020 00:40:32 GMT

It might be annoying scroll Twitter videos and click on each to hear sound. Here is the quick hack. It will unmute video when you hover and mute again when your cursor is out video.

Install Custom JavaScript for websites plugin
Go to twitter.com
Open Custom JavaScript for websites plugin and paste this code:

window.addEventListener('mouseover', ({ target }) => {
  if (target.tagName === 'VIDEO') {
    target.muted = false
  }
})

window.addEventListener('mouseout', ({ target }) => {
  if (target.tagName === 'VIDEO') {
    target.muted = true
  }
})

Blog by Israel Cena

Trabalhando com inline-style no Next.js Com TypeScript

P﻿roblema

D﻿eclaração de objeto

Dúvidas?

Uma Função para retornar o menor número

P﻿roblema

E﻿m Mais um dia normal de trabalho, me deparei com a seguinte situação

R﻿egra:

Math.min()

Explicando a Função Reduce() do JavaScript

Como usar a função reduce() do JavaScript ?

Intro

Explicando

Aplicando na prática

Aprofundando

Contando Valores iguais em um array e adiciona-los em um Objeto

Recebendo o valor total de dentro de um objeto

Referências

Dúvidas?

Resolvendo Problemas de Lógica

Como Resolver Problemas de Lógica ?

Intro

Antes de tudo

Método 5Qs

Esse método é composto por 5 questões

Aplicando o método a um problema

Resolva qualquer problema de lógica

Dúvidas?

Explicando a Função forEach() do JavaScript

O que faz o método forEach ?

Pequena Introdução

Explicando

Vamos usar essa função dentro de forEach()

Aplicando na prática

Aprofundando

Dúvidas?

Dicas rápidas 😈 do terminal do linux

Introdução

Rapidinhas 💡💡

Dicas rápidas

Fechamento

Dicas Essenciais Para Seu Terminal do Linux 📚📚

Introdução

Tips 💡💡

Fechamento

Tutorial Essencial de Shell de 15 Minutos 🕒

Shell

Pequena Introdução

Antes de começar

Comandos

cd

ls

cp

mv

rm

nano

De dentro do nano

mkdir

ps

kill / killall / xkill

kill

killall

xkill

Pipes ”|”

> e >>

tee

Conclusão

10 Fatos Sobre o Shell do Linux 😲

Fatos

Vamos Aos fatos

Hello World

Esse é o meu primeiro post no meu blog 🥇

Autoplay Twitter videos with sound

Problema

Declaração de objeto

Problema

Em Mais um dia normal de trabalho, me deparei com a seguinte situação

Regra: