{"id":70,"date":"2020-06-22T14:15:41","date_gmt":"2020-06-22T17:15:41","guid":{"rendered":"https:\/\/www.joemaster.com.br\/tutoriais\/?p=70"},"modified":"2020-06-22T14:17:13","modified_gmt":"2020-06-22T17:17:13","slug":"estrutura-basica-de-um-documento-javascript","status":"publish","type":"post","link":"https:\/\/www.joemaster.com.br\/tutoriais\/estrutura-basica-de-um-documento-javascript\/","title":{"rendered":"Estrutura b\u00e1sica de um documento javascript"},"content":{"rendered":"

O que \u00e9 JavaScript?<\/h1>\n

JavaScript \u00e9 uma linguagem de programa\u00e7\u00e3o client-side. Ela \u00e9 utilizada para controlar o HTML e o CSS para manipular comportamentos na p\u00e1gina. JavaScript \u00e9 uma linguagem de programa\u00e7\u00e3o que permite a voc\u00ea implementar itens\u00a0 simples e complexos em p\u00e1ginas web.<\/p>\n

Veja abaixo uma estrutura b\u00e1sica de javascript<\/p>\n

<!DOCTYPE html>\r\n<html lang=\"pt-br\">\r\n  <head>\r\n    <title>T\u00edtulo<\/title>\r\n    <meta charset=\"utf-8\">\r\n  <\/head>\r\n  <body>\r\n \r\n  <script type=\"text\/javascript\">\r\n    alert('Hello World!');\r\n  <\/script>\r\n  <\/body>\r\n<\/html><\/pre>\n
Javascript seria com a \u00faltima camada do bolo<\/p>\n
<\/p>\n
Explicando cada um:<\/p>\n
HTML:<\/strong> Esse serve para estruturar tornar significativo o conte\u00fado web,<\/p>\n
– par\u00e1grafos;
\n– cabe\u00e7alhos;
\n– tabelas de conte\u00fado;<\/p>\n
ou inserindo imagens e v\u00eddeos na p\u00e1gina.<\/p>\n
CSS:\u00a0<\/strong> esse permite colocar estilos no conte\u00fado HTML, por exemplo:
\n– cores de fundo;
\n– fontes;<\/p>\n
e posicionando nosso conte\u00fado em m\u00faltiplas colunas.<\/p>\n
JavaScript:\u00a0<\/strong> linguagem que permite atualizar dinamicamente, controlar m\u00faltim\u00eddias, imagens animadas, e o que voc\u00ea imaginar.<\/p>\n
\n  Ap\u00f3s clicar em Copy ⇗
O código fica pronto para testar ou colar onde quiser no  CTRL+V<\/font>\n