Como começar a programar em JavaScript? Parte 1 Curso de JavaScript do Iniciante ao Avançado

Nesta série, iremos do nível Iniciante ao Avançado em JavaScript em 10 postagens de blog. Ao final desta série, você conhecerá todos os conceitos básicos que precisa saber para começar a programar em JavaScript.

Como começar a programar em JavaScript? – índice:

1. Para quem é este curso?
2. O que você realmente pode fazer com JavaScript?
3. Por que JavaScript é tão popular?
4. Onde você pode escrever e executar código JavaScript?
5. Como começar a programar em JavaScript?

Para quem é este curso?

Este curso é para você se você é alguém que deseja começar a programar em JavaScript, ou se você é alguém que deseja refrescar seus conhecimentos em JavaScript. Eu também recomendo que você salve este tutorial como favorito para referência futura. Sempre que você quiser ter uma rápida reintrodução sobre os conceitos ou talvez apenas para lembrar a sintaxe usada em JavaScript, seria um bom momento para revisar esta série no futuro.

O que você realmente pode fazer com JavaScript?

Antes de mergulhar no JavaScript, é uma boa ideia saber o que você realmente pode fazer com JavaScript. Você pode conhecer o JavaScript como a linguagem que domina a web. E você estaria completamente certo! O JavaScript, que começou como uma linguagem de front-end para adicionar comportamento a sites, agora é usado em todos os aspectos dos sites.

É comumente usado no desenvolvimento web front-end, geralmente junto com outros frameworks e bibliotecas JavaScript, como o React. Também é a linguagem mais comum usada no desenvolvimento web back-end, graças ao Node.js, que permite que você execute JavaScript em servidores web. Mas não é aí que termina. O JavaScript é usado em todos os tipos de lugares, incluindo a criação de Aplicativos Web Progressivos e aplicativos de desktop. Recentemente, também começou a ser usado em Aprendizado de Máquina usando TensorFlow.js. Graças ao Node.js novamente, ele também pode ser usado para controlar drones, robôs, bem como dispositivos IoT.

Por que JavaScript é tão popular?

O JavaScript é atualmente a linguagem de programação mais popular e isso é por uma boa razão. Existem vários fatores principais que fazem do JavaScript o que é hoje. Estes incluem a ampla disponibilidade de ambientes de execução, segurança de versão do código graças ao Babel e ampla adoção na comunidade. Vamos ver o que são um por um.

Ampla Disponibilidade

O JavaScript domina a web, de ponta a ponta. Se você está lendo este artigo para refrescar seus conhecimentos em JavaScript, provavelmente sabe que novos frameworks JavaScript estão surgindo a cada poucos meses, especialmente em relação ao desenvolvimento web front-end, pois pode haver muitas abordagens para otimizá-lo.

Como veremos mais adiante no artigo, você não precisa instalar nenhum software especial para começar a escrever e executar seu código JavaScript, porque você já tem as ferramentas necessárias em seu navegador. Isso por si só reduz a barreira para começar a aprender a linguagem, já que a maioria das linguagens de programação exigirá que você instale e configure ambientes de codificação para até mesmo começar.

Segurança de Versão

O objetivo de escrever um código é realmente executá-lo quando se espera que ele seja executado. E ao fazer isso, a última coisa que você quer é ter metade do seu site não funcionando para uma quantidade significativa de usuários. Mas o que você pode fazer se seu código tiver que rodar em 1000 combinações diferentes de dispositivos e navegadores? Para quem você vai otimizar e quem você vai deixar de lado como usuário? Você realmente precisa fazer tal escolha? Se metade dos seus usuários tiver dispositivos antigos e a outra metade tiver dispositivos novíssimos, para quem você vai otimizar seu código e quem você vai ignorar como cliente? A resposta é, esperançosamente, nenhum, graças ao Babel.

O Babel é um software que garante que seu código funcione mesmo em navegadores muito antigos que usam uma versão muito antiga do JavaScript. Dessa forma, você não precisa fazer uma escolha que o levará a ignorar metade de seus clientes. Para ser claro, você não escreve código com o Babel, ou não é um sabor do JavaScript. Mas é um software extremamente comumente usado que pega seu código JavaScript já escrito e funcionando e o converte para a versão do JavaScript que outros navegadores entendem, mesmo que tenham uma versão muito antiga do JavaScript em seus navegadores.

Grande Adoção da Comunidade

Sempre que você está escrevendo código, é inevitável que você encontre problemas. E nesses momentos, qualquer que seja a linguagem de programação com a qual você está trabalhando, pode ser extremamente útil ver seu problema já sendo respondido por alguém prestativo na internet. É aí que o suporte da comunidade entra, e daí o StackOverflow.

Se você não sabe o que é o StackOverflow, é basicamente o maior fórum de programação que as pessoas usam para fazer e responder perguntas de programação. Não é o único lugar onde você encontrará respostas, definitivamente existem lugares que serão muito úteis para responder suas perguntas específicas, mas as chances são de que você encontrará a maioria de suas respostas lá. Não estou sugerindo que você apenas vá ao StackOverflow e busque seus problemas lá. Geralmente, uma pesquisa no Google lhe dará os melhores resultados.

E você pode não estar esperando isso tanto, enquanto aprende a programar, mas uma parte importante do desenvolvimento de software inclui saber o que pesquisar no Google para encontrar suas respostas de forma mais eficaz.

É por isso que muitas pessoas querem começar a programar em JavaScript – ter o JavaScript como a linguagem de programação mais popular definitivamente ajuda você a trabalhar com a linguagem tanto a curto quanto a longo prazo. Sempre que você estiver escrevendo

JavaScript, apenas imagine milhares de pessoas programando JavaScript com você, ao mesmo tempo. Algumas postando perguntas, outras respondendo perguntas.

Quando você está programando em JavaScript, você não está sozinho.

Onde você pode escrever e executar código JavaScript?

Existem vários lugares que você pode usar para começar a programar em JavaScript. Você pode tecnicamente escrever JavaScript em qualquer lugar, incluindo um simples bloco de notas ou editor de texto. Mas você também precisa de um motor JavaScript para realmente executar seu código. Mas como você consegue um? Bem, se você se lembra do início do artigo, sabe que já o tem em seu navegador.

Nesta série de postagens de blog, usaremos o Google Chrome como navegador, pois é um dos navegadores mais comuns usados no desenvolvimento web. E isso é por uma boa razão, o Chrome fornece algumas das melhores ferramentas que tornam sua vida muito mais fácil ao trabalhar com desenvolvimento web. O Chrome tem um motor JavaScript chamado V8 Engine, que pega seu código JavaScript e o executa. Este motor JavaScript também é usado no desenvolvimento do Node.js, o software que permite que você tire o JavaScript do navegador. O Node.js também é a razão pela qual podemos usar JavaScript em todos os tipos de lugares, incluindo de um servidor web a um drone.

Quando você quiser começar a programar em JavaScript, é bom saber que você precisa de um motor JavaScript para executar seu código, e agora você sabe que já tem um que vem com seu navegador. Você também sabe que se quiser executar JavaScript fora do navegador, precisará baixar e instalar o Node.js para isso. Mas quando se trata de realmente escrever o código e executá-lo, o que tudo isso significa para sua experiência de codificação? Geralmente, você vai querer usar algum tipo de IDE (Ambiente de Desenvolvimento Integrado) para escrever seu código. Dessa forma, como você pode adivinhar pelo nome, ele vem com muitas mais ferramentas que facilitam seu trabalho com código a longo prazo. Isso pode incluir desde uma conclusão de texto para menos digitação até um depurador. Como muitas pessoas trabalham com esses IDEs, também existem extensões muito comuns que permitem personalizar seu ambiente de codificação, incluindo a coloração de colchetes no código para facilitar a visualização de quais parênteses de abertura correspondem a quais parênteses de fechamento. Se você não tem ideia do que os parênteses fazem, por enquanto não se preocupe e veremos todos os detalhes que você precisa saber nesta série de blogs.

Atualmente, alguns dos IDEs mais populares incluem Visual Studio Code, Atom e Sublime Text. Mas para isso, começaremos com a opção mais simples que podemos usar, que é na verdade usar o próprio navegador Chrome para escrever e executar o código JavaScript.

Agora que você tem algumas informações de fundo sobre JavaScript, vamos realmente configurar nosso ambiente de codificação e começar com um código “Olá, Mundo!”.

Como começar a programar em JavaScript?

Para começar a programar em JavaScript, precisamos configurar o ambiente de codificação.

Como também mencionamos anteriormente, usaremos o Google Chrome como nosso navegador ao longo desta série de postagens de blog. Se você já tem o Chrome instalado, ótimo! Se não, o primeiro passo é realmente instalar o Google Chrome. Para baixar o Chrome, você pode simplesmente pesquisar por “download do Google Chrome”, para baixá-lo de seu site ou aqui você pode encontrar um link para sua conveniência para baixar o Chrome:

Google Chrome – Baixe o Navegador Rápido e Seguro do Google

Agora você pode prosseguir e clicar no botão “Baixar Chrome” para iniciar o download. Assim que for baixado, você pode prosseguir e clicar duas vezes nele e passar pelo processo de instalação, como faria com qualquer outro aplicativo que você baixa da internet. Ele também pode pedir que você faça login em uma de suas contas do Google, o que você pode fazer.

Uma vez que você tenha o Chrome instalado, clique duas vezes nele para abrir uma janela. Agora você deve estar olhando para a clássica tela de pesquisa do Google:

Para começar a programar em JavaScript, o próximo passo é abrir o local real onde escreveremos e executaremos o código dentro do navegador Chrome. No menu superior, vá para: Menu, depois Desenvolvedor e clique em Console JavaScript. Você também pode usar o atalho para Mac, que é “option + command + J”.

Logo após fazer isso, você deve ver o console JavaScript se abrindo, que deve parecer algo assim:

Se você chegou até aqui, incrível! É hora de um passo significativo que permitirá que você comece a programar em JavaScript. Vamos começar sua jornada em JavaScript com um olá mundo. Vá em frente e digite o seguinte:

alert("Olá, Mundo!");

Depois de digitar isso, vamos executar nosso código pressionando a tecla “Enter” ou “Return” no seu teclado!

Agora você deve ver um alerta aparecendo que se parece com isso:

E com isso, você acabou de escrever seu primeiro código “olá mundo”! Agora você sabe como começar a programar em JavaScript.

Na próxima postagem do blog, você verá os conceitos básicos de JavaScript com exemplos de codificação.