Carga Horária: 20 horas aula

 

Um curso de programação front-end avançada para quem busca melhorar a interação dos usuários com suas aplicações Web. São abordados tópicos da linguagem JavaScript e como ela interage com o navegador para criar funcionalidades complexas no cliente.

 

Durante o curso, abordamos desde JavaScript puro usando APIs direto no navegador até o uso de jQuery e suas facilidades. Com jQuery, é visto o uso de Ajax e o uso e criação de plugins próprios para estender sua funcionalidade.

 

Por fim, são vistos tópicos essenciais para um sistema de qualidade, como técnicas de otimização Web com o carregamento assíncrono de JavaScript.

 

Esse curso faz parte da Formação Web junto com o WD-43.

 

 

Pré-requisitos:

Curso WD-43 e conhecimento de programação em alguma linguagem (como Java, Ruby, PHP), ou equivalente: conhecimento em desenvolvimento Web com HTML, CSS e JavaScript básico.

 

 

Conteúdo detalhado:

 

Sobre o curso

1.     Os exercícios
2.     Tirando dúvidas

JavaScript Básico

1.     Características da linguagem
2.     Variáveis e Atribuições
3.     Tipos e objetos nativos
4.     Operadores
5.     Comparações
6.     Blocos Condicionais
7.     Blocos de Repetição
8.     Objetos
9.     Funções
10.     Exercício - Entrando em contato com a sintaxe

JavaScript e o navegador

1.     Eventos
2.     JavaScript não-obstrusivo
3.     Exercício - Interagindo com a página
4.     API do navegador
5.     Exercício - Explorando os objetos do DOM
6.     Manipulando o DOM
7.     Exercício - Alterando elementos do documento
8.     Para saber mais - lidando com diferentes navegadores

Programação front-end avançada

1.     Criando e excluindo elementos dinamicamente
2.     Novas APIs do HTML5
3.     Exercício - Armazenando informações no cliente

Orientação a Objetos com JavaScript

1.     Objetos e a sintaxe do JavaScript
2.     Objetos do JavaScript como classes
3.     Funções são "objetos de primeira classe".
4.     O objeto prototype
5.     Sobrecarga de funções
6.     Exercício - Orientação a objetos

jQuery

1.     Conhecendo o jQuery
2.     Seletores
3.     Eventos
4.     Construindo elementos com jQuery
5.     Exercício - Removendo itens da página
6.     Utilitários
7.     Exercício - Utilizando o jQuery
8.     Animações

Plugins com jQuery

1.     Exercício - fazendo um plugin do jQuery

AJAX com jQuery

1.     Exercício - Buscando informações externas com jQuery e AJAX

Otimizações

1.     Exercício opcional - carregando JavaScript com head.js

Apêndice - TDD com Jasmine

1.     Exercício - Testes com Jasmine
2.     Desafio - Evoluindo a implementação com testes

Apêndice - JavaScript para dispositivos móveis

1.     Eventos específicos para toques e gestos
2.     jQuery Mobile

Apêndice - Programação funcional

1.     Compondo funções
2.     Métodos importantes da Array
3.     Exercícios
4.     Desafios

* Os apêndices listados são conteúdos adicionais que não fazem parte do curso regular.