JavaScript essencial

24h

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 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.

Programa

  • Parte I - JavaScript Essencial para programadores HTML
    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.
  • Parte II - JavaScript Prático
    1. Natureza assíncrona do JavaScript
    2. Registro e tratamento de eventos
    3. Datas, matemática, números, tipos
    4. Timeouts e animação
    5. Estruturas JSON
    6. Ajax
    7. Tópicos avançados
    8. Breve introdução a JQuery
    9. Dicas para depurar programas
    10. Boas práticas: como manter o código simples e eficiente

    Extras

    1. Livro (antigo) escrito por Helder da Rocha em 1999 disponível para download (contém código-fonte).

    Cursos relacionados