Este documento fornece uma introdução básica ao JavaScript, explicando que é necessário conhecimento prévio de HTML e CSS. Apresenta JavaScript como uma linguagem que permite adicionar interatividade às páginas da web e explica como HTML, CSS e JavaScript se combinam. Resume os passos básicos de como o navegador interpreta códigos JavaScript.
2. Introdução
Antes de iniciarmos devemos responder a uma simples pergunta, eu conheço o básico
de Html, se sim, poderemos iniciar esse curso, pois é necessário o conhecimento de
html básico e CSS, sem esse conhecimento o desenvolvimento em JavaScript vai ficar
mais complicado, é claro que ele é diferente dessas tecnologias, mas para criar uma
página usando o JavaScript é necessário o conhecimento de HTML e CSS, pois eles irão
se combinar para formar páginas da Web Maravilhosas.
Para esse curso vamos precisar de um bloco de notas e um computador com internet.
Se você ainda não sabe HTML com CSS, veja nosso curso com 16 aulas, indo até a nossa
Playlist.
3. Introdução
Como já vimos no curso de html e CSS, nós conseguimos criar paginas da web, mas
essas paginas não tem nenhuma interatividade com o usuário que acessa ela, você
pode até fazer algumas coisas com o Html, mas mesmo assim não é interatividade com
o usuário.
Com o JavaScript nós podemos colocar essa interatividade nos sites.
Isso acontece por exemplo quando você preenche alguns dados de algum site e
espera-se que ele te traga alguma resposta, como por exemplo o calculo do IMC,
quando você preenche seus dados espera-se que o site retorne dados para você, com o
simples html isso não e possível de fazer, já que o html não e uma linguagem de
programação que realiza cálculos.
4. Introdução
Para criar páginas interativas então você vai usar de três recursos:
Html para fornecer a estrutura da página, e como se fosse a estrutura de um
prédio.
CSS adiciona o estilo da sua página, e como se fosse o visual do seu prédio que
esta sendo construído.
JavaScript inicia e faz as coisas acontecerem, e como se fosse os trabalhadores que
vão fazer do prédio sempre limpo e seguro.
5. Introdução
Para colocar o JavaScript na sua página html, você deve abrir a tag:
<script type=“text/javaScript”>
O que você colocar aqui dentro vai ser Script, mas o html não sabe qual tipo de script
que vai ser, e onde você deve definir dentro do script qual vai ser.
</script>
Você pode colocar o javaScript em qualquer local da sua página.
6. Introdução
Porém nesse momento nós iremos colocar dentro do head da página.
Algumas outras linguagens de script existem no mercado, como a VBScript, asp.net
Ajax da Microsoft são alguns exemplos.
Mas você sabe como o seu navegador interpreta o JavaScript, pois como nos já
vimos no curso de html 4.1, lá nos sabemos que o navegador consegue interpretar
o html pois ele e apenas uma linguagem de marcação de texto e o seu navegador
interpreta isso tranquilamente.
7. Introdução
Então vamos ver os passos para visualizar sua página na web.
Primeiro você abre o seu navegador e digita a url
Segundo o servidor descobre qual pagina retornar para essa url
Terceiro o servidor retorna para seu navegador os códigos de html, css e javaScript
Quarto o navegador exibe todas as informações para você
8. Introdução
O javaScript é interpretado pelo seu navegador da internet, e por isso que ele é
conhecido como uma linguagem de programação interpretada e não compilada,
pois ele não precisa de um compilador como o C++ ou o C# para que ele possa
ser executado.
O seu próprio navegador tem um interpretador de javaScript capaz de interpretar e
mostrar na tela.
O JavaScript é considerado uma linguagem parte segura, pois nem toda linguagem
de programação e totalmente segura, pois hackers podem criar formas de furar a
segurança do seu site.
9. Introdução
A segurança que o JavaScript fornece e que ele não permite a instalação de
programas no computador dos usuários, que vai evitar por exemplo instalação de
vírus ou qualquer outro tipo de software malicioso, mas vamos supor que você crie
uma loja virtual com ele, se você não colocar barreiras, isso pode ser no código e
em outros componentes internos o hacker consegue achar formas de acessar o seu
conteúdo e alterar.
A tag <Script> e html por incrível que pareça, mas a função dela na verdade e
indicar para navegador que uma linguagem de programação script vai ser
executada naquele ponto e que ela vai realizar algum tipo de operação.
10. Conheça nosso canal no Youtube
Canal:
https://www.youtube.com/channel/UC7FWW7I5ZW5T9V7dQnEtD7A
Veja nosso vídeo sobre essa aula:
https://www.youtube.com/watch?v=Z7CVMOVqO2U
11. Referencia
Recomendamos a leitura
MORRISON, Michael. Use a Cabeça JavaScript. Editora Alta Books Ltda, 2008.