JavaScript

Página 1

INTRODUÇÃO

O que vamos aprender?

Nesta primeira parte, vamos entender um pouco sobre a proposta da linguagem JavaScript (JS) e sua importância para você se familiarizar com o assunto antes de dar os seus primeiros passos escrevendo código. Vamos ver:

O que é o JavaScript ( JS )?

De onde surgiu?

Qual seu uso e importância?

E ao final, você vai ver um vídeo com dicas do Cairo Noleto, um dos líderes de tecnologia que faz parte do time fundador da Trybe, para que você aproveite da melhor forma possível todo o seu estudo aqui no Curso Introdutório.

Por que isso é importante?

O JavaScript é a linguagem de programação mais popular do mundo segundo o Stack Overflow e, além de ser utilizada em diversos contextos, faz páginas em toda a web terem comportamentos dinâmicos! Sabe quando a página de notícias atualiza sozinha após algum tempo? Então! Isso é um comportamento dinâmico.

Por esse motivo, é muito importante ter um bom conhecimento de JS , já que você vai utilizá-lo com frequência no desenvolvimento web.

CONCEITO

Então: Javascript, ou simplesmente JS, é uma linguagem de programação de uso geral, aplicada principalmente para desenvolvimento web e desenvolvimento de software.

Especificando mais, o Javascript atua na programação front-end, — a parte “visual” de uma aplicação (geralmente um site ou um app). Neste caso, o Javascript é usado junto com outras duas linguagens iniciais, o HTML e CSS.

Mas, para ter uma ideia do dinamismo da linguagem, Javascript também pode ser usado no back-end de aplicações, como o processamento de informações de um banco de dados, por exemplo.

Com Javascript, tornou-se possível pensar em fluxos lógicos, como “se X ocorrer, faça Y” ou “enquanto X estiver acontecendo, continue repetindo Y”.

Assim, profissionais da programação poderiam começar a pensar em aplicações web — e não somente em um conjunto estático de informações.

Algo importante de reforçar: Javascript não é Java! Javascript e Java são linguagens muito diferentes, mas muitas pessoas confundem o nome.

Inclusive o nome Javascript, quando foi lançada, foi uma jogada de marketing, para pegar o embalo da fama do Java, que estava se popularizando nos anos 1990. Mais abaixo, vamos falar do surgimento do JS.

COMO FUNCIONA?

Para entender como o JS funciona, é preciso conhecer o conceito de “lado do cliente”, também chamado de client-side, e “lado do servidor”, ok?

Você sabe o que acontece quando você acessa um site? Basicamente, o que ocorre é uma requisição de acesso a um servidor que permite que um portal seja carregado na sua tela.

Imagem: https://u3r3f6s2.rocketcdn.me/wp-content/uploads/2021/06/Javascript-banco-de-dados-explicacao.jpg.webp

Nesse servidor, é onde acontece a “mágica” para devolver uma página, com HTML, CSS e Javascript para o seu browser, que é onde você está acessando esse site.

No seu navegador, que é o lado “do cliente”, no caso, o usuário, vem a parte estática (HTML + CSS) e também a parte dinâmica (Javascript). Toda a comunicação que clientes não vêem entre uma aplicação e, por exemplo, um banco de dados, é do “lado do servidor”.

Por isso, falamos que existe o client-side, ou seja tudo que está acontecendo do lado do browser e de quem está acessando, e o server-side, tudo que acontece do lado do servidor, no backend da aplicação

Dentre as linguagens de programação existentes como Python, Ruby, Java, os navegadores conseguem interpretar apenas Javascript.

ORIGEM DO JS

O Javascript foi criado em 1995 pelo programador Brendan Eich. Naquela época, o nome de batismo foi Mocha e, logo depois, passou a ser conhecido por LiveScript.

No entanto, uma jogada de marketing marcou a criação da linguagem. No final de 1995, com a ascensão da linguagem Java no mundo da progração, o fundador da linguagen resolveu mudar o nome para algo que fosse sonoramente parecido. Nasceu assim, o Javascript.

Com o Javascript, a internet pode ficar mais dinâmica, com mais interações em uma página, diversos tipos de interações, animações, entre várias outras coisas. O primeiro navegador que começou a ter suporte para JS foi o Netscape.

Para que serve o Javascript?

Imagem: https://u3r3f6s2.rocketcdn.me/wp-content/uploads/2021/06/Javascript-aplicacoes-791x1024.png.webp

1 – Adicionar comportamento interativo nas páginas da web

O JS permite que pessoas usuárias interajam com uma página e isso pode incluir diversos exemplos, como:

mostrar e esconder informações ao clicar em um botão ou alguma parte do site

montar carrosséis de imagens com transições

zoom em imagens

timers ou contagem regressiva

animações

atualizar elementos sem a necessidade de atualizar a página

2 – Criar página na web e apps

Existem diversos tipos de frameworks que auxiliam na criação de aplicações web e aplicativos mobile e deixam o seu desenvolvimento mais prático e rápido.

Um framework é um conjunto de código que auxilia na execução de diversas funções, o objetivo é usar funcionalidades e estruturas já prontas para que você consiga ter mais produtividade e qualidade no desenvolvimento do seu projeto.

3 – Construir web servers e desenvolver aplicações

Além de usar o Javascript para a parte front-end, é possível usá-lo para construir a estrutura backend e servidores, com o uso do Node.js. Isso facilita você não ter que aprender uma linguagem de programação diferente para conseguir fazer uma aplicação de ponta a ponta.

4 – Desenvolvimento de jogos

Como já falamos que Javascript é usado para toda a parte do lado do browser, também é possível desenvolver jogos que rodem nos browsers. Inclusive, é uma ótima forma de aprender a linguagem de uma forma divertida. Existem diversos tutoriais que já usam jogos para explicar JS.

As áreas da programação em que o JS é usado?

a) Javascript no desenvolvimento web

Quando falamos de desenvolvimento web no front-end, além do simples Javascript puro, temos também uma infinidade de frameworks. Quem nunca ouviu a brincadeira de “enquanto você está lendo esse post, pelo menos um framework Javascript foi criado”? Isso é porque realmente existem muitos frameworks e estão surgindo novas “ondas” a todo momento. Mas se pudermos citar os principais e mais famosos, entre eles podemos falar de React, Angular e Vue.js.

b) Javascript no desenvolvimento Backend

Em 2019, o Javascript começou a se popularizar também no backend com a ajuda do NodeJs. Dessa forma, começou a ser muito mais simples para pessoas do frontend se aventurarem no backend e fazerem uma aplicação completa, já que elas não teriam que aprender uma nova linguagem para isso.

Você usando o Nodejs junto com uma biblioteca como o express, que auxilia com a parte de criar um servidor web, usar algum dos frameworks frontend e um banco de dados da sua escolha, a sua aplicação web já está completa.

c) Javascript no desenvolvimento mobile

Com a infinidade de frameworks sendo criados com Javascript, não poderíamos esquecer do desenvolvimento mobile. Um dos mais famosos frameworks JS para mobile é o React Native, mas existem outros também como Ionic, NativeScript, Mobile Angular UI, entre outros.

d) Javascript no desenvolvimento de games

Uma forma interessante e divertida de você aprender Javascript é através de jogos! E óbvio que o Javascript teria frameworks para ajudar a desenvolver seus jogos para a web. Existe uma página dedicada a esse assunto na MDN e um framework bem famoso para você se aventurar é o Phaser!