Keith Wood. Apresentação de Dave Methvin. Novatec

Transcrição

1 Keith Wood Apresentação de Dave Methvin Novatec

2 Original English language edition published by Manning Publications Co., Sound View CT.#3B, Greenwich, CT USA. Copyright 2013 by Manning Publications. Portuguese-language edition for Brazil copyright 2013 by Novatec Editora. All rights reserved. Edição original em inglês publicada pela Manning Publications Co., Sound View CT.#3B, Greenwich, CT USA. Copyright 2013 pela Manning Publications. Edição em português para o Brasil copyright 2013 pela Novatec Editora. Todos os direitos reservados. Novatec Editora Ltda Todos os direitos reservados e protegidos pela Lei de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer processo, sem prévia autorização, por escrito, do autor e da Editora. Editor: Rubens Prates Tradução: Lúcia Kinoshita Revisão técnica: Aurelio Jargas Revisão gramatical: Marta Almeida de Sá Editoração eletrônica: Carolina Kuwabata ISBN: Histórico de impressões: Outubro/2013 Primeira edição Novatec Editora Ltda. Rua Luís Antônio dos Santos São Paulo, SP Brasil Tel.: Fax: novatec@novatec.com.br Site: Twitter: twitter.com/novateceditora Facebook: facebook.com/novatec LinkedIn: linkedin.com/in/novatec VC

3 Sumário Apresentação...13 Prefácio...15 Agradecimentos...17 Sobre este livro...18 Sobre a ilustração da capa...23 Parte I Extensões simples...24 Capítulo 1 Extensões da jquery História da jquery Origens Evolução Nos dias de hoje Estendendo a jquery O que você pode estender? Exemplos de extensões jquery UI Validation Controle deslizante gráfico Integração do Google Maps Cookies Animação de cores Resumo Capítulo 2 O primeiro plugin Arquitetura da jquery Pontos de extensão da jquery Seletores

4 6 Estendendo a jquery Plugins de coleção Funções utilitárias Widgets da jquery UI Efeitos da jquery UI Propriedades de animação Processamento de Ajax Tratamento de eventos Regras de validação Um plugin simples Texto placeholder Código do plugin Watermark Limpando as marcas-d água Usando o plugin Watermark Resumo...62 Capítulo 3 Seletores e filtros O que são seletores e filtros? Por que adicionar novos seletores? Seletores básicos Seletores de pseudoclasse Adicionando um seletor de pseudoclasse Estrutura de um seletor de pseudoclasse Adicionando um seletor de conteúdo exato Adicionando um seletor de conteúdo correspondente a um padrão Adicionando seletores de tipo de elemento Adicionando um seletor de idioma estrangeiro Seletores do plugin Validation Adicionando um filtro de conjunto Estrutura de um seletor de conjunto Adicionando um seletor de conjunto para elementos intermediários Melhorando o seletor de igualdade Resumo Parte II Plugins e funções...93 Capítulo 4 Princípios dos plugins Design do plugin Vantagens do plugin Planejando o design Modularize o plugin... 97

5 Sumário Princípios norteadores Disponibilize melhorias progressivas Reivindique somente um único nome e use-o para tudo Coloque tudo sob o objeto jquery Não conte com $ ser o mesmo que jquery Oculte os detalhes de implementação usando escopo Chame métodos para funcionalidades adicionais Retorne o objeto jquery para encadeamento sempre que possível Use a função data para armazenar detalhes de instância Antecipe personalizações Use valores default sensatos Permitir localização Estilize seu plugin usando CSS Teste nos principais navegadores Crie uma suíte de testes Disponibilize demonstrações e documentação Resumo Capítulo 5 Plugins de coleção O que são plugins de coleção? Framework para plugins Plugin MaxLength Operação do plugin MaxLength Definindo seu plugin Reivindicando um namespace Encapsulamento Usando um singleton Associando-se a um elemento Associação básica Inicialização do plugin Chamando métodos Métodos getter Configurando opções Defaults do plugin Localizações Reagindo a alterações em opções Implementando opções em MaxLength Habilitando e desabilitando o widget Adicionando event handlers Registrando um event handler Acionando um event handler

6 8 Estendendo a jquery 5.7 Adicionando métodos Obtendo o comprimento corrente Removendo o plugin Método destroy Últimos retoques Corpo do plugin Estilizando o plugin Plugin completo Resumo Capítulo 6 Plugins de função Definindo seu plugin Plugin para localização Código do framework Carregando localizações Plugin Cookie da jquery Interações com o Cookie Lendo e escrevendo cookies Resumo Capítulo 7 Teste, empacotamento e documentação de seu plugin Testando seu plugin O que deve ser testado? Usando o QUnit Testando o plugin MaxLength Testando configuração e leitura de opções Simulando ações do usuário Testando callbacks de eventos Empacotando seu plugin Reunindo todos os arquivos Minimizando seu plugin Disponibilizando um exemplo básico Documentando seu plugin Documentando as opções Documentando métodos e funções utilitárias Demonstrando os recursos de seu plugin Resumo...204

7 Sumário 9 Parte III Estendendo a jquery UI Capítulo 8 Widgets da jquery UI Framework para widgets Módulos da jquery UI Módulo Widget Plugin MaxLength Operação do plugin MaxLength Definindo seu widget Reivindicando um nome Encapsulando o plugin Declarando o widget Associando o plugin a um elemento Associação básica e inicialização Lidando com as opções do plugin Defaults do widget Reagindo a alterações em opções Implementando opções no MaxLength Habilitando e desabilitando o widget Adicionando event handlers Registrando um event handler Disparando um event handler Adicionando métodos Obtendo o comprimento corrente Removendo o widget O método _destroy Últimos retoques Corpo do widget Estilizando o widget Plugin completo Resumo Capítulo 9 Interação com o mouse usando jquery UI Módulo Mouse da jquery UI Ações de arrastar com o mouse Opções de mouse Definindo seu widget Funcionalidade de assinatura Operação do plugin Signature Declarando o widget Associando o plugin a um elemento...258

8 10 Estendendo a jquery Inicialização do framework Inicialização personalizada Lidando com as opções do plugin Defaults do widget Configurando opções Implementando opções no Signature Habilitando e desabilitando o widget Adicionando event handlers Registrando um event handler Disparando um event handler Interagindo com o mouse Uma ação de arrastar pode ser iniciada? Iniciando uma ação de arrastar Monitorando uma ação de arrastar Finalizando uma ação de arrastar Adicionando métodos Limpando a assinatura Convertendo para JSON Redesenhando a assinatura Verificando a presença de assinatura Removendo o widget Método _destroy Plugin completo Resumo Capítulo 10 Efeitos da jquery UI Framework para efeitos da jquery UI Módulo Effects Core Funções para efeitos comuns Efeitos existentes Adicionando um novo efeito Implodindo um elemento Inicializando o efeito Implementando o efeito Implementando um efeito em versões anteriores à jquery UI Efeito completo Easings para animação O que é um easing? Easings existentes Adição de um novo easing Resumo

9 Sumário 11 Parte IV Outras extensões Capítulo 11 Animação de propriedades Framework para animações Recursos de animação Passos durante uma animação Adicionando uma animação personalizada de propriedade Efetuando a animação de background-position Declarando e obtendo o valor da propriedade Atualizando o valor da propriedade Efetuando a animação de background-position na jquery Plugin completo Resumo Capítulo 12 Estendendo o Ajax Framework para Ajax Pré-filtros Transportes Conversores Adicionando um pré-filtro Ajax Alterando o tipo de dado Desabilitando o processamento de Ajax Adicionado um transporte Ajax Carregando dados de imagem Simulando dados HTML para testes Adicionando um conversor Ajax Formato CSV Convertendo texto para CSV Convertendo CSV em uma tabela Plugins Ajax Resumo Capítulo 13 Estendendo eventos Framework para eventos especiais Vinculando event handlers Disparando eventos Adicionando um evento especial Adicionando um evento de right-click Desabilitando eventos de right-click Múltiplos eventos de right-click Funções de coleção para eventos

10 12 Estendendo a jquery 13.3 Incrementando um evento existente Adicionando o tratamento de right-click ao evento click Outras funcionalidades de eventos Ações default para eventos Callbacks para antes e depois do despacho Impeça o event bubbling Vinculação e delegação automáticas Resumo Capítulo 14 Criação de regras de validação Plugin Validation Atribuindo regras de validação Adicionando uma regra de validação Adicionando uma regra com correspondência de padrão Gerando regras com correspondência de padrão Adicionando uma regra de validação para vários campos Validações de grupos Definindo uma regra para vários campos Resumo Apêndice Expressões regulares Básico sobre expressões regulares Sintaxe de expressões regulares Funções de RegExp Funções de string Padrões de uso Padrões usados em validação Extração de informações Processamento de múltiplas correspondências Resumo Glossário