Fundamentos de JavaScript e DOM que você precisa aprender

Com o aumento continuo do desenvolvimeno de dispositivos móveis híbridos utilizando principalmente HTML e JS como tecnologia na criação de telas e lógica. Está cada vez maior a tendência de colocar o máximo possível de processamento na máquina do cliente e com isso vieram diversas novas tecnologias e atualizações que todo desenvolvedor Front-end precisa se atualizar.

Antes de tentar conseguir aquele emprego utilizando JavaScript, você precisa tentar garantir que possui um bom entendimento dos seguintes fundamentos:

  • ES6: A versão atual do JavaScript é o ES2016 (conhecido como ES7), mas muitos desenvolvedores ainda não aprenderam a utilizar corretamente o ES6. É a hora de aprender os fundamentos: funções Arrow, rest/spread, parâmetros default(padrões), desestruturação, etc…
  • Closures: Aprenda como as funções JavaScript se comportam
  • Funções e Funções puras: Você provavelmente acredita que tem um bom entendimento de funções, mas o JavaScript tem alguns truques na manga. E você precisará aprender sobre funções puras antes de começar com programação funcional.
  • Básicos de programação funcional: Programação funcional produz programas compostos por funções matemáticas que evitam estados compartilhados e dados mutáveis. Já existem diversos Apps desenvolvidos em JavaScript que dependem bastante da programação funcional e por isso é importante ter um bom entendimento do básico desta técnica.
  • Métodos nativos: Aprenda sobre os métodos que que acompanham a linguagem e oferecem formas de manipular os tipos de dados básicos (vetores, objetos, strings e números).
  • Callbacks: Callback é uma função normalmente passada como argumento de outra função quando um evento ocorrer, ou quando uma parte de código receber uma resposta de que estava à espera.
  • Promise: Uma promise(promessa) é uma forma de lidar com valores futuros. Quando uma função retorna uma promessa, você pode colocar call-backs usando o método “.then()” para rodar após a promessa ser resolvida. O valor resultante é então passado para a função callback.
  • Ajax e chamadas em APIs: A maioria dos Apps interessantes eventualmente terão que se comunicar pela rede. Por isso é importante saber como fazer chamadas ajax para outras APIs
  • Classes: Classes é um conceito novo no JavaScript, que precisa ser estudado em detalhes pois questões como herança pode causar problemas.
  • Generators e async/await: Estão entre as melhores formas de escrever código assíncrono que parece síncrono. Existe uma curva de aprendizado, mas após passar por ela é possível programar de uma forma fácil para outros entenderem.
  • Node: Node permite que você use JavaScript no lado servidor, isso significa que os usuários você pode utilizar a mesma linguagem (com algumas coisas que precisam ser aprendidas) no front e back-end.

Conclusão

Como você pode ver, o caminho é longo e árduo, mas não se deixe desmotivar simplesmente pelo volume de estudo necessário. Quanto mais você aprende sobre o JavaScript, mais fácil será de entender o próximo estágio. O segredo aqui está em estudar continuamente, com calma e tentar se divertir enquanto você faz isso. Vamos lá!

Qual é a melhor linguagem de programação para iniciantes?

Este post é para você que está procurando sua primeira linguagem de programação. Antes de mais nada gostaria de dizer que existem diversas linguagens que são ótimas e pessoalmente aprendi muito mais estudando linguagens de programação diferentes e com paradigmas diferentes do que teria aprendido estudando apenas uma.

Tendo dito isto, respondo à pergunta dizendo que acredito no JavaScript como sendo o melhor candidato para ser a sua primeira linguagem de programação pelas seguintes razões:

Não é necessário fazer setup

Por ser uma linguagem interpretada por praticamente todos os browsers, não é necessário baixar nenhum programa para rodá-lo. Adicionalmente, o código pode ser escrito até mesmo no bloco de notas e rodado diretamente. Como exemplo, abra o seu bloco de notas e digite o seguinte código:

alert("Olá MundoJS!");

Salve como teste.html (lembrando que não pode ser um arquivo txt) e abra-o em seu browser favorito (Chrome, Edge, Firefox ou até mesmo o IE). Você que abrirá uma página em branco com um pop up mostrando a frase “Olá mundo!”. Para aqueles que preferem evitar o uso de pop ups, tente o seguinte:

console.log("Olá MundoJS!");

Ao rodar o seu código parecerá que nada acontece, no entanto basta entrar nas ferramentas de desenvolvedor (normalmente o atalho é o botão F12) e selecionar a aba “Console” e lá estará nossa frase “Olá mundo!”.

Ampla aplicação em diversas tecnologias

Apesar de ser uma linguagem focada para o desenvolvimento web, existem diversas implementações do JavaScript. Atualmente pode-se programar para

  • Serviços back-end
  • Aplicativos Mobile
  • Robótica
  • Internet das coisas
  • Aplicativos Desktop

Ótimas (e gratuitas) ferramentas para trabalho:

Apesar das funções poderem ser escritas em qualquer editor de texto, o melhor mesmo é aproveitar das vantagens que diversas IDE e editores avançados fornecem para acelerar o trabalho e facilitar a identificação do código. E a melhor parte é que mesmo as ferramentas gratuitas já oferecem grande auxilio de forma que você pode começar a desenvolver diversos scripts e aplicações sem precisar gastar dinheiro logo de cara.