Vagner Bellacosa27/06/2021 18:27

Dia 7: JavaScript & Plano de Estudos

• #Marketing Pessoal
• #JavaScript
• #Node.js

Dia 7: JavaScript: Plano de Estudos

Dia 7 - Escreva sobre a metodologia ou rituais que você utiliza para estudar no dia a dia.

É um prazer tê-lo acompanhando nossa jornada na Digital Innovation One, uma plataforma colaborativa, onde o objetivo maior é compartilhar o conhecimento treinando uma nova geração de programadores vocacionados para os desafios do século XXI.

Estamos no sétimo dia do Desafio DIO 21 dias 21 artigos, um terço da jornada foi concluída. Hoje iremos conversar um pouco a respeito do plano de estudos.

Irei contar um pouco da minha estratégia e o que faço para auxiliar meu desenvolvimento. Mas primeiro irei criar um check-list, depois comentar a respeito e por fim dar algumas dicas, bora lá?

Meu To do.

10 coisas que faço para entender melhor e criar um bom alicerce.

1.    Assistir as aulas
2.   Fazer os exercícios propostos
3.   Tirar apontamentos relevantes
4.    Criar repositório no GITHUB
5.    Pesquisar no Google mais sobre o tema
6.    Instalar a framework/plug-in/ferramenta para os exercícios práticos
7.    Fazer alguns exercícios avulsos sobre o tema
8.    Se ficar alguma dúvida, assisto novamente a aula
9.    Verifico o manual oficial da linguagem para ver mais exemplos
10. Pratico, com exercícios práticos e abuso dos exemplos práticos.

Um ponto muito importante, existem milhares de apontamentos, tutoriais e apostilhas de faculdade na Web, vale a pena pesquisar e ver exercícios, desta maneira, aprofundar ainda mais o conhecimento.

Minha filosofia é primeiro engatinho, arrastando-me com um bebe, depois práticos os primeiros passinhos, inseguro, mas firmes e por fim ao aprender a andar, tento correr e virar piruetas na linguagem.

Mas não se preocupe em decorar, lembre-se que nas Linguagens de programação, tudo é muito dinâmico e muda constantemente, por isso aprenda, mas melhor ainda saiba onde procurar ajuda. Não sofra sozinho, peça ajuda, grite socorre.

Forum

Para problemas relativos aos bootcamps da DIO e os desafios de código, procure no Forum interno e caso não encontre abra um novo tema e com isso, voi-la encontrara sua resposta.

Discord

Caso tenha muita pressa, dá uma espionada no Discord da DIO, sempre tem alguém on-line por la e com certeza ira te ajudar a solucionar seu problema.

Stack Overflow

 

Em algumas situações ira-se deparar com um problema “insolúvel”, não entre em pânico, jovem padawan enquanto existir o Stack Overflow seus problemas estarão resolvidos.

Para quem não conhece é um site de perguntas e respostas sobre bugs e problemas de logica, uma comunidade de milhões de DEVs, espalhados pelo mundo, logados 24 horas por dia, 7 dias por semana e 365 do ano full time para ajudar.

Pesquise sua dúvida e provavelmente terá a resposta pronta, pois algum dev poderá ter tido o mesmo problema, caso contrário publique a questão e aguarde que a resposta logo vem.

Google

 

O mestre de todas as respostas, saiba fazer a pergunta certa e obterá a resposta ao seu enigma, mas cuidado, como o seu antecessor o oraculo de Apollo em Delphi, se fizer a pergunta errada, obterá a resposta mais louca da face da Terra,

Livros

Para consulta e referencia nada com o bom e velho livro, tenha sempre seu material de apoio, o autor sempre publica algo relevante, cheio de truques e dicas para auxiliar o leitor a obter o máximo de proveito no estudo da linguagem.

Cronograma de estudo.

Normalmente planejo meu plano de estudo de acordo com a data de conclusão do Bootcamp, fazendo um plano que termine no mínimo 10 dias antes do prazo final, deixando uma margem de segurança.

Afinal erros não previstos, problemas com a internet, exercícios subestimados arrebentam com o prazo e causam grande ansiedade. Para o bem do seu coraçãozinho, o importante é cumprir o prazo estipulado e se conseguir, tente  entregar antes da data final, melhor ainda será.

Meta diária

Seja resiliente, haverá dias que empacara não ira sair do lugar, preso em algum problema insolúvel, mas não desista, animo, pare um pouco, descanse, assista um vídeo no Youtube, leia um gibi, respire, faça um exercício físico, de uma volta e olhe pela janela (tempos de pandemia).

Após esta descompressão, volte ao problema e talvez conseguirá soluciona-la, nada como olhos frescos e descansados. Leia x páginas ou capítulos do livro. Resolva x exercícios.

Falando sobre o Javascript

 

No meu plano de estudo desta linguagem tem trabalhado em três frentes ambiciosas. A plataforma DIO tem uma bela metodologia de ensino, onde profissionais da área, compartilham sua experiência através de exemplo práticos, resolução em voo.

Nestas aulas aprendi a configurar todo o ambiente, a instalar os arquivos necessários, validar as bibliotecas e acertar os paths de comando. Utilizando o VS Code e seus plugin criei a IDE perfeita para as minhas necessidades cotidianas.

Vale a pena solucionar os problemas e exercícios propostos, fazer amizade com o instrutor no Linkedin e ou GitHub, trocar ideia com os parças e ver o que estão desenvolvendo para comparar códigos e obter as melhores práticas.

 

Javascript puro

Nesta frente de trabalho, pesquiso o js em suas origens, comandos básicos embutidos em código HTML, fazendo exercícios de validação de forms, animação simples e confeitarias nas páginas Web.

Javascript bibliotecas

Aqui tenho sido um pouco ambicioso e tenho explorado as diversas bibliotecas e frameworks existentes com seus inúmeros dialetos e sintaxe, que otimizam e criam fabulosas obras de arte em páginas Web.

Javascript avançado

Aqui estou apenas engatinhando, explorando a IoT, o Cloud, Data Enginner e todos os módulos avançados do JS que revolucionaram o acesso aos dados, com codificação avançada, complexa e com muitos desafios.

Testes e soluções de problemas

Tenho utilizado o Node.Js para executar programas em linha de comando Ms-DOS, páginas em HTML com servidor apache para executar remotamente e VS Code para editar e efetuar pequenos debugs.

Quando o bicho pega e o bug é feio, uso o Google Chrome para debugar e usar todas as fabulosas ferramentas existentes no navegador.

Programa de estudo

Procure um lugar calmo e sem interrupções, infelizmente a internet no Brasil é uma porcaria, então prepare-se para os travamentos constantes, queda de velocidade na conexão, congelamento dos videos. Tenha calma, respire fundo e retorne aos estudos.

Use e abuse do café, de tempos em tempos faça uma boquinha, afinal saco vazio nao para de pé, e quando bater aquele soninho, levantem-se e faça umas abdominais.

Em alguns momentos use o CC Cleaner ou software similar para limpar seu HD, eliminando os arquivos desnecessários e otimizando suas configurações, os arquivos temporários da internet são como os Gremlins geram o caos em nossa navegação.

Conclusão

 

Espero ter auxiliado, compartilhando um pouco dos métodos que utilizo para estudar, me preparando para desafios, não se assuste, não existe um caminho único, cada pessoa tem sua própria estratégia para estudar e se organizar.

Aproveite as ferramentas da WEB, o GitHub, manuais e tutoriais criando o seu próprio programa de trabalho. O importante é que seja algo executável, cronometrável e que tenha resultados para você.

Não invente o impossível, seja consciente e aposte no seu futuro, um saudoso amigo o Geovanio, sempre apregoava com grande experiência, <somente comera mais feijão, quem plantar mais feijão>, por isso aproveite, estude, se prepare e fique atento.

O trem não espera, quando ele para na estação e o revisor grita todos a bordo, apenas quem tem o bilhete, conseguira viajar.

Espero ter ajudado.

Bom estudo e até o próximo artigo.

 #Desafio21DiasNaDIO 

 https://dio.me/articles/dia-7-javascript-plano-de-estudos

Deixe suas dúvidas nos comentários terei o maior prazer de responde-la e caso encontre algum erro, avisa ai para poder corrigi-lo o mais rápido possível.

 

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