Vagner Bellacosa25/06/2021 00:43

Dia 6 – Uma conversa sobre JavaScript

• #UX/UI
• #UX/UI
• #UX/UI
• #UX/UI
• #UX/UI
• #UX/UI
• #Programação para Internet
• #JavaScript

Dia 6 – Uma conversa sobre JavaScript

Dia 6 - Ensine passo a passo algum tema que você domina bem na sua linguagem favorita

Pois bem, caro padowan estamos no sexto dia e no sexto artigo, o tema de hoje é um pouco nebuloso, mesmo difícil de escrever, nao domino completamente o JS, por isso malandramente o tiozão, desviou o foco e mudou o rumo da prosa.

Apesar da pequena trapaça, prometo que você vai gostar e vale a pena conhecer, afinal ao se tornar um programador de uma linguagem, obrigatoriamente tem que conhecer os bastidores, deve saber mais sobre a linguagem e sua origem, entender os porques. Antes que o espertinho diga que existe o Wikipédia, te garanto que economizara tempo lendo, ao invés de googlear, esta tudo mastigadinho.

O JavaScript, nas origens conhecido como Mocha, foi criado para ser o canivete suíço, pois a internet na década de 90 do seculo passado, se massificava, tornando-se popular, e o povão não curtiu o lance de textos e fotos estáticas, nesta época o vídeo era um assunto taboo, destruidor de conexões discadas, para se ter ideia do castigo que era a velocidade, desafetos eram atacados pelo envio massivo de e-mails, pois bloqueava a conexão e levava muito tempo para liberar a caixa postal, mas isto é assunto para outro artigo.

Então um grupo de programadores geniais juntaram-se e em menos de 10 dias tinham a linguagem desenvolvida e operacional, e qual foi seu propósito? Dar vida as enfadonhas páginas web de então, senão acredita em mim, visite o Web Archive – Internet Archive (https://web.archive.org) e veja com seus próprios olhos, e fofoca pura, o Javascript não tem versão 2.0, é uma linguagem tão excepcional que até hoje, passados quase 3 décadas se mantem atual e competitiva.

Durante 8 anos seguidas foi considerada a melhor linguagem de programação e ao mesmo tempo é rainha absoluta da internet com 95% de toda a programação Web ser em Javascript, obrigando a inúmeras linguagens a embutirem fragmentos de código Javascript em seus programas. Todas as grandes empresas do mundo necessitam de JS, a própria Google usou seus melhores, não tão bons assim, a criarem um substituto, grande fiasco financeiro e de vaidade. Afinal falharam redondamente.

Aplicações

Games

Uma linguagem excelente para jogos de aplicativos moveis, principalmente pelos milhares de frameworks e bibliotecas desenvolvidas nos quatro campos do globo, por uma galera para la de porreira... gente boníssima que nos facilitam a vida.

Finanças

Em todas as áreas do mercado financeiro teremos alguma pagina Html e nela um aplicativinho em Javascript, para calcular juros, desenhar gráficos, produzir resumos e informações uteis ao investidor.

Iot

Todos os aparelhos conectados a internet usam código e adivinhe qual a linguagem que reina na internet das coisas? Geladeiras, aspiradores de pó, maquinas de refrigerantes e até carros da Tesla.

E pensar que no princípio o negócio era fazer animações meias bocas, validar formulários e fornecer acesso aos sites de Bancos.

Muito falatório, mas com um objetivo

Convidar o leitor mergulhar no aprendizado, treino, despertando a curiosidade e motivando o padawan a ir em busca de mais informações, mais exemplos de código, aprender o estado da arte. Mesmo o tiazao aqui, que iniciou a pouco nos treinamentos em JS, se ve emaranhas, para codificar coisas simples.

Veja a abertura, leitura e tratamento de arquivos de texto sequencial, veja a validações de formulários web, operação de equipamentos sofisticados, aprenda a debugar e testar apps em JS, existe uma miríade de aplicações a serem exploradas e desenvolvidas, inclusive agora como cloud, as possibilidades se avolumaram exponencialmente.

Num dos próximos arquivos iremos explorar os mais famosos frameworks desenvolvidas, buscar exemplos fáceis, também falarei sobre os comandos avançados e a escrita elegante.

O tema de hoje era falar o passo a passo, então para não fugir, fiz uma apresentação da importância, valência e flexibilidade do JS. Claro que nem tudo é um mar de rosas, existem coisas irritantes, assunções que tiram-me do sério, bugs inexplicáveis, mas a máquina sempre tem razão, se não souber formular a pergunta a resposta será imprecisa.

Por isso, declare as variáveis, tenha atenção aos pontos-e-vírgulas, chaves e colchetes, índices e arrays, afinal pequenos deslizes geram erros catastróficos. Faça testes e mais testes, afinal se a condição não testada será aquela que bugara em plena apresentação ao chefe. Cuidados com frase e só um if e não sofra da síndrome do Dr. Ivan Saf.

Conheça um dos grandes problemas, que causam grandes danos aos programadores:

https://web.digitalinnovation.one/articles/deu-ruim-no-levantamento-de-requisitos-a-sindrome-de-dr-ivon-saf

Conclusão

Aproveite a plataforma DIO, tem inúmeros desafios de caso, tem o fórum para pedir ajuda, compartilhar conhecimentos e passar aquela dica lacradora. Afinal juntos somos mais forte e aqui estamos para aprender, sofremos juntos para desenvolver um código que passe nos testes fechados. Mas não desistimos.

Espero que tenha aproveitado meu parlapie, caso surja alguma duvida deixe nos comentários, que rapidamente tentarei auxilia-lo, convido a visitarem meu GitHub e verem outras cositas mas.

Até breve.

https://dio.me/articles/dia-6-uma-conversa-sobre-javascript

GitHub principal : https://github.com/VagnerBellacosa

Conheça os bootcamps que estou inscrito:

https://github.com/VagnerBellacosa/DIO_Bootcamps

Sem Javascript nao teriamos a internet de hoje.

Antes de partir, pense um mundo sem Youtube, Facebook, Instagram, Whatsapps.
Na decada de 90, nao existia redes sociais, usamos o irq, chats, icq e agradeça a linguagem que veio revolucionar estes softwares? 

  

Espero ter ajudado ate o próximo artigo.

 Mais momento jabá, o que aconteceu na Festa do Morango em Atibaia, muitas surpresas divertidas, visite meu vídeo e veja para onde fui desta vez: https://www.youtube.com/watch?v=iInRsIP9aZI

Bom curso a todos.

 https://www.linkedin.com/in/vagnerbellacosa/

 https://github.com/VagnerBellacosa/

Pode me dar uma ajudinha no YouTube?

 https://www.youtube.com/user/vagnerbellacosa

#Desafio21DiasNaDIO 

 

Vagner Bellacosa21/06/2021 23:15

Dia 5 – Explorando além do JS, mas dentro do JS: conheça o NODE.JS

• #Informática Básica
• #JavaScript
• #Node.js

Dia 5 – Explorando além do JS, mas dentro do JS: conheça o NODE.JS

Dia 5 - Escreva sobre alguma particularidade nova da sua linguagem favorita que você aprendeu hoje

Bem-vindo a minha participação do Desafio 21 dias 21 artigos da DIO, hoje vamos dar um mergulho por trás do espelho, vendo os bastidores da linguagem, através de um aplicativo revolucionário que revolucionou o uso de programas JavaScript.

Estou falando do Node.JS uma ferramenta que permite executar programas JS sem a necessidade de arquivo HTML e uso de navegador, que facilita em muito a vida do programador, nos parágrafos a seguir iremos fazer um pequeno tour. Conhecendo comentando e bisbilhotando esse aplicativo.

Introdução

O Javascript surgiu em 1995 sendo largamente utilizado para dar vida a páginas Web, permitindo num primeiro momento animar páginas estáticas, posteriormente reformulado e turbinado passou a ter uma função mais profissional e passou a ser utilizado para validar dados e criar programas mais sofisticados e cheios de especificidades para atender o mundo empresarial.

Mas antes disso o JS precisou passar por uma reengenharia, para unificar os diversos dialetos que eram incompatíveis entre si e fortemente dependentes de navegadores, o que tornava instável e pouco respeitável pelos desenvolvedores profissionais. Solucionado pela criação do padrão ECMA.

O ECMA Internacional a cada release libera mais funcionalidades que fornece mais poder ao JavaScript e com mais poder, mais responsabilidade. O que dificulta os testes e com isso dificulta os debugs e desanimando os programadores. Mas em meio as trevas surgiu uma luz no fim do túnel, estamos em 27 de Maio de 2009.

Node.JS

Em 2009 surgia a melhor ferramenta para trabalhar no ambiente JavaScript tanto em cliente-side como server-side, num mar onde tantos naufragaram o Node.JS segue firme e forte, salvando a pátria de muitos devs em momentos bem tenebrosos. Um dos mais velozes em processos de IO e economia de memoria RAM.

Mas afinal o que é o Node.Js?

É uma aplicação single-threaded que na pratica funciona como multi-threaded, mas Vagner, não estou entendendo nada. Pense que nossos equipamentos por mais poderosos que sejam, são limitados e em algum momento, de preferência bem longe, os recursos se esgotaram gerando um gargalho que em determinadas situações congelam o computador.

Ou seja, cada solicitação de CPU demandada por um programa, em linhas gerais chama-se Threaded e processos multi-threaded lançam inúmeras chamadas. O nosso pequeno, mas poderoso Node lança apenas uma, porém em seu algoritmo coloca cada chamada em loop e neste pulo do gato simula múltiplas chamadas. Não bloqueantes e que possibilitam melhor desempenho e velocidade.

Legal, mas onde entre o Node.js?

Caro neófito neste longo texto, estou situando o Node, pense nele como um envelope, onde alocamos nosso código Java-Script e enganamos o sistema operacional, informando que estamos passando um programa real.

Nisso a CPU faz aquilo que é esperado, processa, processa e gera resultados em linha de comando. Voilá podemos testar, executar, aprimorar, simular e trabalhar, sem uso de navegadores web, servidores e outras parafernálias que dificultam testes e debugs.

Então Node.JS é uma caixa preta?

Sim e ao mesmo tempo não, ele é um programa código aberto desenvolvido em C++, multiplataforma, open-source e mantido pelas maiores empresas do mundo, inclusive utiliza o motor V8 da Google. Suas bibliotecas contem milhares de códigos prontos e a cada dia cresce mais.

Existem inúmeras frameworks que possibilitam a criação de mocks e protótipos rapidamente, reutilizando alguma das suas bibliotecas. Uma das mais conhecidas e a Express.Js

A Uber utilizou o Node.Js para resolver um bug que descabelou muitos analistas, isso graças a possibilidade de iterações mais rápidas e resolução de problemas on the fly. Imagine-se criando soluções próprias e inovadoras, gerando deploys rapidamente. Mãos a obra?

Essa biblioteca gigantesca é gerenciada pelo NPM Node Package Manager que organiza e gerencia um dos maiores repositórios de softwares do mundo.

Uso frequente

Falei de testes e debugs, mas não é só isso, o Node é muito poderoso, sendo o motor por trás de inúmeros chats, trabalha em base de dados NoSQL, usa e abusa do JSON e não para por ai, a cada dia está sendo requisitado em aplicativos poderosos em nuvem pelos maiores players do mercado.

Para instala-lo pode usar o Chocolatey e baixar automaticamente seus pacotes e não pensar mais no assunto, ou se quiser a moda antiga ir no site https://nodejs.org/ e baixar o instalador.

cinst nodejs
# ou para a instalação completa com npm
cinst nodejs.install

Conclusão

Um mamão com açúcar para testar os desafios de código da DIO, testar funções e executar seus micros serviços. Espero ter ajudado neste pequeno overview, feito um apanhado geral e auxiliado a despertar a curiosidade dos parças por esta fabulosa ferramenta.

Vale a pena perder um tempinho explorando o site oficial, lendo artigos técnicos, colhendo exemplos na Web e pesquisando muito, googlei a vontade.

Qualquer dúvida chama aqui ou no discord. Se gostou do artigo e quer conhecer mais tenho diversos publicados na DIO e caso queira entrar num projeto pratico, entre em contato e participe do meu projeto de Ranqueamento na DIO. Juntos somos mais fortes.

Até o próximo artigo.

Visitem-me no GitHub: https://github.com/VagnerBellacosa

Conheça meus bootcamps: https://github.com/VagnerBellacosa/DIO_Bootcamps

  

Espero ter ajudado ate o próximo artigo.

https://dio.me/articles/dia-5-explorando-alem-do-js-mas-dentro-do-js-conheca-o-nodejs

 Mais momento jabá, os miúdos fazem a festa na apresentação de Natal do Colégio DOREMI, visite meu vídeo e veja para onde fui desta vez: https://www.youtube.com/watch?v=PeFFgSw9oic

Bom curso a todos.

 https://www.linkedin.com/in/vagnerbellacosa/

 https://github.com/VagnerBellacosa/

Pode me dar uma ajudinha no YouTube?

 https://www.youtube.com/user/vagnerbellacosa

#Desafio21DiasNaDIO #Javascript #Node.js

 

Vagner Bellacosa21/06/2021 01:00

Dia 4 – JavaScript e laços de repetição

• #Programação para Internet
• #JavaScript
• #Arquitetura de Sistemas

Dia 4 – JavaScript e laços de repetição

Dia 4 - Escreva sobre como trabalhar com laços de repetição na sua linguagem favorita

Bem-vindo amigos para mais um artigo em nosso Desafio 21 dias 21 artigos, hoje foi fazer uma pequena apresentação sobre os laços de repetição em Javascript, para ajudar iniciantes a conhecerem melhor esta fabulosa linguagem.

Muito útil para animar páginas da internet, elaborar validações em front-ends, auxiliar em rotinas de escrito, na verdade é pau para toda obra, fique conosco e veja o que podemos fazer.

É um novato em programação? Então vamos fazer uma pequena introdução. Antes de mais nada Loop e Repetição são sinônimos em programação.

Introdução

Imagine que ao iniciar a codificação o programa ira seguir uma sequência lógica de comandos, um após o outro, porém em algumas logicas acontecera que determinada combinação de comandos deverá ser repetida até obter um determinado resultado.

Para essa necessidade surgiram os laços de repetição, existem diversos tipos, cada um voltado para uma necessidade especifica.

Apresentando os laços

•         For
•         While
•         Do, While
•         Label
•         For... in
•         For... of

Cada um com uma especificidade que ajudam solucionar problemas simples e complexos, podendo ser utilizados sozinhos ou em conjunto, sendo ferramentas imprescindíveis na codificação nossa do dia a dia.

FOR

O primeiro laço a ser apresentado é o laço FOR, sendo utilizado em repetições com um limite real e conhecido. No exemplo abaixo será impresso os números de 0 até 9.

Ct_Limite = 10
 for (var i = 0; i < Ct_Limite ; i++) {
 console.log(“i: “ + i)
}

While

Este laço é mais complexo, pois existe a necessidade de um comando de saída, famoso por gerar inúmeros bugs de loop infinito. Neste exemplo imprimira de 0 até 9, sendo que a variável n será o elemento de saída quando atingir 10.

Ct_Limite = 10;
n = 0;
while (n < Ct_Limite) {
 console.log(n);  
 n++;
}

Do...While

Este comando é uma variação do While, porém apresenta uma diferença sutil. Enquanto no While puro a condição tem que ser verdadeira, para iniciar a repetição, neste caso a condição é sempre feita ao menos uma vez a depender da lógica. No exemplo sera impresso 1 e ao entrar no loop imprimira o restante até o 9.

Ct_Limite = 10;
i = 0;
do {
i += 1;
console.log(i);
} while (i < Ct_Limite);

Label

Utilizei muito em Cobol, através do perform, quando passei as linguagens senti falta desta solução, até descobrir o label, ele funciona marcando uma determinada sessão do código e permitindo sua referencia. Exemplo

markLoop:
while (theMark == true) {
 facaAlgo();
}

For... in

Funciona de maneira parecida ao For explicado anterior, com uma nuance possibilita explorar o interior de arrays e objetos exibindo ou iterando com suas propriedades. Ficou confuso ne?

Veja o exemplo, talvez fique mais claro

let arr = [3, 5, 7];
arr.foo = "hello";
for (let i in arr) {
 console.log(i); // logs "0", "1", "2", "foo"
}

For... of

Estou dando no em sua cabeça? Vai piorar... este laço For, faz uma repetição dentro do objeto, array, ou seja, trazendo seu conteúdo para uso no programa.

Como assim??? Veja o exemplo vai te ajudar.

let arr = [3, 5, 7];
for (let i of arr) {
 console.log(i); // logs "3", "5", "7"
}

Viu não era tao difícil assim...

Apresentei todos os laços de repetição ate o momento, lembre-se que a ECMA Internacional poderá criar uma nova em algum novo release.

Fugindo dos loops

Mas antes de terminarmos, faltou comentar sobre dois super mega poderosos comandos .

Break

Este comando encerra o loop e executa o próximo comando fora do LOOP. Ai esta ficando bem confuso este troço? Calma, vamos por partes como diria o Jack, estripador. Quando o IF for verdadeiro a repetição FOR é encerrada.

for (i = 0; i < Ct_Limite; i++) {
if (a[i] == theValue) {
  break;
}
}

Continue

O Continue é primo o break, mas seu funcionamento é inverso do Break, quando numa repetição e encontrado o Continue, o ponteiro do programa retorna para o início do loop, refazendo todos os comandos. Eita piorou? Calma tem exemplo.

i = 0;
n = 0;
while (i < 5) {
i++;
if (i == 3) {
  continue;
}
 Console.log(i); // exibe 1, 2, 4, 5
}

Conclusão

Espero ter ajudado ao parça fazendo esta breve introdução aos loops (laços de repetição), fazendo um pequeno resumo e dando exemplos práticos, caso surja alguma duvida, não se acanhe, pergunte aqui ou no discord. Lembre-se juntos somos mais fortes.

Caso interesse entre em nosso coding dojo de Javascript e faça os exercícios para aprimorar seus conhecimentos.

Lembre codificar é uma arte de raciocínio artesanal, cada programa reflete a alma do programador, apresentando soluções impares para problemas do cotidiano. Treine, brinque, experimente, descubra um mundo totalmente inusitado.

Espero ter ajudado.

Convido a conhecerem meu Github: https://github.com/VagnerBellacosa

Acompanhe meus bootcamps : https://github.com/VagnerBellacosa/DIO_Bootcamps

 

Coding Dojo

🚀 Coding Dojo

https://web.dio.me/articles/coding-dojo

Saiba como participar do Desafio 21 Dias 21 Artigos

🚀 Como fazer o Desafio 21 dias 21 artigos ? @Desafio21DiasNaDIO

https://web.dio.me/articles/desafio-21-dias-21-artigos-desafio21diasnadio

🚀 Vencendo o Desafio 21 dias 21 artigos.

https://web.dio.me/articles/vencendo-o-desafio-21-dias-21-artigos

Espero ter ajudado ate o próximo artigo.

https://dio.me/articles/dia-4-javascript-e-lacos-de-repeticao

 Referência Bibliográfica

WIKIPEDIA - A Enciclopédia Livre, faça parte, ajude actualizando ou criando verbetes http://www.wikipedia.org

Google Books um repositório com milhões de livros digitalizados https://books.google.com/

Internet Archive, tudo aquilo que um dia foi publicado veio parar aqui. https://archive.org/

Biblioteca de ícones https://www.flaticon.com/

 Mais momento jabá, uma jornada na marginal Pinheiros com tare caótica e muito transito, outrora foi a praia dos paulistanos, famílias fazia pic nics em suas margens, banhistas nadavam e curtiam dias de folga, mas a cidade foi crescendo, avenidas foram construídas, a poluição correu solta e destruiu toda a natureza, tornando o Rio Tiete, aquele que permitiu conquistar o Brasil a Oeste de Tordesilhas, enfeou-se, embruteceu e tornou-se na triste imagem que vemos em nossos dias, muito triste, pesaroso assim, visite meu vídeo e veja para onde fui desta vez: https://www.youtube.com/watch?v=o1cX434YwQk

Bom curso a todos.

 https://www.linkedin.com/in/vagnerbellacosa/

 https://github.com/VagnerBellacosa/

Pode me dar uma ajudinha no YouTube?

 https://www.youtube.com/user/vagnerbellacosa

 #Desafio21DiasNaDIO