Parte 10 Curso de JavaScript do iniciante ao avançado em 10 posts

Esta é a parte 10 e a última parte da série de postagens do blog JavaScript que o levará do iniciante ao avançado. Sem mais delongas, vamos começar com o tutorial final.

Curso de JavaScript – índice:

1. Tópicos de JavaScript que cobrimos
2. Noções básicas de JavaScript e configuração do ambiente de codificação
3. Práticas recomendadas de JavaScript
4. Variáveis ​​e constantes
5. Tipos de dados básicos em JavaScript
6. Loops na programação
7. Matrizes e funções
8. Objetos JavaScript
9. Conceitos altamente comuns em JavaScript
10. Para onde ir a partir daqui?

Uau! Você finalmente chegou aqui! A maioria das pessoas não segue suas paixões e abandona os cursos que faz depois de apenas alguns tutoriais, e isso só acontece se eles começarem a agir de acordo com isso!

Tópicos de JavaScript que cobrimos

Ao longo deste curso de JavaScript, começamos do básico do JavaScript e avançamos para conceitos bastante avançados.

O primeiro passo para começar com JavaScript foi realmente entender por que aprendemos JavaScript em primeiro lugar. Existem várias razões principais pelas quais você pode querer começar com JavaScript, mas as aplicações mais proeminentes de JavaScript são geralmente de uma forma ou de outra no desenvolvimento web. O JavaScript começou como uma linguagem apenas de front-end e se espalhou para os servidores de back-end e começou a dominar lá também.

Não importa por que você está aprendendo JavaScript, provavelmente é uma boa ideia dar uma olhada rápida neste curso de JavaScript novamente.

Dessa forma, você pode ver seu progresso e ver as partes em que você entende muito bem, o que pode ter intimidado você no início, além de pegar as partes que você pode ter ignorado ou perdido.

Noções básicas de JavaScript e configuração do ambiente de codificação

Depois de ver por que o JavaScript é tão popular e o que você pode realmente fazer com ele, começamos com um pouco de Hello world! exemplos. Configuramos nosso ambiente de codificação dentro do Google Chrome e começamos a usar o Console JavaScript para escrever algum código. Inicialmente, o código que escrevemos começou bem simples e cada linha que escrevemos tinha um propósito simples, sem estar interconectada a outras linhas. À medida que a complexidade do nosso código começou a aumentar, atualizamos nosso ambiente de codificação para o Google Chrome Console. Com o Console, começamos a escrever confortavelmente código de várias linhas que começou a ficar gradualmente mais complexo ao longo de todo o curso de JavaScript.

Práticas recomendadas de JavaScript

Ao longo da série, também incorporamos muitas práticas recomendadas de codificação. Essas práticas recomendadas facilitam sua vida quando você está começando e se tornam ainda mais valiosas quando você começa a trabalhar ou colaborar com outras pessoas. E exatamente por isso, existem até padrões e ditados como “Todo código deve parecer que foi escrito por uma pessoa, não importa quantas pessoas tenham colaborado”. É exatamente por isso que um dos primeiros conceitos que vimos foi comentar nosso código. Fazer isso não apenas o torna um programador melhor no futuro, mas também permite que você tenha uma melhor experiência de codificação quando estiver começando.

Variáveis ​​e constantes

A seguir, vimos que podemos armazenar dados no que chamamos de variáveis ​​e constantes. Ao decidir qual escolher para novos dados, devemos ter em mente que, se não anteciparmos a alteração dos dados, queremos usar a palavra-chave “const”. Se acharmos que precisaremos modificar esse valor, temos que usar a palavra-chave “let”. Essas são as melhores práticas atuais, mas também vimos que antes do ES6, a única maneira de usar variáveis ​​era declará-las com a palavra-chave “var”. Depois de ver os possíveis problemas causados ​​pelas flexibilidades que vêm com a palavra-chave var, em 2015, com o padrão ES6, a nova e moderna maneira de escrever JavaScript passou a usar as palavras-chave “const” e “let”.

Tipos de dados básicos em JavaScript

Depois disso, falamos sobre os tipos básicos de dados em JavaScript. O ponto principal aqui é entender que diferentes tipos de dados são bons em fazer coisas diferentes. É por isso que é importante entender com que tipo de dados estamos trabalhando. Mais tarde, vimos que usando instruções if else podemos começar a ter controle sobre nosso código. Começando com eles, aprendemos a ignorar parcialmente nosso código para adaptá-lo a certas condições específicas. Aprendemos sobre as diferentes estruturas de controle que podemos usar para ter um controle mais preciso sobre nosso código e dados. Dessa forma, nosso código poderia se adaptar a diferentes entradas com respostas mais precisas.

Loops na programação

Em seguida, descobrimos loops na programação. Vimos que com o uso de loops podemos começar a evitar nos repetir no código. Isso basicamente nos permitiu começar parcialmente a ser DRY. Isso significa não se repita.

De um modo geral, não queremos escrever código mais do que o necessário para concluir a tarefa. Porque toda vez que escrevemos mais código, apresentamos mais oportunidades para erros no código. Leva mais tempo e esforço para escrever mais código, introduz erros potenciais, geralmente não é eficiente, pois agora você precisa salvar o mesmo código talvez 10 vezes. E, no geral, pode diminuir significativamente a experiência de codificação. É por isso que, começando com os loops while e for, começamos a cortar o código potencialmente repetitivo.

Matrizes e funções

Também vimos outros conceitos fundamentais, tópicos e melhores práticas em JavaScript. Vimos que os arrays são realmente bons em agrupar dados relacionados, como meses do ano, alguns números relacionados que precisamos armazenar e assim por diante. Em seguida, vimos que as funções são realmente poderosas e podemos usar funções para realmente modularizar nosso código e ter muitos benefícios. Alguns desses benefícios de agrupar nossas funcionalidades dentro de diferentes funções são que criamos um código muito mais modular e relativamente fácil de testar. Também diminuímos significativamente nossas chances de nos repetirmos.

Vimos que existem dois tipos principais de funções. Um deles sendo funções puras, o outro tipo sendo funções impuras. De um modo geral, sempre que pudermos, devemos procurar usar funções puras em comparação com funções impuras. Dessa forma, as funções puras que escrevemos se comportarão da mesma maneira e nos darão os mesmos resultados, não importa onde executamos o código ou quando executamos o código.

Objetos JavaScript

Em seguida, vimos objetos. Aprendemos que os objetos são bons para armazenar dados altamente associados que podem ter muitas dimensões. Começamos com a maneira mais simples de criar objetos e avançamos para criar planos para os objetos e, em seguida, criar vários objetos a partir desse plano. O uso desses blueprints nos permite garantir que os campos nos objetos sigam as mesmas diretrizes e tenham os mesmos campos. Dessa forma, no final das contas, podemos ter certeza de que temos um banco de dados muito mais uniforme para trabalhar. Também nos permitiu escrever código DRY significativamente.

Conceitos altamente comuns em JavaScript

Em seguida, vimos conceitos e tópicos muito comuns em JavaScript. A grande maioria deles foi baseada em funções de otimização adicionais, de uma forma ou de outra. Usando os métodos map e filter, fomos capazes de pular alguns loops for e instruções if . Usando as funções de seta, conseguimos diminuir bastante o tamanho de nossas funções. Vimos muitos recursos neste curso de JavaScript, incluindo as funções de seta introduzidas com o ES6 ou ES2015, que são as maiores mudanças recentes nos padrões JavaScript.

Para onde ir a partir daqui?

Dependendo do que você deseja alcançar, você pode seguir caminhos diferentes. Se você só queria se lembrar do básico do JavaScript porque precisa trabalhar com ele em breve, espero que este curso de JavaScript tenha fornecido um guia abrangente. Talvez você já fosse bom em outra linguagem, como Python, mas também queria ver JavaScript. Se for esse o caso, espero ter tornado relativamente fácil para você começar com a sintaxe e os conceitos do JavaScript. Ou talvez você esteja apenas começando com o desenvolvimento web e saiba que o JavaScript é bastante popular.

Em ambos os casos, espero que este curso de JavaScript tenha lhe dado algum valor. Se você conhece um amigo que acharia esta série útil, considere compartilhar o primeiro tutorial desta série com ele, para que ele também possa começar sua jornada de JavaScript.

Autor: Robert Whitney

Especialista e instrutor em JavaScript que treina departamentos de TI. Seu principal objetivo é aumentar a produtividade da equipe, ensinando outras pessoas a cooperar efetivamente durante a codificação.

Ver todas as postagens

Curso de JavaScript do iniciante ao avançado em 10 posts:

1. Como começar a codificar em JavaScript?
2. Noções básicas de JavaScript
3. Variáveis ​​e diferentes tipos de dados em JavaScript
4. Trechos e estruturas de controle
5. loops while e loops for
6. Matriz Java
7. Funções JavaScript
8. Objetos JavaScript
9. Métodos JavaScript e muito mais
10. Resumo do curso de JavaScript