Guia de Estudo - Programming in HTML5 With JavaScript and CSS3

70-480: Programming in HTML5 with
JavaScript and CSS3

Guia de estudo para certificação
Ray Carneiro
Fontes de estudo
 PDF da Prova
 Microsoft Virtual Academy
https://mva.microsoft.com/pt-br/training-courses/introdu-o-r-pida-ao-desenvolvimento-em-
html5-com-javascript-e-css3-8223?l=AJoPBmRiB_9300115888
W3School
https://www.w3schools.com/html/html5_intro.asp
Github
https://github.com/rcarneironet/exam70480
Capítulo 1 – Implementar e manipular estrutura e objetos do documento
Objetivo 1.1: Criar a estrutura do documento

• Criar a estrutura do documento
• Usar a semântica de mark-up do HTML5
• Otimização para buscadores
• Otimização para leitores
• Sumário do objetivo
• Revisão do objetivo
Capítulo 1 – Implementar e manipular estrutura e objetos do documento
Semântica do HTML5
Elemento HTML Descrição

<article> Define áreas na página
<aside> Define áreas de conteúdo menores fora do fluxo da página
<figcaption> Define o “título” do elemento de figura
<figure> Define um conteúdo que contém uma figura, tal como imagem, gráfico, etc
<footer> Define o rodapé de uma seção ou página
<header> Define o cabeçalho de uma seção ou página
<hgroup> Define um grupo de headings (elementos de h1 até h5)
<mark> Define que um texto precisa ser destacado
<nav> Define navegação para outras páginas no site
<progress> Define o progresso de uma tarefa
<section> Define conteúdo distinto de um documento ou área
Capítulo 1 – Escrever código para interagir com a UI
Objetivo 1.2: Escrever código para interagir com a UI

• Adicionar ou modificar elementos HTML
• Implementar controles de mídia
• Implementar gráficos com HTML <canvas> e SVG

Capítulo 1.2 – Escrever código para interagir com a UI
Controles de mídia
Controle Descrição
<video> Inclui um controle de mídia, video
<audio> Inclui um controle de mídia, um áudio
Capítulo 1 – Aplicar estilos em elementos HTML programaticamente
Objetivo 1.3: Aplicar estilos em elementos HTML programaticamente

• Alterar a localização de um elemento
• Aplicar transformações
• Exibindo e escondendo elementos

Capítulo 1.3 – Aplicar estilos nos elementos HTML programaticamente
Controles de mídia
Método Efeito
visible Alterar a propriedade de um elemento para visível
hidden Esconde o elemento
Collapse Colapsa o elemento quando aplicável
Inherit Herda o valor de visibilidade da propriedade do elemento pai
Capítulo 1 – Implementar APIs HTML5
Objetivo 1.4: Implementar APIs HTML5

• Usar a Storage API
• Usar o AppCache API
• Usar o Geolocation API

Capítulo 1.4 – Implementar APIs HTML5
Existem duas formas de storage: local e session
API Efeito
LocalStorage Persistente, disponível mesmo quando o usuário fecha o browser. Disponível
através do objeto localStorage.
SessionStorage Volátil, disponível enquanto durar a sessão. Se o usuário fechar o browser, os
dados são perdidos. Disponível através do objeto sessionStorage.
Capítulo 1.4 – Implementar APIs HTML5
AppCache API – Uso de app off-line, limitado e contém 2 componentes: arquivo manifesto e
Javascript API
API Efeito
.appcache Para usar off-line, informar no elemento html o atributo webApp.appcache:
<html manifest=“webApp.appcache”>, onde “webApp” é um nome genérico

que você pode escolher. O importante é a extensão .appcache
Essa técnica aparentemente foi removida dos padrões web atuais e recomenda-se a utilização de
WebWorkers
Capítulo 1 – Estabelecer o escopo de objetos e variáveis
Objetivo 1.5: Estabelecer o escopo de objetos e variáveis

• Estabelecer o ciclo de vida de variáveis e escopos de variáveis
• Evitar usar namespaces globais
• Utilizando “this”
Capítulo 1 – Criar e implementar objetos e métodos
Objetivo 1.6: Criar e implementar objetos e métodos

• Implementar objetos nativos
• Criar objetos customizados e propriedades customizadas usando protótipos
• Implementar herança
• Implementar métodos nativos e criar métodos customizados

Capítulo 2 – Implementar fluxo do programa
Objetivo 2.1: Implementar fluxo do programa
• Analisar expressões
• Trabalhando com Arrays
• Implementação de tipos especiais
• Usando métodos avançados com array
• Implemenação de controle de fluxo iterativo
Capítulo 2.1 – Implementar fluxo do programa
Condições Descrição
Condicionais Fluxo condicional é baseado em avaliar um estado e tomar decisão de onde o
código deve seguir
Iterativas A habilidade de processar listas ou coleções de informações de forma
sistemática e consistente
Comportamental Definido como um evento ou call-back da qual uma lógica específica deveria
ser aplicada baseado no engajamento do aplicativo ou finalização de outra
tarefa.
Capítulo 2
Objetivo 2.2: Criar e gerir eventos
• Usar eventos, incluindo gerenciar o evento por uso de funções anônimas

• Gerenciar eventos DOM (Documento Object Model), ex: onBlur, onFocus, onClick e sua
convenção de nomenclatura “on_” + Nome do evento
• Criar eventos customizados
Capítulo 2.2 – Cria e gerir eventos
Como declarar Como acontece

Direto no HTML A declaração do evento é feita direto na marcação HTML
Incluir a função na É Incluso na propriedade através de JavaScript
propriedade do evento
Usar os métodos add e Usando os métodos add e remove no elemento para associar com eventos
remove
Capítulo 2
Objetivo 2.3: Implementar tratativa de exceções
• Implementar try-catch-finally, incluindo setar e responder a códigos e lançar exceções

• Checar valores nulos
Capítulo 2
Objetivo 2.4: Implementar callback
• Implementar comunicação bi-direcional com WebSocket API

• Tornar páginas dinâmicas com JQuery e Ajax
• “Ligar” um evento com jQuery
• Implementar call-back com funções anônimas
• Usar o ponteiro this
Capítulo 2
Objetivo 2.5: Criar um processo WebWorker
• Iniciando com WebWorker

• Criar um processo WebWorker com o WebWorker API
• Usar um WebWorker
• Entendendo as limitações do WebWorker
• Configurar timeouts e intervalos
Capítulo 3
Objetivo 3.1: Validar entradas de usuários com elementos HTML5
• Escolher os controles HTML5 de entrada de dados de usuário

• Implementar atributos
Capítulo 3
Objetivo 3.2: Validar entradas de usuários com Javascript
• Expressões regulares
• Funções nativas
• Code injection
Capítulo 3
Objetivo 3.3: Consumir dados
• Consumir JSON e XML usando webservices

• Usar o objeto XMLHTTPRequest
Capítulo 3
Objetivo 3.4: Serializar, deserializar e transmitir dados
• Enviar dados usando XMLHttpRequest

• Serializar e deserializar dados JSON
• Serializar e deserializar dados binários
Capítulo 4
Objetivo 4 – Usando CSS3 em aplicações
• 4.1 – Style HTML text properties

• 4.2 – Style HTML box properties
• 4.3 – Create a flexible contente layout
• 4.4 – Create na animated and adaptative UI
• 4.5 – Find elements using CSS selectors and Jquery
• 4.6 – Structure a CSS file by using CSS selectors

Guia de Estudo - Programming in HTML5 With JavaScript and CSS3

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Guia de Estudo - Programming in HTML5 With JavaScript and CSS3

Enviado por

Direitos autorais:

Formatos disponíveis

70-480: Programming in HTML5 with

JavaScript and CSS3

Objetivo 1.1: Criar a estrutura do documento

• Usar a semântica de mark-up do HTML5

• Otimização para buscadores

• Otimização para leitores

Elemento HTML Descrição

Objetivo 1.2: Escrever código para interagir com a UI

• Implementar controles de mídia

• Implementar gráficos com HTML <canvas> e SVG

Objetivo 1.3: Aplicar estilos em elementos HTML programaticamente

• Exibindo e escondendo elementos

Objetivo 1.4: Implementar APIs HTML5

• Usar o AppCache API

• Usar o Geolocation API

Existem duas formas de storage: local e session

<html manifest=“webApp.appcache”>, onde “webApp” é um nome genérico

Objetivo 1.5: Estabelecer o escopo de objetos e variáveis

• Evitar usar namespaces globais

Objetivo 1.6: Criar e implementar objetos e métodos

• Criar objetos customizados e propriedades customizadas usando protótipos

• Implementar métodos nativos e criar métodos customizados

Objetivo 2.1: Implementar fluxo do programa

Objetivo 2.2: Criar e gerir eventos

• Usar eventos, incluindo gerenciar o evento por uso de funções anônimas

Como declarar Como acontece

Objetivo 2.3: Implementar tratativa de exceções

• Implementar try-catch-finally, incluindo setar e responder a códigos e lançar exceções

Objetivo 2.4: Implementar callback

• Implementar comunicação bi-direcional com WebSocket API

Objetivo 2.5: Criar um processo WebWorker

• Iniciando com WebWorker

Objetivo 3.1: Validar entradas de usuários com elementos HTML5

• Escolher os controles HTML5 de entrada de dados de usuário

Objetivo 3.2: Validar entradas de usuários com Javascript

Objetivo 3.3: Consumir dados

• Consumir JSON e XML usando webservices

Objetivo 3.4: Serializar, deserializar e transmitir dados

• Enviar dados usando XMLHttpRequest

Objetivo 4 – Usando CSS3 em aplicações

• 4.1 – Style HTML text properties

Você também pode gostar