Fundamentos de JavaScript que você precisa saber

0

JavaScript é a linguagem de programação que você usa para adicionar recursos interativos a seus recursos do site, tais como jogos, eventos que ocorrem quando os botões são pressionados ou os dados são digitados em formulários de estilo dinâmico ou animações. Hoje vamos falar sobre os fundamentos de JavaScript, o que vai dar uma idéia do que é possível fazer com esta linguagem extraordinária, e como começar.

code-1076533_960_720

Que é realmente JavaScript?

JavaScript é uma linguagem de programação que pode ser aplicada a um documento HTML e utilizada para criar interactividade dinâmica em sites. Foi inventada por Brendan Eich, co-fundador da Mozilla, Mozilla Foundation e do projeto Mozilla Corporation.

Você pode fazer quase tudo com Javascript. Comece com pequenos recursos como ajuste de projetos, fazendo algumas coisas acontecem quando um botão é pressionado, mas, eventualmente, quando você adquire experiência será capaz de criar jogos, gráficos 2D e 3D, aplicações, bancos de dados, e muito mais.

JavaScript por si só é bastante compacto, mas é muito flexível, e os desenvolvedores o criaram com base no núcleo da linguagem JavaScript para fornecer acesso a várias ferramentas e funcionalidades mais facilmente. Isto inclui:

  • Interfaces de Programação de Aplicações (APIs) construídas em navegadores web que permitem que qualquer coisa, desde a criação de conteúdo HTML e estilos CSS, capturem e manipulem vídeos da webcam, ou gerem gráficos 3D e sons, por exemplo.
  • APIs de Terceira Geração para permitir incluir em seus sites, outros proprietários como o Twitter ou Facebook.
  • Estruturas e bibliotecas que você pode aplicar ao seu HTML para que você possa rapidamente criar e publicar sites e aplicações de terceira geração.

 

A próxima seção soa realmente emocionante. JavaScript é uma das tecnologias web mais emocionantes, e quando você começa a ver o quão bom ele em seus sites vai entrar numa nova dimensão de energia e criatividade.

No entanto, JavaScript é um pouco mais complexo para usar com HTML e CSS, e você deve começar devagar, e continuar a trabalhar em pequenos passos. Para começar, vamos mostrar como adicionar o Javascript a sua página Basic para criar o exemplo de “Olá Mundo” (o padrão nos exemplos básicos de programação.)

keyboard-70506_960_720-1

  1. Primeiro, vá para o seu local de teste e criar um novo arquivo chamado main.js. Salvá-lo em sua pasta de scripts.
  2. Em seguida, abra o arquivo index.html e digite o seguinte em uma nova linha imediatamente antes do fechamento </ body>:

<script src = “scripts / main.js”> </ script>

  1. Isto faz basicamente o mesmo trabalho que o <link> CSS – código Javascript aplica-se à página, para que você possa agir sobre o HTML (e CSS, ou qualquer coisa na página).
  2. Agora adicione o seguinte código para main.js arquivo:

miTitulo var = document.querySelector ( ‘h1’); miTitulo.innerHTML = ‘Olá, mundo! “;

  1. Agora, certifique-se que você salvou os arquivos HTML e JavaScript, e index.html aberta no navegador. Você deve ver algo como isto:

Nota: A razão pela qual temos que colocar o elemento <script> perto do final do documento HTML é porque o navegador carrega o código HTML na ordem em que aparecem no arquivo. Se Javascript é colocado em primeiro lugar e é suposto que afete o HTML abaixo dele, ele pode não funcionar, uma vez que foi carregado antes do HTML em que é suposto trabalhar. Assim, próximo do fim da página é muitas vezes a melhor estratégia.

 

O que aconteceu?

O texto foi alterado para “Olá, mundo!” usando Javascript. Nós fizemos isso primeiro usando a função querySelector () para obter uma referência para a nossa cabeça, e armazená-lo em uma variável chamada myHeading. Isto é muito semelhante ao que fizemos com o uso de seletores CSS – quer faz algo com um elemento, por isso temos de selecioná-lo primeiro.

Depois disso, vamos definir o valor da propriedade innerHTML da variável myHeading (representando o conteúdo do cabeçalho), como “Olá, mundo!”.

 

Bases para curso intensivo

Vamos explicar algumas das características básicas da linguagem JavaScript, para que você possa entender melhor como tudo funciona. Melhor ainda, essas características são comuns a todas as linguagens de programação. Se você pode entender esses princípios, você deve ser capaz de começar a programar em quase nada.

 

 

Importante: Este artigo é introduzir linhas de código de exemplo no console do seu navegador para ver o que acontece. Para mais detalhes sobre consoles JavaScript, visualize ferramentas para desenvolvedores do navegador.

Nota: Estas características são comuns a todas as linguagens de programação. Se você pode entender esses princípios, você deve ser capaz de começar a programar em quase qualquer coisa

 

 

Variáveis

Variáveis são recipientes que podem armazenar valores. Primeiro você deve declarar a variável com a palavra-chave var, seguido do nome que deseja dar: var myVariable;

Nota: Todas as linhas de JS deve terminar com um ponto e vírgula, para indicar que este é o lugar onde a linha termina. Se você não incluir pode obter resultados inesperados.

Você pode chamar uma variável com quase qualquer nome, mas existem algumas restrições (ver este artigo sobre as regras existentes.) JavaScript é sensível a maiúsculas – myVariable é uma variável myVariable diferente. Se você está tendo problemas em seu código, rever o caso.

 

Como esse texto mostramos a você alguns dos fundamentos Javacript que você pode aprender e com eles criar sites elegantes.

 

Deixe uma resposta