FrotaAdriano TI-Life and Protifolio

Olá caros leitores, O que veremos neste post:  Redis com Docker em 5 minutos Essa é um post de dicas rápidas que sempre são bons para lapidar seus conhecimentos quando estiver aprendendo uma linguagem e modos de usar. Falarei de como criar um redis em poucos minutos, utilizando o docker-compose. Premissa: Noções mínimas de docker Nível de dificuldade: fácil Passos:  Passo 1: Pasta e arquivo de configuração Crie uma pasta e dentro dela o arquivo (docker-compose.yml) que monta o seu redis: Conteúdo do arquivo docker-compose.yml : version: '3' services:   redis:     image: redis     command: redis-server --requirepass Redis2019!     ports:       - "6379:6379" Passo 2: UP Navegue até a pasta criada onde tem o arquivo  docker-compose.yml  e execute o comando docker-compose up para que docker leia o arquivo e crie seu redis: Apos executar este...

Olá caros leitores, O que veremos neste post:  Fast Tips - Autenticação no .Net Core com conta Microsoft  Como implementar Autenticação por conta microsoft em alguns minutos e poucos passos  Essa é um post de dicas rápidas que sempre são bons para lapidar seus conhecimentos quando estiver aprendendo uma linguagem e modos de usar. Falarei de como autenticar e autorizar o acesso à uma site em asp.net por meio de contas Microsoft. Premissa: Noções mínimas sobre Asp.Net Core Web Site. Nível de dificuldade: fácil Passos:  Passo 1: Ir na sua conta do Azure e registrar um app Registre um app para que possamos gerar os dados necessários para a integração da autenticação. Registre um nome ( usei o nome:  app-integrated-with-azure-ad1 ) e mantenha as outras configurações como na foto para fins didáticos Passo 2: Baixe o modelo de App já com a integração  Simples, ir em QuickStart você terá um painel onde p...

Olá caros leitores,    [Na prática] - React - Componentes Funcionais Na prática traz de forma pontual o tema e sua implementação. Premissa: React Iniciante Nível de dificuldade: fácil Conceitos, características e vantagens: Componentes baseados em funções Javascripts no React. Elementos sem o state ( que os componentes de classe possuem) Servem para exibir informações: Listas, fotos, etc Fácil de ler e implementar. Mais simples de testar por não ter os efeitos de mudança de estado dos componentes baseados em classes. Potencialmente mais performáticos por não ter o ciclo de vida e controle de estados de componentes de classes.  .... entre outras vantagens e características Passos:  Passo 1: Crie uma aplicação react básica no StackBlitz https://stackblitz.com/ Passo 2: No index:  Crie uma referência para o componente Pessoa Passo 3: Crie o componente Pessoa Já funciona... vamos me...

Olá caros leitores, O que veremos neste post:  ReactJs (Fast Tips) - Tratamento de undefined props Abordagens na hora de tratar props Essa é um post de dicas rápidas que sempre são bons para lapidar seus conhecimentos quando estiver aprendendo uma linguagem e modos de usar. Falarei de como tratar as props não informadas, vamos lá: Premissa: Noções básicas de React Nível de dificuldade: fácil Caso não conheça o básico do react, recomendo o post aqui do Blog:  React Tutorial - Parte 1 Passos:  Passo 1: O Projeto  Um index e um componente "Conteúdo" que é um card. Conteúdo espera várias props e no primeiro momento na declaração da linha 17: <Conteudo cardNumber='1'/> Na foto abaixo o componente Conteúdo e a saída do console ( nenhum erro, todas as props undefined e tratadas de diferentes maneiras) Passo 2: Adição de mais 1 componente "Conteúdo" com todos as props passadas: Veja a diferença e a f...

Olá caros leitores, O que veremos neste post:  Criação Azure Web App com ASPNET Core Azure App Service É a poderosa e famosa ferramenta da Azure para deploiar suas aplicações web em ASPNET Core e outras tecnologias como Node, Java, Phyton, PHP e Ruby. Abordaremos a criação de uma aplicação básica e em poucos minutos como tê-la na Azure efetuando o primeiro deploy e atualizações da mesma. Premissa: Ter uma conta no Azure, aqui! Passo 1: Crie um Web Application project no Visual Studio Dê um nome ao projeto: Na foto acima eu crio o projeto com o nome:  PrimeiroAzureServeApp.  Obs: Deixe autenticação e Docker desmarcados para focarmos no escopo do Post. Rode o projeto! Passo 2: Publicar seu projeto no Azure Botão direito no projeto e selecione publish: Primeira tela, Vamos deixar "Create" e clicar em "Create Profile". Se não estiver logado no Visual Studio, terá a tela abaixo onde deve logar-se. ...

Olá caros leitores, O que veremos neste post:  Duas novas features da versão 2019 do Javascript (ECMAScript 2019):           String.trimStart() e              String.trimEnd()    String.trimStart() : Remove espaços à esquerda da string:           let  myName = 'Adriano';            let  myStringWithLetfSpaces = '     I have some spaces in my left?!';                      console.log( myName  + ',' +  myStringWithLetfSpaces.String.trimStart() ; Obs: trimLeft() é uma álias para este método! String.trimEnd() : Remove espaços à esquerda da string:           let  myName = 'Adriano';             let  myStringWithRighSpaces = 'I have some spaces in my left,  ...

Olá caros leitores, O que veremos neste post:  Nova feature da versão 2019 do Javascript: Object.fromEntries() Object.fromEntries() : Cria um novo objeto a partir de lista de arrays de chave-valor, ou seja, imagine que você tenha:           ['First Position', 'Xpto'],           ['Points', 42] Posso transformá-lo em um objeto:                   { First Position: "Xpto", Point: 42 } É uma situação em que temos à disposição um método pronto do JavaScript e conhecer esta e outras novidades nos dá a base na linguagem para poupar tempo e performar sem ter que "reinventar a roda" e ficar criando lógicas para o que já existe em situações específicas. Sintaze: const entries = new Map([ array 1, array n ]); const obj = Object.fromEntries(entries); Bem simples não é? Segue abaixo e implementação!  Resultados: Mais detalhes sobre a função aqu...