SlideShare uma empresa Scribd logo
JavaScript Lucas Leite Maicon Martins
O que é JavaScript ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Atenção! ,[object Object],[object Object],[object Object],[object Object]
Criando projeto no Eclipse ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Incorporação de Script ao HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Incorporação de Script ao HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Incorporação de Script ao HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Detectando Erros (Mozilla Firefox) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Estrutura da Linguagem – Condicional If ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Estrutura da Linguagem – Condicional If Aninhado ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Estrutura da Linguagem – Switch ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Estrutura da Linguagem – Switch (Break aninhado) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Estrutura da Linguagem – For ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Estrutura da Linguagem – While - Do..While ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Estrutura da Linguagem – Funções ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
DOM – Document Object Model O Modelo de Objeto de Documentos (DOM) é uma interface de programação de aplicativos (API) para documentos HTML e XML. É a definição da estrutura lógica dos documentos e o meio pelo qual um documento é acessado e manipulado. Ou seja, é o mapeamento em objetos e atributos das tags e elementos do HTML.  O DOM é padronizado pelo W3C, mas nem sempre as suas especificações são implementadas fielmente nos browsers. O Internet Explorer, por exemplo, possui muitas implementações do DOM que diferem do padrão W3C, causando transtornos com compatibilidades com browsers que implementam o padrão mais fielmente (Firefox e Opera). O DOM foi concebido para ser utilizado com qualquer linguagem de programação. Atualmente, a linguagem que mais implementa o conceito de DOM é o JavaScript, sendo ele a parte mais fundamental dessa linguagem.
DOM – Visão Geral e Simplificada (Netscape '01)
DOM – Objeto Window Acessar Frames dentro da páginas (em desuso) Acesso do documento em si, o HTML da Window Arquivo que Window está usando. Pode ser alterado (GOTO) Acesso ao Histórico. Avança e recua páginas.
DOM – Objeto Window (+) + atributos Window.Status  Barra de Status do Navegador (não-padrão) + métodos Window.Open()  Abre uma nova janela do navegador (usada para pop-ups) Window.Close()  Fecha a janela corrente Window.Alert()  Mensagem de alerta (já usada em exemplos anteriores) Window.Confirm()  Mensagem com opções OK/Cancela  Window.Prompt() Mensagem com edit para entrada de dados simples (ruim) Atividade Proposta Crie um HTML que incorpore um script escrito em outro arquivo, onde serão criadas funções a serem disparadas pelo <head> do HTML. O objetivo é criar um Prompt para entrada de um texto simples, a informação passada a um Confirm que, se OK mostre um Alert, senão abra uma Popup com um HTML simples.

Mais conteúdo relacionado

Mais procurados

Clean Code (Robert C. Martin)
Clean Code (Robert C. Martin)Clean Code (Robert C. Martin)
Clean Code (Robert C. Martin)
Yasser Veleda
 
Aula 01 - Começando a programar em PHP
Aula 01 - Começando a programar em PHPAula 01 - Começando a programar em PHP
Aula 01 - Começando a programar em PHP
Evandro Júnior
 
Aula 02 e 03 estrutura básica parte 01 e 02
Aula 02 e 03 estrutura básica parte 01 e 02Aula 02 e 03 estrutura básica parte 01 e 02
Aula 02 e 03 estrutura básica parte 01 e 02Jolvani Morgan
 
1. Computador; Línguas naturais; Linguagens de Programação; Algoritmo e progr...
1. Computador; Línguas naturais; Linguagens de Programação; Algoritmo e progr...1. Computador; Línguas naturais; Linguagens de Programação; Algoritmo e progr...
1. Computador; Línguas naturais; Linguagens de Programação; Algoritmo e progr...
Manuel Menezes de Sequeira
 
Clean code
Clean codeClean code
Clean code
Marcelo Serpa
 
HTML e Hipertexto
HTML e HipertextoHTML e Hipertexto
HTML e Hipertexto
aguiarense
 
Codigo limpo
Codigo limpoCodigo limpo
Codigo limpo
diegomcunha
 
Melhorando a Experiência do Usuário com JavaScript e jQuery
Melhorando a Experiência do Usuário com JavaScript e jQueryMelhorando a Experiência do Usuário com JavaScript e jQuery
Melhorando a Experiência do Usuário com JavaScript e jQuery
Harlley Oliveira
 
Aula06 - JavaScript
Aula06 - JavaScriptAula06 - JavaScript
Aula06 - JavaScript
Jorge Ávila Miranda
 
Clean code - Mantenha seu código limpo
Clean code - Mantenha seu código limpoClean code - Mantenha seu código limpo
Clean code - Mantenha seu código limpo
Tiago Bencardino
 
Aula05-JavaScript
Aula05-JavaScriptAula05-JavaScript
Aula05-JavaScript
Jorge Ávila Miranda
 
Clean Code
Clean CodeClean Code
Clean Code
Bruno Lui
 
Apresentação Clean Code
Apresentação Clean CodeApresentação Clean Code
Apresentação Clean Code
André Leoni
 
Trabalho sobre a linguagem Python
Trabalho sobre a linguagem PythonTrabalho sobre a linguagem Python
Trabalho sobre a linguagem Python
Ricardo Zalla
 
2. Programação e resolução de problemas; Algoritmos; Snap! – Fundamentos de P...
2. Programação e resolução de problemas; Algoritmos; Snap! – Fundamentos de P...2. Programação e resolução de problemas; Algoritmos; Snap! – Fundamentos de P...
2. Programação e resolução de problemas; Algoritmos; Snap! – Fundamentos de P...
Manuel Menezes de Sequeira
 
Expressões idiomáticas do python
Expressões idiomáticas do pythonExpressões idiomáticas do python
Expressões idiomáticas do python
Filipe Ximenes
 

Mais procurados (20)

Xhtml
XhtmlXhtml
Xhtml
 
Clean Code (Robert C. Martin)
Clean Code (Robert C. Martin)Clean Code (Robert C. Martin)
Clean Code (Robert C. Martin)
 
Aula 01 - Começando a programar em PHP
Aula 01 - Começando a programar em PHPAula 01 - Começando a programar em PHP
Aula 01 - Começando a programar em PHP
 
Aula 02 e 03 estrutura básica parte 01 e 02
Aula 02 e 03 estrutura básica parte 01 e 02Aula 02 e 03 estrutura básica parte 01 e 02
Aula 02 e 03 estrutura básica parte 01 e 02
 
1. Computador; Línguas naturais; Linguagens de Programação; Algoritmo e progr...
1. Computador; Línguas naturais; Linguagens de Programação; Algoritmo e progr...1. Computador; Línguas naturais; Linguagens de Programação; Algoritmo e progr...
1. Computador; Línguas naturais; Linguagens de Programação; Algoritmo e progr...
 
Clean code
Clean codeClean code
Clean code
 
HTML e Hipertexto
HTML e HipertextoHTML e Hipertexto
HTML e Hipertexto
 
Clean code
Clean codeClean code
Clean code
 
Codigo limpo
Codigo limpoCodigo limpo
Codigo limpo
 
Melhorando a Experiência do Usuário com JavaScript e jQuery
Melhorando a Experiência do Usuário com JavaScript e jQueryMelhorando a Experiência do Usuário com JavaScript e jQuery
Melhorando a Experiência do Usuário com JavaScript e jQuery
 
Aula06 - JavaScript
Aula06 - JavaScriptAula06 - JavaScript
Aula06 - JavaScript
 
Clean code - Mantenha seu código limpo
Clean code - Mantenha seu código limpoClean code - Mantenha seu código limpo
Clean code - Mantenha seu código limpo
 
Aula05-JavaScript
Aula05-JavaScriptAula05-JavaScript
Aula05-JavaScript
 
Clean Code
Clean CodeClean Code
Clean Code
 
Xhtml 2011 - atualizado
Xhtml   2011 - atualizadoXhtml   2011 - atualizado
Xhtml 2011 - atualizado
 
Java script2
Java script2Java script2
Java script2
 
Apresentação Clean Code
Apresentação Clean CodeApresentação Clean Code
Apresentação Clean Code
 
Trabalho sobre a linguagem Python
Trabalho sobre a linguagem PythonTrabalho sobre a linguagem Python
Trabalho sobre a linguagem Python
 
2. Programação e resolução de problemas; Algoritmos; Snap! – Fundamentos de P...
2. Programação e resolução de problemas; Algoritmos; Snap! – Fundamentos de P...2. Programação e resolução de problemas; Algoritmos; Snap! – Fundamentos de P...
2. Programação e resolução de problemas; Algoritmos; Snap! – Fundamentos de P...
 
Expressões idiomáticas do python
Expressões idiomáticas do pythonExpressões idiomáticas do python
Expressões idiomáticas do python
 

Destaque

Lógica de Programação com Javascript - Aula #03
Lógica de Programação com Javascript - Aula #03Lógica de Programação com Javascript - Aula #03
Lógica de Programação com Javascript - Aula #03
Ramon Kayo
 
Fórmulas (operadores e operandos
Fórmulas (operadores e operandosFórmulas (operadores e operandos
Fórmulas (operadores e operandos
Judite DEfreitas
 
Lógica de Programação com Javascript - Aula #05
Lógica de Programação com Javascript - Aula #05Lógica de Programação com Javascript - Aula #05
Lógica de Programação com Javascript - Aula #05Ramon Kayo
 
Lógica de Programação com Javascript - Aula #02
Lógica de Programação com Javascript - Aula #02Lógica de Programação com Javascript - Aula #02
Lógica de Programação com Javascript - Aula #02Ramon Kayo
 
Lógica de Programação com Javascript - Aula #04
Lógica de Programação com Javascript - Aula #04Lógica de Programação com Javascript - Aula #04
Lógica de Programação com Javascript - Aula #04Ramon Kayo
 
Lógica de Programação com Javascript - Aula #01
Lógica de Programação com Javascript - Aula #01Lógica de Programação com Javascript - Aula #01
Lógica de Programação com Javascript - Aula #01Ramon Kayo
 
Javascript (parte 1)
Javascript (parte 1)Javascript (parte 1)
Javascript (parte 1)
Alex Camargo
 
[Curso Java Basico] Exercicios Aula 19
[Curso Java Basico] Exercicios Aula 19[Curso Java Basico] Exercicios Aula 19
[Curso Java Basico] Exercicios Aula 19
Loiane Groner
 
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
Curso de Desenvolvimento Web - Módulo 03 - JavaScriptCurso de Desenvolvimento Web - Módulo 03 - JavaScript
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
Rodrigo Bueno Santa Maria, BS, MBA
 

Destaque (10)

Lógica de Programação com Javascript - Aula #03
Lógica de Programação com Javascript - Aula #03Lógica de Programação com Javascript - Aula #03
Lógica de Programação com Javascript - Aula #03
 
Operadores e condições
Operadores e condiçõesOperadores e condições
Operadores e condições
 
Fórmulas (operadores e operandos
Fórmulas (operadores e operandosFórmulas (operadores e operandos
Fórmulas (operadores e operandos
 
Lógica de Programação com Javascript - Aula #05
Lógica de Programação com Javascript - Aula #05Lógica de Programação com Javascript - Aula #05
Lógica de Programação com Javascript - Aula #05
 
Lógica de Programação com Javascript - Aula #02
Lógica de Programação com Javascript - Aula #02Lógica de Programação com Javascript - Aula #02
Lógica de Programação com Javascript - Aula #02
 
Lógica de Programação com Javascript - Aula #04
Lógica de Programação com Javascript - Aula #04Lógica de Programação com Javascript - Aula #04
Lógica de Programação com Javascript - Aula #04
 
Lógica de Programação com Javascript - Aula #01
Lógica de Programação com Javascript - Aula #01Lógica de Programação com Javascript - Aula #01
Lógica de Programação com Javascript - Aula #01
 
Javascript (parte 1)
Javascript (parte 1)Javascript (parte 1)
Javascript (parte 1)
 
[Curso Java Basico] Exercicios Aula 19
[Curso Java Basico] Exercicios Aula 19[Curso Java Basico] Exercicios Aula 19
[Curso Java Basico] Exercicios Aula 19
 
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
Curso de Desenvolvimento Web - Módulo 03 - JavaScriptCurso de Desenvolvimento Web - Módulo 03 - JavaScript
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
 

Semelhante a JavaScript - Aula Introdutória

Javascript
JavascriptJavascript
Javascript
nasjo
 
Java mais ágil que nunca no desenvolvimento Web
Java mais ágil que nunca no desenvolvimento WebJava mais ágil que nunca no desenvolvimento Web
Java mais ágil que nunca no desenvolvimento WebBruno Borges
 
Aula 2 - ASP
Aula 2 - ASPAula 2 - ASP
Aula 2 - ASP
Elizangela Quaresma
 
Apps Web em Wicket e Scala no GlassFish Java EE 6
Apps Web em Wicket e Scala no GlassFish Java EE 6Apps Web em Wicket e Scala no GlassFish Java EE 6
Apps Web em Wicket e Scala no GlassFish Java EE 6
Bruno Borges
 
Desenvolvimento de web sites com php
Desenvolvimento de web sites com phpDesenvolvimento de web sites com php
Desenvolvimento de web sites com php
brenod123
 
Html5 - O futuro da Web
Html5 - O futuro da WebHtml5 - O futuro da Web
Html5 - O futuro da Web
Jose Berardo
 
Logica Algoritmo 07 Subalgoritmos
Logica Algoritmo 07 SubalgoritmosLogica Algoritmo 07 Subalgoritmos
Logica Algoritmo 07 SubalgoritmosRegis Magalhães
 
Desenvolvendo aplicações web com python e web2py
Desenvolvendo aplicações web com python e web2pyDesenvolvendo aplicações web com python e web2py
Desenvolvendo aplicações web com python e web2py
Gilson Filho
 
Html5
Html5Html5
Mini-curso codeIgniter - aula 1
Mini-curso codeIgniter - aula 1Mini-curso codeIgniter - aula 1
Mini-curso codeIgniter - aula 1
lfernandomcj
 
Introdução ao Desenvolvimento WEB com Ruby on Rails
Introdução ao Desenvolvimento WEB com Ruby on RailsIntrodução ao Desenvolvimento WEB com Ruby on Rails
Introdução ao Desenvolvimento WEB com Ruby on Rails
Julio Betta
 
Aula 3 - ASP
Aula 3 - ASPAula 3 - ASP
Aula 3 - ASP
Elizangela Quaresma
 
JavaScript
JavaScriptJavaScript
Introdução de web
Introdução de webIntrodução de web
Introdução de web
Sedu
 
JavaScript
JavaScriptJavaScript
JavaScript
Matheus Soares
 
Formação Web Standards - Dia 1
Formação Web Standards - Dia 1Formação Web Standards - Dia 1
Formação Web Standards - Dia 1guestaa73e1a
 
Formação Web Standards - Dia 1
Formação Web Standards - Dia 1Formação Web Standards - Dia 1
Formação Web Standards - Dia 1Bruno Abrantes
 
JavaScript e JQuery para Webdesigners
JavaScript e JQuery para WebdesignersJavaScript e JQuery para Webdesigners
JavaScript e JQuery para Webdesigners
Harlley Oliveira
 

Semelhante a JavaScript - Aula Introdutória (20)

Javascript
JavascriptJavascript
Javascript
 
Java mais ágil que nunca no desenvolvimento Web
Java mais ágil que nunca no desenvolvimento WebJava mais ágil que nunca no desenvolvimento Web
Java mais ágil que nunca no desenvolvimento Web
 
Aula 2 - ASP
Aula 2 - ASPAula 2 - ASP
Aula 2 - ASP
 
Apps Web em Wicket e Scala no GlassFish Java EE 6
Apps Web em Wicket e Scala no GlassFish Java EE 6Apps Web em Wicket e Scala no GlassFish Java EE 6
Apps Web em Wicket e Scala no GlassFish Java EE 6
 
Desenvolvimento de web sites com php
Desenvolvimento de web sites com phpDesenvolvimento de web sites com php
Desenvolvimento de web sites com php
 
Html5 - O futuro da Web
Html5 - O futuro da WebHtml5 - O futuro da Web
Html5 - O futuro da Web
 
Mini Curso Python
Mini Curso PythonMini Curso Python
Mini Curso Python
 
Logica Algoritmo 07 Subalgoritmos
Logica Algoritmo 07 SubalgoritmosLogica Algoritmo 07 Subalgoritmos
Logica Algoritmo 07 Subalgoritmos
 
Desenvolvendo aplicações web com python e web2py
Desenvolvendo aplicações web com python e web2pyDesenvolvendo aplicações web com python e web2py
Desenvolvendo aplicações web com python e web2py
 
Html5
Html5Html5
Html5
 
Java script
Java scriptJava script
Java script
 
Mini-curso codeIgniter - aula 1
Mini-curso codeIgniter - aula 1Mini-curso codeIgniter - aula 1
Mini-curso codeIgniter - aula 1
 
Introdução ao Desenvolvimento WEB com Ruby on Rails
Introdução ao Desenvolvimento WEB com Ruby on RailsIntrodução ao Desenvolvimento WEB com Ruby on Rails
Introdução ao Desenvolvimento WEB com Ruby on Rails
 
Aula 3 - ASP
Aula 3 - ASPAula 3 - ASP
Aula 3 - ASP
 
JavaScript
JavaScriptJavaScript
JavaScript
 
Introdução de web
Introdução de webIntrodução de web
Introdução de web
 
JavaScript
JavaScriptJavaScript
JavaScript
 
Formação Web Standards - Dia 1
Formação Web Standards - Dia 1Formação Web Standards - Dia 1
Formação Web Standards - Dia 1
 
Formação Web Standards - Dia 1
Formação Web Standards - Dia 1Formação Web Standards - Dia 1
Formação Web Standards - Dia 1
 
JavaScript e JQuery para Webdesigners
JavaScript e JQuery para WebdesignersJavaScript e JQuery para Webdesigners
JavaScript e JQuery para Webdesigners
 

Último

MANUAL DO REVENDEDOR TEGG TELECOM - O 5G QUE PAGA VOCÊ
MANUAL DO REVENDEDOR TEGG TELECOM - O 5G QUE PAGA VOCÊMANUAL DO REVENDEDOR TEGG TELECOM - O 5G QUE PAGA VOCÊ
MANUAL DO REVENDEDOR TEGG TELECOM - O 5G QUE PAGA VOCÊ
EMERSON BRITO
 
Conferência Goiás I Fraudes no centro-oeste em 2023
Conferência Goiás I Fraudes no centro-oeste em 2023Conferência Goiás I Fraudes no centro-oeste em 2023
Conferência Goiás I Fraudes no centro-oeste em 2023
E-Commerce Brasil
 
APRESENTAÇÃO PTA NR 18 trabalho - R2.pptx
APRESENTAÇÃO PTA NR 18 trabalho - R2.pptxAPRESENTAÇÃO PTA NR 18 trabalho - R2.pptx
APRESENTAÇÃO PTA NR 18 trabalho - R2.pptx
thiago718348
 
Conferência Goiás I Uma experiência excelente começa quando ela ainda nem seq...
Conferência Goiás I Uma experiência excelente começa quando ela ainda nem seq...Conferência Goiás I Uma experiência excelente começa quando ela ainda nem seq...
Conferência Goiás I Uma experiência excelente começa quando ela ainda nem seq...
E-Commerce Brasil
 
Conferência Goiás I Conteúdo que vende: Estratégias para o aumento de convers...
Conferência Goiás I Conteúdo que vende: Estratégias para o aumento de convers...Conferência Goiás I Conteúdo que vende: Estratégias para o aumento de convers...
Conferência Goiás I Conteúdo que vende: Estratégias para o aumento de convers...
E-Commerce Brasil
 
ESTUDO BÍBLICO - A PESSOA DO ESPIRITO SANTO.pptx
ESTUDO BÍBLICO - A PESSOA DO ESPIRITO SANTO.pptxESTUDO BÍBLICO - A PESSOA DO ESPIRITO SANTO.pptx
ESTUDO BÍBLICO - A PESSOA DO ESPIRITO SANTO.pptx
vinicius252017
 
Conferência Goiás I Como uma boa experiência na logística reversa pode impact...
Conferência Goiás I Como uma boa experiência na logística reversa pode impact...Conferência Goiás I Como uma boa experiência na logística reversa pode impact...
Conferência Goiás I Como uma boa experiência na logística reversa pode impact...
E-Commerce Brasil
 
Conferência Goiás I Perspectivas do Pix 2024: novidades e impactos no varejo ...
Conferência Goiás I Perspectivas do Pix 2024: novidades e impactos no varejo ...Conferência Goiás I Perspectivas do Pix 2024: novidades e impactos no varejo ...
Conferência Goiás I Perspectivas do Pix 2024: novidades e impactos no varejo ...
E-Commerce Brasil
 
Codigo dos Homens.pdf e suas artimanhas de conquistas
Codigo dos Homens.pdf e suas artimanhas de conquistasCodigo dos Homens.pdf e suas artimanhas de conquistas
Codigo dos Homens.pdf e suas artimanhas de conquistas
MichelFernandes43
 
Conferência Goiás I As tendências para logística em 2024 e o impacto positivo...
Conferência Goiás I As tendências para logística em 2024 e o impacto positivo...Conferência Goiás I As tendências para logística em 2024 e o impacto positivo...
Conferência Goiás I As tendências para logística em 2024 e o impacto positivo...
E-Commerce Brasil
 
Guia Definitivo do Feedback 2.0 como vc ter maturidade de relacionamento
Guia Definitivo do Feedback 2.0 como vc ter maturidade de relacionamentoGuia Definitivo do Feedback 2.0 como vc ter maturidade de relacionamento
Guia Definitivo do Feedback 2.0 como vc ter maturidade de relacionamento
Leonardo Espírito Santo
 
7070ppppppppppppppppppppppppppppp10.pptx
7070ppppppppppppppppppppppppppppp10.pptx7070ppppppppppppppppppppppppppppp10.pptx
7070ppppppppppppppppppppppppppppp10.pptx
LEANDROSPANHOL1
 
Conferência Goiás I Moda e E-commerce: transformando a experiência do consumi...
Conferência Goiás I Moda e E-commerce: transformando a experiência do consumi...Conferência Goiás I Moda e E-commerce: transformando a experiência do consumi...
Conferência Goiás I Moda e E-commerce: transformando a experiência do consumi...
E-Commerce Brasil
 

Último (13)

MANUAL DO REVENDEDOR TEGG TELECOM - O 5G QUE PAGA VOCÊ
MANUAL DO REVENDEDOR TEGG TELECOM - O 5G QUE PAGA VOCÊMANUAL DO REVENDEDOR TEGG TELECOM - O 5G QUE PAGA VOCÊ
MANUAL DO REVENDEDOR TEGG TELECOM - O 5G QUE PAGA VOCÊ
 
Conferência Goiás I Fraudes no centro-oeste em 2023
Conferência Goiás I Fraudes no centro-oeste em 2023Conferência Goiás I Fraudes no centro-oeste em 2023
Conferência Goiás I Fraudes no centro-oeste em 2023
 
APRESENTAÇÃO PTA NR 18 trabalho - R2.pptx
APRESENTAÇÃO PTA NR 18 trabalho - R2.pptxAPRESENTAÇÃO PTA NR 18 trabalho - R2.pptx
APRESENTAÇÃO PTA NR 18 trabalho - R2.pptx
 
Conferência Goiás I Uma experiência excelente começa quando ela ainda nem seq...
Conferência Goiás I Uma experiência excelente começa quando ela ainda nem seq...Conferência Goiás I Uma experiência excelente começa quando ela ainda nem seq...
Conferência Goiás I Uma experiência excelente começa quando ela ainda nem seq...
 
Conferência Goiás I Conteúdo que vende: Estratégias para o aumento de convers...
Conferência Goiás I Conteúdo que vende: Estratégias para o aumento de convers...Conferência Goiás I Conteúdo que vende: Estratégias para o aumento de convers...
Conferência Goiás I Conteúdo que vende: Estratégias para o aumento de convers...
 
ESTUDO BÍBLICO - A PESSOA DO ESPIRITO SANTO.pptx
ESTUDO BÍBLICO - A PESSOA DO ESPIRITO SANTO.pptxESTUDO BÍBLICO - A PESSOA DO ESPIRITO SANTO.pptx
ESTUDO BÍBLICO - A PESSOA DO ESPIRITO SANTO.pptx
 
Conferência Goiás I Como uma boa experiência na logística reversa pode impact...
Conferência Goiás I Como uma boa experiência na logística reversa pode impact...Conferência Goiás I Como uma boa experiência na logística reversa pode impact...
Conferência Goiás I Como uma boa experiência na logística reversa pode impact...
 
Conferência Goiás I Perspectivas do Pix 2024: novidades e impactos no varejo ...
Conferência Goiás I Perspectivas do Pix 2024: novidades e impactos no varejo ...Conferência Goiás I Perspectivas do Pix 2024: novidades e impactos no varejo ...
Conferência Goiás I Perspectivas do Pix 2024: novidades e impactos no varejo ...
 
Codigo dos Homens.pdf e suas artimanhas de conquistas
Codigo dos Homens.pdf e suas artimanhas de conquistasCodigo dos Homens.pdf e suas artimanhas de conquistas
Codigo dos Homens.pdf e suas artimanhas de conquistas
 
Conferência Goiás I As tendências para logística em 2024 e o impacto positivo...
Conferência Goiás I As tendências para logística em 2024 e o impacto positivo...Conferência Goiás I As tendências para logística em 2024 e o impacto positivo...
Conferência Goiás I As tendências para logística em 2024 e o impacto positivo...
 
Guia Definitivo do Feedback 2.0 como vc ter maturidade de relacionamento
Guia Definitivo do Feedback 2.0 como vc ter maturidade de relacionamentoGuia Definitivo do Feedback 2.0 como vc ter maturidade de relacionamento
Guia Definitivo do Feedback 2.0 como vc ter maturidade de relacionamento
 
7070ppppppppppppppppppppppppppppp10.pptx
7070ppppppppppppppppppppppppppppp10.pptx7070ppppppppppppppppppppppppppppp10.pptx
7070ppppppppppppppppppppppppppppp10.pptx
 
Conferência Goiás I Moda e E-commerce: transformando a experiência do consumi...
Conferência Goiás I Moda e E-commerce: transformando a experiência do consumi...Conferência Goiás I Moda e E-commerce: transformando a experiência do consumi...
Conferência Goiás I Moda e E-commerce: transformando a experiência do consumi...
 

JavaScript - Aula Introdutória

  • 1. JavaScript Lucas Leite Maicon Martins
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16. DOM – Document Object Model O Modelo de Objeto de Documentos (DOM) é uma interface de programação de aplicativos (API) para documentos HTML e XML. É a definição da estrutura lógica dos documentos e o meio pelo qual um documento é acessado e manipulado. Ou seja, é o mapeamento em objetos e atributos das tags e elementos do HTML. O DOM é padronizado pelo W3C, mas nem sempre as suas especificações são implementadas fielmente nos browsers. O Internet Explorer, por exemplo, possui muitas implementações do DOM que diferem do padrão W3C, causando transtornos com compatibilidades com browsers que implementam o padrão mais fielmente (Firefox e Opera). O DOM foi concebido para ser utilizado com qualquer linguagem de programação. Atualmente, a linguagem que mais implementa o conceito de DOM é o JavaScript, sendo ele a parte mais fundamental dessa linguagem.
  • 17. DOM – Visão Geral e Simplificada (Netscape '01)
  • 18. DOM – Objeto Window Acessar Frames dentro da páginas (em desuso) Acesso do documento em si, o HTML da Window Arquivo que Window está usando. Pode ser alterado (GOTO) Acesso ao Histórico. Avança e recua páginas.
  • 19. DOM – Objeto Window (+) + atributos Window.Status Barra de Status do Navegador (não-padrão) + métodos Window.Open() Abre uma nova janela do navegador (usada para pop-ups) Window.Close() Fecha a janela corrente Window.Alert() Mensagem de alerta (já usada em exemplos anteriores) Window.Confirm() Mensagem com opções OK/Cancela Window.Prompt() Mensagem com edit para entrada de dados simples (ruim) Atividade Proposta Crie um HTML que incorpore um script escrito em outro arquivo, onde serão criadas funções a serem disparadas pelo <head> do HTML. O objetivo é criar um Prompt para entrada de um texto simples, a informação passada a um Confirm que, se OK mostre um Alert, senão abra uma Popup com um HTML simples.