Comece a aprender JavaScript: por que você deve e como fazê-lo gratuitamente

Publicados: 2022-04-23

Você quer começar a aprender JavaScript, mas não sabe como ou por onde começar? Neste post, forneceremos a orientação necessária para começar a se educar na popular linguagem de programação.

Falaremos sobre por que você pode considerar aprender JavaScript tanto em termos de dificuldade quanto de perspectivas de carreira. Depois disso, o post abordará como você pode começar, geralmente de graça. Quando terminar, queremos que você tenha uma boa compreensão de como começar a aprender JavaScript do zero por conta própria.

O que é JavaScript e por que aprendê-lo?

Antes de entrar em como você pode começar a se educar em JavaScript, vamos falar sobre as razões para fazê-lo. Para isso, é útil saber para que você pode usar a linguagem de programação.

Aplicativos para JavaScript

Vamos primeiro falar sobre web design. Quando se trata de construir sites, JavaScript é a parte que os torna interativos. Enquanto o HTML fornece o esqueleto e o conteúdo e o CSS define o layout e o design de um site, o JavaScript existe para adicionar funcionalidade e comportamento. Você pode encontrá-lo mais comumente como parte de menus suspensos, pop-ups e outros modais, formulários de contato, animações e mapas interativos.

exemplo para uma aplicação javascript: mapa interativo

Assim como HTML e CSS, JavaScript também é algo que todo navegador pode entender e processar.

No WordPress também estamos vendo um aumento na aplicação de JavaScript. Calypso, o aplicativo de desktop para WordPress.com é totalmente baseado em JavaScript, especificamente React e Node.js.

Pilha Calypso: uma das razões para começar a aprender javascript
Calypso é construído em uma pilha JavaScript moderna.

O editor Gutenberg, que substituiu o editor clássico do WordPress como interface de escrita padrão em 2018, também usa JavaScript como sua principal tecnologia.

editor wordpress gutenberg: exemplo para aplicação javascript

Embora originalmente uma linguagem do lado do cliente (o que significa que é interpretada e processada no navegador do usuário), graças ao Node.js agora também pode ser executado no lado do servidor. Além disso, React Native e Iconic trouxeram para dispositivos móveis, Electron para desktop.

Consequentemente, a aplicação do JavaScript vai muito além da web. Você pode usá-lo para criar aplicativos da Web e produtos de back-end, executar smart TVs, dispositivos de Internet das Coisas e aplicativos móveis nativos. Além disso, por ser compatível com várias plataformas, ele pode alimentar aplicativos de desktop que funcionam em qualquer lugar.

Vantagens e desvantagens do JavaScript

Além de saber para que você pode usar o JavaScript, também ajuda a examinar seus prós e contras.

Profissionais de JavaScript

Vamos começar com as vantagens do JavaScript como linguagem de programação:

  • Versatilidade — Já mencionamos as inúmeras áreas de aplicação para JavaScript acima. De sites, aplicativos móveis e de desktop a dispositivos e jogos inteligentes, até aprendizado de máquina - há muito pouco para o qual você não pode usá-lo. JavaScript também é adequado para front-end e back-end e funciona bem com outras linguagens de programação. Em suma, o JavaScript é uma potência de versatilidade.
  • Facilidade para iniciantes — a sintaxe do JavaScript é fácil de aprender. Também não há necessidade de construir um ambiente de desenvolvimento, você pode simplesmente começar a codificar no seu navegador. Além disso, o idioma possui uma grande comunidade online para aconselhamento e suporte. Além disso, JavaScript é ótimo para aprender conceitos básicos (por exemplo, programação orientada a objetos) que também se aplicam a outras linguagens. Finalmente, existem muitos frameworks que podem lhe dar uma vantagem.
  • Velocidade — Quando comparado com outras linguagens de programação, especialmente aquelas executadas no lado do servidor, como PHP, o JavaScript geralmente é executado mais rapidamente. Isso não é surpresa, pois ele pode ser executado diretamente no navegador sem a necessidade de compilar ou responder a um servidor (a menos que precise de recursos externos). Isso também resulta em demanda reduzida no servidor. Portanto, muitas vezes é a escolha para aplicativos ou sites com muita interatividade.

Contras do JavaScript

O JavaScript tem alguma desvantagem? Claro, poucas coisas são completamente sem desvantagens. Nesse caso, veja o que pensar:

  • Preocupações com a segurança — Como o JavaScript está sendo executado dentro do navegador do usuário, é possível explorá-lo para fins maliciosos. É por isso que algumas pessoas optam por desativá-lo no navegador por padrão.
  • Suporte entre navegadores — Ao contrário dos scripts do lado do servidor, às vezes navegadores diferentes interpretam o mesmo código JavaScript de maneira diferente. Isso pode dificultar a escrita de código compatível com vários navegadores.
  • SEO — Não está totalmente claro o quão bem os mecanismos de pesquisa podem rastrear o JavaScript, por isso apresenta um possível problema de SEO. De qualquer forma, você precisa aprender a implementar o JavaScript de maneira amigável ao SEO.

Perspectivas de Carreira

Nos últimos anos, a linguagem de programação tornou-se cada vez mais popular. Na pesquisa de desenvolvedores do Stack Overflow de 2021, foi eleita a linguagem de programação mais popular entre os desenvolvedores profissionais. Pelo nono ano consecutivo!

pesquisa de desenvolvedor de estouro de pilha 2021 idiomas mais populares

Além disso, os 5 principais frameworks da web também são todos frameworks JavaScript.

stack overflow developer survey 2021 frameworks web mais populares

À medida que o idioma se move para novas áreas, abre cada vez mais oportunidades de trabalho. A Devkiller descobriu que em 2019, 72% de todas as empresas procuravam desenvolvedores JavaScript. A linguagem de programação também é a habilidade mais comumente testada em entrevistas.

Se você quer ser um front-end de desenvolvedor full-stack, saber JavaScript é muito importante para o curso. Além disso, se você quiser entrar no desenvolvimento de jogos, aprendizado de máquina ou inteligência artificial, conhecer o JavaScript também é útil.

Além disso, pessoas habilidosas em JavaScript podem receber bons salários. De acordo com o Indeed.com, o salário base médio de um desenvolvedor de JavaScript nos Estados Unidos é de US$ 111.278 por ano. Mesmo os iniciantes podem esperar começar em $ 90.000.

salário de desenvolvedor javascript estados unidos 2021

Além disso, quando você pesquisa JavaScript no LinkedIn, ele mostra mais de 400.000 vagas de emprego apenas nos Estados Unidos. Portanto, com habilidades de JavaScript em seu currículo, você está enfrentando boas oportunidades de emprego e bem pagas.

JavaScript é fácil de aprender para iniciantes?

Mais adiante, mencionamos que uma das vantagens do JavaScript é que é fácil de aprender. Para mostrar a você que isso é verdade, veremos alguns conceitos básicos de JavaScript e código agora. Dessa forma, você pode formar uma opinião por si mesmo.

Comentários

Vamos primeiro falar sobre comentários. Como a maioria das linguagens de programação, o JavaScript permite que você comente seu código e marque comentários de forma que o navegador não tente executá-los. Dessa forma, você pode documentar seu trabalho sem causar erros.

JavaScript conhece dois tipos de comentários: linha única e várias linhas. Veja como escrevê-los:

 // Nothing in this line will be executed /* Neither Will Any of This */

Aqueles familiarizados com PHP se sentirão em casa, pois as duas linguagens marcam comentários da mesma maneira.

Saída de dados

Uma das maneiras mais simples de experimentar JavaScript é usar alert() . Você pode empregá-lo para gerar uma mensagem em uma janela pop-up dentro do seu navegador.

javascript começar a aprender método de alerta

Para obter o acima, basta abrir o console nas ferramentas de desenvolvedor do seu navegador e colar o seguinte código:

 alert("With JavaScript, it's really easy to make this box appear.");

Bem fácil de entender, certo? Quando você pressionar enter, deverá ver a mesma mensagem acima.

alert() é um método JavaScript para enviar dados para o usuário. A string (significando texto) dentro dos colchetes é o conteúdo do pop-up. Você precisa de um ponto e vírgula no final para indicar que a linha de código está completa.

Com esse conhecimento, já é possível experimentá-lo por si mesmo. Basta alterar a string dentro dos colchetes (certifique-se de colocá-la entre aspas) para o que quiser para criar seu próprio pop-up.

exemplo de método de alerta javascript com console

Manipulando o DOM

No web design, você geralmente usa JavaScript para fazer alterações na interface do usuário ou DOM. DOM significa “Document Object Model” e é basicamente a árvore de elementos HTML que compõem uma página web. Você pode vê-lo ao inspecionar qualquer página com as ferramentas do desenvolvedor.

inspecionar html nas ferramentas de desenvolvedor do navegador

O JavaScript oferece muitas opções diferentes para fazer alterações nele. Vamos ver um exemplo para mostrar como ele pode fazer isso e como ele se parece.

 <!DOCTYPE html> <html> <body> <h2>Start Learning JavaScript Demo Page</h2> <p></p> <script> document.getElementById("target").innerHTML = "With JavaScript, it's really easy to manipulate the DOM."; </script> </body> </html>

Acima, criamos uma página HTML simples. Como você pode ver, tem um título e um elemento de parágrafo vazio com um ID de target (se você não sabe sobre classes e IDs HTML, você pode aprender mais aqui).

Há também um script JavaScript na parte inferior. Ele foi envolto em tags <script> para que os navegadores o reconheçam. Para entender o que ele faz, vamos desmontá-lo:

  • document — Acessa o objeto de documento, que é a página da web.
  • getElementByID("target") — Localiza um elemento de acordo com seu ID. O colchete contém o ID a ser procurado entre aspas.
  • innerHTML — Altera o HTML interno de um elemento.

Quando você os coloca juntos, o script basicamente pesquisa na página da Web um elemento que tenha um ID de target e adicione ao seu HTML interno. O que deve incluir nesse local está localizado atrás do sinal de igual dentro das aspas duplas. Como consequência, quando você acessa um arquivo com o código acima em um navegador, você vê isso:

comece a aprender a manipular dom com javascript

Não é tão difícil de entender, não é? Espero que o que foi dito acima tenha lhe dado uma rápida impressão de como a sintaxe JavaScript funciona. Você pode encontrar dicas mais básicas nesta folha de dicas de JavaScript.

E os Quadros?

Algo sobre o qual você começará a ouvir muito quando começar a aprender JavaScript são os frameworks. Se você não estiver familiarizado com esse termo, os frameworks são basicamente coleções de bibliotecas de código. Eles contêm recursos e elementos comuns de páginas da Web, aplicativos ou qualquer outra coisa a que se destinam. Isso permite que você crie e use esses elementos e funcionalidades sem precisar escrevê-los do zero.

Então, se os frameworks JavaScript tornam a vida muito mais fácil, você não deveria começar a usá-los imediatamente?

Na verdade, isso faz parte de um debate acalorado entre os desenvolvedores. Alguns dizem que você deve aprender JavaScript vanilla (ou seja, simples) antes dos frameworks. Outros são da opinião de que você deve começar com os frameworks imediatamente para começar a trabalhar.

Não podemos dar uma resposta definitiva para isso aqui, mas provavelmente é sempre uma boa ideia pelo menos aprender os fundamentos do JavaScript antes de ramificar. Fazer isso lhe dará uma compreensão melhor e mais profunda do que você está fazendo e fará de você um desenvolvedor melhor para isso.

Como eu começo a aprender JavaScript de graça?

Isso só deixa a questão, onde exatamente você pode começar a aprender JavaScript, de preferência sem pagar por isso? Aqui estão alguns recursos gratuitos que você pode usar para começar sua jornada:

  • MDN Web Docs — A Mozilla Developer Network é considerada um dos principais recursos para conhecimento de web design. Está cheio de tutoriais de alto nível sobre tudo, desde HTML sobre CSS até formulários da web, acessibilidade e muito mais. Eles também têm um extenso guia para aprender JavaScript que você pode acessar gratuitamente.
  • W3Schools — Semelhante ao MDN, o W3Schools tem uma introdução completa ao JavaScript. Ele vem em pequenas lições com muitos exemplos de teste você mesmo. O site também é ótimo como recurso de pesquisa. Além disso, se você deseja uma abordagem um pouco mais estruturada e está disposto a pagar por isso, pode experimentar os cursos pagos.
  • JavaScript.info — Um curso on-line completo de JavaScript no qual você pode clicar. Muitas informações, recursos visuais e dicas (incluindo, por exemplo, quais editores de código usar). Ele também tem uma função de comentários onde os leitores podem fazer perguntas, discutir ou compartilhar trechos de código.
  • Eloquent JavaScript — Originalmente um livro impresso, o Eloquent JavaScript está disponível na íntegra gratuitamente online e como e-book. É bastante denso, então talvez seja mais adequado para desenvolvedores intermediários.

Também temos um artigo com recursos de aprendizado, se você estiver procurando ainda mais. Além disso, existem cursos pagos, como Team Treehouse, Udemy e Skillshare.

Então, você deve começar a aprender JavaScript em 2022?

JavaScript é parte integrante da web moderna. Muitas funções de sites e aplicativos são impensáveis ​​sem essa linguagem de programação dinâmica. Além disso, ele se ramificou para muitas outras áreas, como jogos e aprendizado de máquina.

Neste post, tentamos responder à pergunta se você deveria e como você pode começar a aprender JavaScript. Quando você observa onde a linguagem desempenha um papel, o que ela pode fazer, bem como oportunidades de emprego e salário, é fácil ver que entrar no JavaScript é um caminho sensato. Mesmo ou especialmente como alguém na esfera do WordPress, também faz sentido, pois está avançando aqui também.

Se você quiser mergulhar, há muitos recursos on-line gratuitos para começar a aprender JavaScript. Você pode começar imediatamente, então por que não?

Você tem outros recursos iniciais para aprender JavaScript para compartilhar? Se sim, faça nos comentários abaixo!