#1 Introdução - Entendendo o JavaScript
Tags: webdev, javascript, beginners, programming
Published: 2024-04-16 16:03:20

## Antes de começar, um disclaimer
Nessa sequência de artigos vou abordar o JavaScript com minhas palavras, e tentar explicar para alguém que nunca teve contato, mas quer saber mais sobre, o que é e como ele funciona.

Caso você tenha alguma dúvida ou correção de algum conceito, por favor, não deixe de escrever nos comentários.

Vamos lá...

## Introdução
Boas vindas à sequência de posts de **Entendendo o JavaScript**! Anteriormente eu fiz 2 posts explicando os conceitos básicos de HTML (_Hypertext Markup Language_) e CSS (_Cascading Style Sheets_), e agora, pretendo trazer uma introdução à JavaScript para quem quer começar a estudar programação.

## Por que JavaScript?
JavaScript é uma linguagem que surgiu em 1995 e, inicialmente, surgiu com um uso mais voltado para o **Desenvolvimento Web**, foco que se manteve desde essa época até os tempos atuais em que eu estou escrevendo esse post. Entretanto, a diferença do JavaScript de antigamente para o atual, é que com o avanço da linguagem e o surgimento de ferramentas como **NodeJS** e algumas bibliotecas, o JavaScript deixou de ser restrito a navegadores web, sendo agora capaz de expandir as áreas de atuação desde servidores web (_NodeJS_) até aplicativos mobile (_React Native_) e desktop (_Electron_).
Além disso, anteriormente, como já disse, eu expliquei os conceitos básicos de HTML e CSS, portanto, nada mais justo do que apresentar agora o terceiro componente da "Tríade da Web", o JavaScript, usado fortemente para contribuir com o dinamismo de páginas web.

## Instalação
A não ser que você esteja lendo isso no celular, o JavaScript não precisa ser instalado para que você possa começar a treinar, basta abrir o _DevTools_ do seu navegador (Geralmente isso é possível pressinando `F12` ou `Ctrl`+`Shift`+`I`) e acessando o `Console`.
Bom, ainda assim, para que possamos trabalhar futuramente com o JavaScript integrado ao HTML e CSS, é interessante ir além do console do navegador, uma vez que, a partir de certo ponto, ele se mostra ineficaz para alguns estudos mais avançados, mas para o primeiro contato é super válido 😉.
Uma alternativa que eu recomendo para quem está iniciando, é o [CodePen](https://codepen.io/), nele você pode criar uma página simples com HTML, CSS e JavaScript sem precisar baixar nada ou se preocupar com criar pastas/arquivos, excelente para começar a estudar, desde que você esteja ciente de que futuramente ainda terá que lidar com essas barreiras que ele remove.

## Hello World
Para esse primeiro contato, vamos fazer o famoso "Hello World" através do console do navegador.
Primeiramente, abra o console do navegador e digite o seguinte comando:
```JavaScript
console.log("Hello World")
```

## Tá, mas o que isso significa?
Inicialmente, você não precisa entender milimétricamente o por que isso funciona, só saiba que isso serve para imprimir coisas no navegador, e nesse caso você imprimiu a frase "Hello World".

### Por que as aspas? (`"`)
As aspas servem para representar um texto em JavaScript, ou uma _String_ como veremos futuramente. Caso você queira testar, pode substituir as aspas duplas por aspas simples (`'`) ou crase.

### O que significa "console.log"?
Por agora, entenda que "console" é um grande bloco de informações que tem várias funções referentes ao console JavaScript, uma delas é o método `.log()`, que recebe algo dentro dos parênteses e exibe no console, se quiser, experimente o método `.error()` que tem uma função semelhante, porém exibe a mensagem como um erro no console.

## A seguir
No próximo post, vou começar a trazer alguns conceitos básicos da linguagem e futuramente começar a Lógica de Programação com JavaScript.

## Deixe seu feedback!
Tem algum comentário, dúvida ou sugestão sobre o post? Sinta-se a vontade para usar os comentários para isso! Responderei assim que possível.