W610 Fundamentos de JavaScript e DOM para Web Designers

Carga-horária::

• 20 horas: curso prático, com mais de 50% do tempo dedicado a exercícios (pode ser customizado e combinado com outros treinamentos)

Público-alvo: Web-designers, programadores Web, desenvolvedores de aplicações para iPhone/iPad.

Pré-requisitos: : experiência em HTML e CSS.

Descrição:

Este curso cobre os tópicos essenciais de JavaScript e Document Object Model para autores de Web Sites que usam CSS e HTML mas não têm familiaridade com scripts ou programação. É um pré-requisito essencial para quem deseja usar os últimos recursos do HTML5 como Canvas, video ou geolocalização - tópicos que requerem conhecimento básico de scripts.

Mesmo que você já seja usuário de bibliotecas como Prototype, YUI ou jQuery, você pode beneficiar-se deste curso pois ele mostrará como usar essas bibliotecas de forma mais eficiente, ou mesmo como substituí-las por soluções mais leves quando precisar de páginas menores.

Este curso foi criado tendo em mente Web Designers experientes no uso de HTML e CSS mas que não são programadores. O curso aborda cada tópico com exemplos e demonstrações, em uma abordagem passo-a-passo que trata dos novos conceitos lentamente, e explora-os na prática através de exercícios em sala de aula.

Ao final do curso o aluno deverá ser capaz de:

• Construir uma página HTML usando apenas scripts e DOM
• Acessar qualquer componente de uma página e alterar suas propriedades
• Realizar operações condicionais e repetições
• Entender e criar funções, variáveis, arrays, objetos, métodos, estruturas JSON
• Depurar seus programas, encontrar erros e corrigi-los
• Escrever animações usando JavaScript, CSS e HTML
• Capturar eventos do mouse e do teclado para interagir com uma página
• Carregar dinamicamente imagens e fragmentos de página usando AJAX

É fundamental neste curso que os participantes tenham experiência com HTML (ou XHTML) e CSS. Não é necessário ter conhecimento prévio de programação.

Tópicos:

1. HTML, DOM, CSS e scripts: três formas de construir uma página
2. Fundamentos: blocos script, atributos de evento e arquivos .js
3. Fundamentos: variáveis, objetos, escopo, eventos, depuração de erros
4. DOM: objetos Document, Element e NodeList: como obter acesso à árvore
5. DOM: criação de novos elementos e texto
6. JavaScript: blocos de repetição e condicionais
7. JavaScript: funções
8. JavaScript: arrays
9. JavaScript: objetos, métodos, propriedades
10. HTML DOM: style, Image, innerHTML, etc.
11. Registro e tratamento de eventos
12. Datas, matemática, números, tipos
13. Timeouts e animação
14. Estruturas JSON
15. Ajax
16. Boas práticas: como manter o código simples e eficiente

Este curso está disponível apenas para turmas fechadas (empresas, grupos, escolas). A contratante deverá providenciar toda a infraestrutura necessária para a realização do treinamento.

Alunos que concluírem este curso terão conhecimento suficiente para utilizar recursos dinâmicos do HTML 5 como Canvas, sincronização de áudio e vídeo, geolocalização, eventos em CSS3, e outros recursos interativos que usam scripts.

Material didático: apostila em português e exemplos de código de autoria de Helder da Rocha e material de referência.

Solicite uma proposta com o programa detalhado e amostra do material didático e exercícios.

Disponibilidade: imediata (depende da disponibilidade de agenda do instrutor). Este curso pode ser realizado in-company (em qualquer cidade) para turmas fechadas (grupos, escolas ou empresas). O programa e carga-horária podem ser adaptados ou customizados de acordo com as necessidades do grupo interessado.

Cursos relacionados:

• W600 JavaScript
• AW100 HTML5, CSS e SVG
• W110 Fundamentos de HTML e CSS
• W191 HTML5 Canvas
• W192 HTML5 Audio e Video
• W491 Animações e transformações com CSS3