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 eventual 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.
O curso "essencial" 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. Dependendo do background e expectativas dos alunos, pode-se abordar tópicos adicionais ou cumprir todo o programa. A parte I (essencial) aborda os conhecimentos mínimos para que se possa usar de funções básicas do HTML5 como HTML5 Canvas e controles de áudio e vídeo.
Ao final do curso o aluno deverá ser capaz de:
- Construir uma página HTML usando apenas scripts e DOM (1)
- Acessar qualquer componente de uma página e alterar suas propriedades (1)
- Realizar operações condicionais e repetições (1)
- Entender e criar funções, variáveis, arrays, objetos, métodos, estruturas JSON (1)
- Depurar seus programas, encontrar erros e corrigi-los (1)
- Entender a natureza assíncrona do JavaScript (2)
- Escrever animações usando JavaScript, CSS e HTML (2)
- Capturar eventos do mouse e do teclado para interagir com uma página (2)
- Carregar dinamicamente imagens e fragmentos de página usando AJAX (2)
- Incluir suporte a uma biblioteca como JQuery (2)
É 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.
Parte I - JavaScript Essencial para programadores HTML
- HTML, DOM, CSS e scripts: três formas de construir uma página
- Fundamentos: blocos script, atributos de evento e arquivos .js
- Fundamentos: variáveis, objetos, escopo, eventos, depuração de erros
- DOM: objetos Document, Element e NodeList: como obter acesso à árvore
- DOM: criação de novos elementos e texto
- JavaScript: blocos de repetição e condicionais
- JavaScript: funções
- JavaScript: arrays
- JavaScript: objetos, métodos, propriedades
- HTML DOM: style, Image, innerHTML, etc.
Parte II - JavaScript Prático
- Natureza assíncrona do JavaScript
- Registro e tratamento de eventos
- Datas, matemática, números, tipos
- Timeouts e animação
- Estruturas JSON
- Ajax
- Tópicos avançados
- Breve introdução a JQuery
- Dicas para depurar programas
- Boas práticas: como manter o código simples e eficiente