Conhecendo JavaScript
- JavaScript é uma linguagem de programação interpretada.
Foi originalmente implementada como parte dos navegadores web para que scripts pudessem ser executados do lado cliente e interagissem com o usuário sem a necessidade de passar pelo servidor, controlando o Navegador e realizando comunicação assíncrona e alterando o conteúdo do documento exibido.
JavaScript não é o Java, Java é uma linguagem de programação muito mais abrangente mas pode se dizer que é uma linguagem Server-side para nosso escopo de estudo. O JavaScript é uma linguagem de programação Client-Side. Embora muita da base da programação seja bem semelhante ao java.
Incluindo JavaScript no HTML.
Para adicionar o JavaScript em nossas páginas é necessário o uso de um script, ele pode ser adicionador diretamente no código da página, ou em um arquivo externo .JS. Ele pode ser adicionado no começo do arquivo dentro de head, dentro do body ou até mesmo fora do html, ou sejá, pode ser inserido em qualquer lugar, mais é de costume sempre estar dentro do Head por motivo de ser carregado antes do Body.
Modelo Exemplo para uso no HTML
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>JavaScript</title>
<meta charset="utf-8"/>
<!--<script language="javascript" src="meu_Jscript.js">
/* Comentarios multilinhas ( uso de arquivo externo )
*/
</script>-->
<script type="text/javascript">
//Aqui também comentario simples (Script dentro da página)
</script>
<script language="javascript" src="variaveis.js">/*Mais de um Script :)*/</script>
</head>
<body>
</body>
</html>
Criando um projeto no Netbeans - Adicionar JavaScript em nossas páginas
Vamos Abrir o NetBeans , criar um novo projeto HTML5/JS - (aqui vou criar com nome Estudo_js ), vou escolher a pasta do htdocs do Xamp, já vou estar utilizando o servidor apache nesses teste
("Mas nada impede de ser em qualquer pasta para esse estudo"), vamos avançar não escolher nenhum modelo, avançar e desmarcar todas as opções - depois finalizar.
Ao terminar temos o inicio do nosso projeto.
Imagem Exemplo.
- Passo a Passo, vamos criar uma Tag de Script dentro de Head.
Passo 1 : criar a tag para script.
<script> </script>
Passo 2 : adicionar o tipo = text/javascript
<script type="text/javascript"> </script>
Passo 3 - Fazer um simples teste
<script type="text/javascript">
alert("Teste de Script na página");
</script>
Teste rápido no NetBeans (tecla atalho - Shit+F6).
Resultado no Browser
Usando um Scritp Externo . Js
Para utilizar o script externo também é bem simples, e muito interessante no ponto de vista de reutilização e organização.
Passo 1 : Inserir no Html a Tag com caminho/nome_do_script (caminho caso queira colocar em pasta separada)
<script language="javascript" src="meu_Jscript.js"> </script>
Passo 2 : Criar o arquivo com nome referenciado.
No NetBeans, na aba de projetos clicar com botão direto do mouse sobre Raiz do site, escolher Novo - JavaScript, nomear e finalizar.
Será apresentado um arquivo, com comentários inseridos pelo Netbeans, pode apagar tudo.
Passo 3 : Fazer o teste.
Agora já podemos fazer nosso teste, inserindo um alerta simples.
retornamos para o index.html e executamos o teste. Shift-F6
Resultado imagem exemplo.
Nesse post espero ter apresentado de forma simples e rápida a sua utilização, conhecendo um pouco sobre JavaScript na prática.
Comentários
Postar um comentário