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, 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:
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.
Top comments (0)