Desenvolvimento de Sistemas WEB JavaScript - Aula 14 Introdução Arthur Porto - IFNMG Campus Salinas arthur.porto@ifnmg.edu.br arthurporto.com.br JavaScript - Aula 14 Introdução Desenvolvimento de Sistemas WEB 1 / 17
Sumário 1 Introdução Relembrando o HTML e CSS 2 Conceitos de programação O que é um SCRIPT e como eu crio um? Como os computadores fazem os SCRIPTS funcionarem? E no Browser? 3 Como escrever um script para uma página WEB? Como o CSS, HTML e JavaScript funcionam juntos? Criando um SCRIPT básico JavaScript - Aula 14 Introdução Desenvolvimento de Sistemas WEB 2 / 17
Introdução - O JavaScript é a linguagem de programação do HTML e a WEB - Faz com que a página seja mais interativa Ao acessar conteúdo HTML da página. Modificar o conteúdo HTML. Adicionar regras de programação. Reagir a eventos ocorridos na página. - Exemplos de utilização do JavaScript Slideshows Formulários Atualizar apenas parte de uma página Filtragem de dados JavaScript - Aula 14 Introdução Desenvolvimento de Sistemas WEB 3 / 17
Introdução Relembrando o HTML e CSS JavaScript - Aula 14 Introdução Desenvolvimento de Sistemas WEB 4 / 17
O que é um SCRIPT e como eu crio um? 1 Definir objetivo 2 Projetar o sricpt 3 Codificar cada passo JavaScript - Aula 14 Introdução Desenvolvimento de Sistemas WEB 5 / 17
Como os computadores fazem os SCRIPTS funcionarem? Os computadores criam modelos do mundo usando dados Esse é um modelo de um Hotel com árvores pessoas e carros. Cada objeto possui propriedades, eventos e métodos JavaScript - Aula 14 Introdução Desenvolvimento de Sistemas WEB 6 / 17
Como os computadores fazem os SCRIPTS funcionarem? PROPRIEDADES - As propriedades falam com o computador as características de um objeto no modelo As propriedades terão nome e valores JavaScript - Aula 14 Introdução Desenvolvimento de Sistemas WEB 7 / 17
Como os computadores fazem os SCRIPTS funcionarem? EVENTOS - Os eventos falam ao computador como o usuário pode interagir com um objeto Os eventos podem mudar os valores das propriedades JavaScript - Aula 14 Introdução Desenvolvimento de Sistemas WEB 8 / 17
Como os computadores fazem os SCRIPTS funcionarem? MÉTODOS - Os métodos dizem ao computador como alterar as propriedades dos objetos JavaScript - Aula 14 Introdução Desenvolvimento de Sistemas WEB 9 / 17
Como os computadores fazem os SCRIPTS funcionarem? Juntando Tudo JavaScript - Aula 14 Introdução Desenvolvimento de Sistemas WEB 10 / 17
E no Browser? - Os Browsers são programas construídos usando objetos Através do objeto document você pode alterar o conteúdo da página JavaScript - Aula 14 Introdução Desenvolvimento de Sistemas WEB 11 / 17
E no Browser? COMO O BROWSER ENXERGA A PÁGINA WEB? 1. O Browser recebe a página HTML JavaScript - Aula 14 Introdução Desenvolvimento de Sistemas WEB 12 / 17
E no Browser? COMO O BROWSER ENXERGA A PÁGINA WEB? 2. O Browser cria o modelo da página e armazena na memória JavaScript - Aula 14 Introdução Desenvolvimento de Sistemas WEB 13 / 17
E no Browser? COMO O BROWSER ENXERGA A PÁGINA WEB? 3. O Browser mostra a página utilizando uma máquina de renderização JavaScript - Aula 14 Introdução Desenvolvimento de Sistemas WEB 14 / 17
Como escrever um script para uma página WEB? Como o CSS, HTML e JavaScript funcionam juntos? JavaScript - Aula 14 Introdução Desenvolvimento de Sistemas WEB 15 / 17
Como escrever um script para uma página WEB? Criando um SCRIPT básico JavaScript - Aula 14 Introdução Desenvolvimento de Sistemas WEB 16 / 17
Como escrever um script para uma página WEB? Criando um SCRIPT básico JavaScript - Aula 14 Introdução Desenvolvimento de Sistemas WEB 17 / 17