Vanilla Javascript - #1 Introdução
20/01/2019Nessa primeira aula realizaremos a introdução ao curso, passando os objetivos e a ementa do projeto didático.
Plataforma de Ensino
Todos os códigos do curso estarão disponíveis na nossa plataforma de ensino www.webdesignemfoco.com.
Objetivos do curso
Durante o curso veremos o Javascript puro (Vanilla). Não utilizaremos nenhum framework ou bilbioteca.
Ao fim do curso o objetivo é que o aluno saiba desenvolver um website ou aplicação utilizando essa linguagem de programação.
Conceitos Importantes
Javascript é uma linguagem de programação que possui suporte a orientação a objetos. A linguagem foi criada em meados de 1995 pela equipe da Netscape em parceria com a Sun Microsystems.
A linguagem roda tanto no lado client (frontend) quanto no lado servidor (backend) utilizando um servidor (o mais famoso é o Node.js).
Ecmascript e Javascript são a mesma coisa. Ecmascript foi o primeiro nome dado a linguagem. Ecma é uma associação internacional para manter os padrões dessa linguagem de programação.
Referências online
Site do Mozilla (MDN Developers)
Site do ECMA International(ECMA)
Instalação do Javascript
Existem três formas de instalar o javascript:
1 - De forma incorporada entre as tags head do html
2 - De forma inline entre as tags html
3 - Em um arquivo externo
<!doctype html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Projeto inicial no Javascript</title>
<script>window.alert("oi");</script>
</head>
<body>
<button id="button" onclick="alert('oi');">Click me</button>
<script src="javascript.js"></script>
</body>
</html>Abaixo o javascript.js
alert('oi 3');Console no navegador
O console é essencial no desenvolvimento com javascript para sabermos o que está ocorrendo por debaixo dos panos. No firefox basta apertar ctrl+shift+k e no Chrome ctrl+shift+i.
Posts Relacionados
