Aula01-JavaScript

1 / 35
JAVA Script
Introdução

2 / 35
O que é o JavaScript ?
● Visando o potencial da Internet para o público
geral e a necessidade de haveruma interação
maior do usuário com as páginas,a Netscape,
criadora do navegador mais popular do início dos
anos 90, de mesmo nome, criou o Livescript,
uma linguagem simples que permitia a
execução de scripts contidosnas páginas
dentro do próprio navegador.

3 / 35
● Aproveitando o iminentesucessodo Java,que
vinhaconquistando cada vez mais espaço no
mercado de desenvolvimentode aplicações
corporativas, a Netscape logo rebatizou o
Livescript comoJavaScript num acordo com a
Sun para alavancar o uso das duas.

4 / 35
● JavaScript é a linguagem de programação
mais popular no desenvolvimento Web.
● Suportada por todos os navegadores, a
linguagem é responsável por praticamente
qualquer tipo de dinamismo que
queiramos em nossas páginas.

5 / 35
● Excelentes exemplos disso são aplicações Web
complexas comoGmail, Google Mapse Google
Docs.

6 / 35
● O ECMAScript (ES) é a especificação
da linguagem de script que o
JavaScript implementa, ou seja, é a
descrição formal e estruturada de
uma linguagem de script, sendo
padronizada pela Ecma International
– associação criada em 1961
dedicada à padronização de sistemas
de informação e comunicação – na
especificação ECMA-262. No dia 17
de junho de 2015, foi definida a sexta
edição da especificação, a ES6
(também chamada de ECMAScript
2015).

7 / 35
● HTML : Estrutura
● CSS: Estilo
● JavaScript: ação

8 / 35
Web Design e Aplicações referem-se aos padrões para o desenvolvimento de páginas Web,
incluindo HTML5 CSS, SVG, Ajax, e outras tecnologias para Aplicações Web (“WebApps”).
Esta seção inclui também informações sobre como tornar páginas acessíveis para pessoas
com deficiências (WCAG), sobre internacionalização, e ainda para dispositivos móveis.

9 / 35
● Outra característica comum nas linguagens de
scripting é que normalmente elas são
linguagens interpretadas, ou seja, não
dependem de compilação para serem
executadas.
● Essa característica é presenteno JavaScript:o
código é interpretado e executado conforme
é lido pelo navegador,linha a linha, assim
comoo HTML.

10 / 35
● O JavaScript também possui grande tolerância
a erros, uma vez que conversões automáticas
são realizadas durante operações.
● O script do programador é enviado com o HTML
para o navegador, mas como o navegador
saberá diferenciar o script de um código html?
● Para que essa diferenciação seja possível,é
necessário envolver o script dentro da tag
<script> .

11 / 35
Quem usa JavaScript
● Google
– O motor de pesquisa mais utilizado e o maior em todo o mundo. Utiliza as seguintes
linguagens:
– Front End: JavaScript
– Back End: C, C++, Go, Java, Python
– Base dados: BigTable, MariaDB
● Youtube
– O site de partilha e publicação de vídeo mais utilizado em todo o mundo. Este, utiliza
as seguintes linguagens:
– Back End: C/C++, Python, Java, Go
– Base dados: MySQL, BigTable

12 / 35
Quem usa JavaScript
● Facebook
– Dispensa apresentações. Este é a maior rede social existente no mundo da internet.
– Back End: Hack, PHP, C++, Java, Python, Erlang, D, Xhp
– Base dados: MySQL, Hbase
● Amazon
– O site mais famoso de compras online na internet.
– Back End: Java, C++, Perl
– Base dados: Oracle Database

13 / 35
Quem usa JavaScript
● Wikipedia
– A maior enciclopédia online. Wikipédia, utiliza as seguintes linguagens:
– Back End: HHVM
– Base dados: MySQL, MariaDB
● Twitter
– A segunda maior rede social de todo o mundo, esta utiliza as seguintes linguagens:
– Back End: C++, Java, Scala, Ruby on Rails
– Base dados: MySQL

14 / 35
Quem usa JavaScript
● Bing
● Ebay
● Skype
● Linkedin
● Pinterest
● WordPress

15 / 35
Console do Navegador
● Existem várias formas de executar códigos JavasCript
em um página. Uma delas é executar códigos no
que chamamos de Console.
● A maioria dos navegadores desktop já vem com
essa ferramenta instalada. No Chrome, é possível
chegar ao Console apertando F12 e em seguida
acessar a aba "Console" ou por meio do atalho de
teclado Control + Shift + C; no Firefox, pelo
atalho Control + Shift + K.

17 / 35
Developer Tools (Ferramentas de
desenvolvedor)
● O console faz parte de uma série de ferramentas
embutidas nos navegadores especificamente
para nós que estamos desenvolvendo um
site. Essa série de ferramentas é o que
chamamos de DeveloperTools.

18 / 35
Developer Tools (Ferramentas de
desenvolvedor)

19 / 35
Especificando
● Com o JavaScript podemos:
– Manipular
● Conteúdo
● Alterar a Apresentação
● Navegador
– Interagir
● Usuário
● Formulário
● Linguagens Dinâmicas

20 / 35
Exemplo de JavaScript
https://www.google.com.br/maps/@-3.6929673,-
40.3591022,14.73z?hl=pt-BR
Google Mapas

21 / 35
Requisitos
● HTML
● CSS
● Browser
● Editor

22 / 35
Sublime Text
● https://www.sublimetext.com/

25 / 35
Método Alert()
● Método JavaScript Alert:
– Com ele é possível criar caixas de diálogos que
aparecem na tela do usuário.
– O alert é uma das mais simples caixas de
diálogo, com uma aparência simples e intuitiva
elas são muito usadas em validações de
formulários e/ou bloqueio de ações do browser.

26 / 35
Método Alert()
● Sua principal função é mostrar ao usuário uma
mensagem e um botão de confirmação de que o
usuário tenha visto a mensagem.
● Para chamar essa função, basta utilizarmos o
código alert(), que receberá uma string (mensagem
que será exibida ao usuário).

28 / 35
Método Confirm()
● A caixa de diálogo de confirmação é chamada pela
função confirm() e tem apenas dois botões: um OK
e outro CANCELAR.
● A função confirm() também retorna um valor que
pode ser true (verdadeiro) ou false (falso).

31 / 35
Método Prompt()
● A caixa de diálogo de prompt nos possibilita
requerer uma entrada ao usuário apesar de não ser
tão útil, pois esse recurso pode facilmente ser
substituído por um campo de texto feito em HTML.
● Para chamarmos esta caixa de diálogo, usamos a
função prompt() que recebe uma string como
parâmetro. Esse parâmetro será a mensagem a ser
exibida dentro da caixa de diálogo.

33 / 35
Meu código não funciona e agora?
● Não se apavore com os erros. É importante saber
enfrentá-los. Entender uma mensagem de erro é
fundamental. Há sempre também fóruns e listas de
discussão onde você pode pedir ajuda.
● Lembre-se de descrever muito bem seu problema
e qual é a mensagem de erros, mas ao mesmo
tempo, é necessário ser sucinto.

34 / 35
Meu código não funciona e agora?
● O fórum do GUJ é bastante conhecido na
comunidade de desenvolvedores brasileiros de
diversas linguagens.
● Utilize-o para tirar suas dúvidas:
http://www.guj.com.br.

35 / 35
Exercícios
1.Crie um Script em que envie um alert() antes com
a seguinte frase “Olá, bem vindo”.
2.Crie um Script em que envie uma caixa de dialogo
com a função confirm() confirmando se quer
permanecer na pagina.
3.Crie um Script em que envie uma caixa de dialogo
com o método prompt() pedindo para informar o
nome e escrevendo-o na tela.

Aula01-JavaScript

Mais conteúdo relacionado

Mais procurados (20)

Semelhante a Aula01-JavaScript (20)

Mais de Jorge Ávila Miranda (20)

Último (8)

Aula01-JavaScript