Se você quer se tornar um Desenvolvedor Web, você precisa ler este artigo!

Esse artigo tem como princípio mostrar a principal linguagem de programação do mundo web e ensinar alguns conceitos básicos. Ao final do artigo vou deixar o meu repositório no GitHub no qual eu aprendi a programar em Javascript onde tem as principais sintaxe da linguagem e que eu uso como consulta até hoje!

Sem muitas delongas, a principal linguagem do mundo web é sem dúvida Javascript que é uma linguagem de programação que permite criar páginas web dinâmicas e interativas, além de ser usada em outros ambientes como servidores, aplicativos e jogos. Javascript é uma linguagem versátil, poderosa e fácil de aprender, que tem se tornado cada vez mais popular entre o mundo da programação.

Para utilizar o Javascript, precisamos utilizar o HTML e CSS em conjunto, pois os 3 se complementam e tem uma sincronia perfeita. O HTML e chamado de linguagem de marcação, de formar resumida, é ela que fica responsável por trazer o conteúdo de uma página web (textos, imagens, vídeos etc.). Já o CSS são as folhas de estilo, falando brevemente, ele é o responsável por organizar todo o conteúdo trazidos pelo HTML e dar os estilos (Cor, Tanho, fundos etc.). É como a maioria das pessoas comparam, o HTML e como se fosse a estrutura da casa e o CSS é o acabamento como pinturas reboco e azulejo.

Tá mais a onde entra o Javascript? O Javascript é toda a parte logica e dinâmica da página web, usando a mesma analogia da casa citada anteriormente, o Javascript é o responsável por da os movimentos da porta da casa, o alarme de segurança e até mesmo o que faz as tomada e interruptores funcionar. Em resumo, com HTML e CSS você pôde até ter uma casa bonita, porém nada funcional.

Agora como você já sabe quem é o Javascript e como ele faz parte das páginas web, vamos para a parte que realmente interessa, o código!

Quando você abre o Visual Studeo Code, a primeira coisa é criar um arquivo HTML que geralmente nós chamamos de index.html. dentro deste arquivo basta aperta a tecla “!” e depois a tecla “Enter” que o editor de código vai criar toda a estrutura básica de um arquivo HTML, se você já estudou HTML e CSS já deve estar familiarizado com essa estrutura.

Esse arquivo criado já é a sua primeira página web criada, porém sem anda adicionado, como o intuito deste artigo não é falar sobre o HTML não vou entrar afundo sobre tags ou explicar o que cada componente da estrutura criada significa. Mas vamos criar uma tag de título para esta página não ficar vazia. Dentro da tag <body> vamos colocar uma outra tag <h1> com o seguinte texto “Olá, mundo”, seu arquivo deverá ficar assim:

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<h1>Olá, mundo</h1>

</body>

</html>

Agora podemos apertar a tecla “F5” que nossa página web será iniciada, veja que o título que colocamos dentro da tag <h1> parecesse na página, mas como eu estou aqui para falar de Javascript vamos precisar fazer mais alugas alterações no nosso código para nos podermos dar o primeiro passo no Javascript. No nosso código abaixo da tag <h1> podemos colocar uma outra tag da seguinte maneira <script src="script.js"></script> , depois basta segurar a tecla “Ctrl” e clicar onde estar escrito “script.js” que o próprio editor de código criará o nosso arquivo Javascript.

Com o arquivo “script.js” aberto no nosso editor de código você pode colocar a seguinte linha de código console.log("Olá, mundo") após volte para o arquivo “index.html” e apertar novamente o botão “F5” para abrir a pagina que criamos e depois a tecla “F12” para abrir o nosso console e ai esta a mensagem que fizemos no Javascript.

Nos já demos os primeiros paços na linguagem Javascript, se você que aprender mais, você pode acesse o meu repositório no GitHub que vai ter todos os principais conceitos sobre Javascript e alguns exercícios que eu fiz durante o meu aprendizado.

https://github.com/EvertonBernardino/java-script