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.

Posts relacionados no blog

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