JavaScript – Desenvolvimento Web Moderno

 Apresentação

Esta formação constitui uma iniciação à programação em JavaScript, concebida para ajudar programadores a compreender os conceitos fundamentais desta linguagem.
O JavaScript permite adicionar recursos interativos a páginas web, como conteúdo atualizado dinamicamente, controlo de multimédia, imagens animadas e diversas funcionalidades que melhoram a experiência do utilizador.

Enquadramento

O JavaScript é uma das linguagens essenciais para o desenvolvimento web moderno, fazendo parte do núcleo das tecnologias front-end, juntamente com HTML e CSS. É amplamente utilizado para manipular o DOM, gerir eventos, criar animações, validar formulários e interagir com servidores via AJAX.

Destinatários

• Programadores que pretendam adquirir uma base sólida em JavaScript e AJAX.
• Profissionais que desejem criar e organizar conteúdos dinâmicos para páginas web.

Pré-requisitos

• Conhecimentos prévios de programação em XHTML e CSS.

Objetivo Geral

Dotar os formandos de competências para compreender e aplicar os conceitos básicos de JavaScript no desenvolvimento de páginas web interativas e dinâmicas.

Objetivos Específicos

No final da formação, os formandos serão capazes de:

• Entender como o JavaScript é utilizado no desenvolvimento web.
• Dominar a sintaxe da linguagem.
• Trabalhar com objetos, métodos e propriedades.
• Criar e utilizar variáveis e funções personalizadas.
• Implementar estruturas de controlo de fluxo (condições e ciclos).
• Validar formulários com JavaScript.
• Criar efeitos de imagem roll-over.
• Abrir e manipular novas janelas.
• Utilizar temporizadores e intervalos.

Programa

1. Os 3 Layers da Web
   • DHTML.
   • HTML para conteúdos.
   • CSS para apresentação.
   • JavaScript para interação.
   • Bibliotecas de JavaScript.
2. Programar com JavaScript
   • Executar um programa.
   • Declarações e comentários.
   • Variáveis.
   • Estruturas de controlo (condições e loops).
   • Funções e reutilização de código.
   • Objetos.
3. Controlar o Documento
   • DOM (Document Object Model).
   • Aceder ao texto e atributos dos elementos.
   • Seleção de elementos.
   • Alteração de estilos.
   • Exemplo prático.
   • Utilização de bibliotecas externas.
4. Eventos
   • Event handlers.
   • Event listeners.
   • Exemplo prático.
5. Animação
   • Princípios de animação.
   • Controlo de tempo com JavaScript.
   • Animação baseada em trajetórias.
6. Melhoria de Formulários
   • Extensões HTML DOM.
   • Validação de formulários.
   • Controlo de formulários personalizados.
7. Erros e Debug
   • Gestão e identificação de erros.
   • Erros comuns.
   • Debug com Firebug