Em princípio, cada site é construído com base em 3 tecnologias; HTML, CSS e Javascript. HTML lida com a ordem das diferentes partes componentes do site, CSS com a forma como essas partes são renderizadas e Javascript tarefas complexas, como responder às ações do usuário.
En artigos anteriores Explicamos que era um framework CSS e fornecemos uma lista dos melhores que podemos usar no Linux. Como a função do Javascript é um pouco mais difícil de explicar, faremos uma pequena introdução ao assunto, antes de comentarmos seus frameworks.
Linguagem de programação Javascript. Uma pequena introdução
O que é Javascript?
Javascript é uma linguagem de programação criada originalmente para impedir que as páginas da web sejam estáticas, embora hoje seu uso se espalhe para setores que nada têm a ver com a web.
Lprogramas escritos em Javascript são chamados de scripts e eles são executados dentro de uma máquina virtual conhecida como mecanismo Javascript.
Todos os navegadores modernos incluem sua versão do mecanismo Javascript
Para a segurança dos usuários, navegadores diferentes colocam limites no que o código Javascript pode fazer. Por exemplo, acesso a arquivos críticos no disco. No entanto, isso pode ser ainda mais limitado nas opções de configuração de cada um.
A operação do código Javascript em uma página da web é a seguinte:
- O mecanismo Javascript embutido no navegador lê o código.
- O código é convertido em linguagem de máquina.
- A máquina executa o código.
Por ser uma linguagem de programação, o Javascript pode realizar tarefas como estas:
- Armazene informações em variáveis.
- Manipule strings de texto.
- Execute programas que respondem a eventos, como clicar em um link.
Aumentam as capacidades de Javascript por meio do uso de interfaces de programação de aplicativos (APIs)
APIs são bibliotecas de programas criadas para tarefas específicas que livra o desenvolvedor de ter que reescrever o código existente. No caso do Javascript podemos falar sobre dois tipos de APIS
API do navegador
Eles são executados dentro do navegador e respondem ao ambiente. Temos, por exemplo:
Document Object Model (DOM): Torna possível fazer modificações no código HTML e CSS da página em resposta a certos eventos. É o caso de sites que permitem ver como uma página ficaria em diferentes dispositivos.
API de geolocalizaçãoa: É usado para detectar a localização do usuário e responder de acordo. Por exemplo, ele é usado pela Netflix para saber qual conteúdo você pode ver em seu país ou pelo Google Maps para mostrar onde você está.
Canvas e WebGL: Eles são ideais para traçar gráficos 2D e 3D
APIs de multimídia: Eles permitem a transmissão e recepção de conteúdo multimídia de uma página da web.
APIs de terceiros
Os diferentes serviços da web tentam conseguir mais usuários (e em alguns casos, mais informações desses usuários para vender). É por isso criar interfaces de programação para que os desenvolvedores possam integrar funcionalidades que esses serviços fornecem a sites externos. Este é, por exemplo, o caso das páginas da web que permitem o registro em sua conta do Google ou do Facebook.
Como funciona o código Javascript em um site
Em primeiro lugar, deve ser esclarecido que cada script javascript é executado em seu próprio ambiente de execução. Existe um ambiente de execução para cada guia (se abrirmos sites diferentes dentro da mesma janela) ou para janelas diferentes se preferirmos. Em nenhum caso eles se inter-relacionam entre si ou, como dissemos, com o sistema operacional sem a intervenção ativa do usuário.
Primeiros se carrega o código HTML da página da web e um modelo de objeto do documento é criado para que possa ser exibido no navegador. Os itens a serem anexados são carregados para a página como mídia, imagens e folhas de estilo. Finalmente, os estilos são atribuídos às diferentes partes da página conforme determinado pelas folhas de estilo.
Uma vez que tudo isso esteja terminado, é quando o motor Javascript inicia seguindo a seqüência mencionada acima.
Em nosso próximo artigo, vamos com a lista prometida de estruturas para Javascript.