SlideShare uma empresa Scribd logo
II Encontro do PHP MG




 Escreva menos e faça
 mais com a jQuery




Grupo de desenvolvedores de
PHP de Minas Gerais
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Apresentação


Carlos Pires (Cadu) é bacharel em ciência da computação pela
Universidade FUMEC.
Desenvolve e é apaixonado pela web e por software livre desde 1999.
Natural de Belo Horizonte, trabalhou com Java(JEE) por mais de 6 anos em
diversas empresas da capital mineira. Ultimamente tem se dedicado ao
CakePHP e à jQuery.

Quando não está andando de bike, está estudando línguas (inglês e espanhol),
curtindo um samba de raíz ou tomando uma cervejinha com os amigos.
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Objetivos do mini-curso



    Divulgar a biblioteca jQuery
    Retribuir à comunidade de software livre
    Combater o código 'espaguete'
    Mostrar que programar pode ser divertido!
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Apresentação da jQuery



jQuery é uma rápida e concisa biblioteca JavaScript que
simpli ca percorrer documentos HTML, manipular
eventos e interações AJAX para um desenvolvimento
web rápido. A jQuery é projetada para mudar a maneira
como você escreve JavaScript.
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Fundamentos


    Métodos anônimos
    O Factory Method $()
    Pode ser utilizada com outras bibliotecas
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Seletores e ltros


    Básicos
    Hierárquicos
    Filtros Básicos
    Filtros de conteúdo
    Filtros de visibilidade
    Filtros de atributos
    Filtros lhos
    Formulários
    Filtros de formulários
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Eventos


    blur               Keyup
    change             mousedown
    click              mouseleave
    dblclick           mousemove
    focus              mouseout
    keydown            mouseover
    keypress           submit
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Navegando no DOM


    prev()
    prevAll()
    next()
    children()
    parent()
    parents()
    etc...
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Manipulando conteúdo


    html()
    html(val)
    text()
    append(content)
    prepend(content)
    prependTo(seletor)
    after()
    before()
    wrap()
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Efeitos


    show()
    hide()
    toggle()
    slideDown()
    slideUp()
    slideToggle()
    fadeIn()
    fadeOut()
    animate()
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
AJAX


    ajax()
    load()
    get()
    getScript()
    post()
    ajaxComplete()
    ajaxError()
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Plugins


    jQuery Form Plugin
    Auto-populate multiple select boxes
    FancyBox
    jQuery lightBox plugin
    Tweetable
    Realtime Related Tweets Bar
    qTip
    jQuery Tag Suggestion
    Using jQuery for Background Image Animations
    jQuery Ribbon
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Referências

    Website O cial
     http://www.jquery.com/
    Documentação o cial (em inglês)
     http://docs.jquery.com/
    Tutorial - Por onde começar com o jQuery - 2km interativa!
     http://i18n.2kminterativa.com.br/jquery/jquery-getting-started-pt_br.html
    Usando jQuery na prática - Simples Ideias. Por Nando Vieira.
     http://simplesideias.com.br/usando-jquery-na-pratica/
    Para ver a lista completa e sempre atualizada, acesse minha conta no
     Delicious: http://delicious.com/cadu/
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Agradecimentos


    Aos organizadores do II Encontro do PHP MG
    À comunidade pela presença



           Carlos Pires
                 -  E-mail: carlos.pires@2km.com.br
                 -  Twitter: @cadu



               www.2km.com.br - Twitter: @2km

Mais conteúdo relacionado

Destaque

Apresentação da Comunidade PHPDF
Apresentação da Comunidade PHPDFApresentação da Comunidade PHPDF
Apresentação da Comunidade PHPDF
Daniel Maffioletti
 
Programação de Jogos - Design Patterns
Programação de Jogos - Design PatternsProgramação de Jogos - Design Patterns
Programação de Jogos - Design Patterns
Bruno Cicanci
 
#DeveloperDay - Front-end API html5
#DeveloperDay - Front-end API html5#DeveloperDay - Front-end API html5
#DeveloperDay - Front-end API html5
Leandro Santos
 
I Heart Stuxnet
I Heart StuxnetI Heart Stuxnet
I Heart Stuxnet
Gil Megidish
 
Teacher, I blew up the lab. I am glad it was only a game. [PDF
Teacher, I blew up the lab. I am glad it was only a game. [PDFTeacher, I blew up the lab. I am glad it was only a game. [PDF
Teacher, I blew up the lab. I am glad it was only a game. [PDF
Roger Tavares
 
Criatividade Comercial - Trust Summit 2014
Criatividade Comercial - Trust Summit 2014Criatividade Comercial - Trust Summit 2014
Criatividade Comercial - Trust Summit 2014
Marcos David Bendrao
 
Visão Geral do CMS e Framework Joomla - Business IT South America
Visão Geral do CMS e Framework Joomla - Business IT South AmericaVisão Geral do CMS e Framework Joomla - Business IT South America
Visão Geral do CMS e Framework Joomla - Business IT South America
Emerson Rocha Luiz
 
Joomla! como plataforma de desenvolvimento de soluções próprias
Joomla! como plataforma de desenvolvimento de soluções própriasJoomla! como plataforma de desenvolvimento de soluções próprias
Joomla! como plataforma de desenvolvimento de soluções próprias
Emerson Rocha Luiz
 
Open Courseware 3D
Open Courseware 3DOpen Courseware 3D
Open Courseware 3D
Roger Tavares
 
Time line do armazenamento de dados
Time line do armazenamento de dadosTime line do armazenamento de dados
Time line do armazenamento de dados
Flavio Souza
 
REVISTA COMPUTER ARTS BRASIL #52
REVISTA COMPUTER ARTS BRASIL #52REVISTA COMPUTER ARTS BRASIL #52
REVISTA COMPUTER ARTS BRASIL #52
Glauco Diogenes Design Ltda
 
FLISOL 2009 - Modelos de Negócios com Software Livre
FLISOL 2009 - Modelos de Negócios com Software LivreFLISOL 2009 - Modelos de Negócios com Software Livre
FLISOL 2009 - Modelos de Negócios com Software Livre
Fábio Prudente
 
090916 Roteiro01
090916 Roteiro01090916 Roteiro01
090916 Roteiro01
Diego Doná
 
Apresentação PhpDescribe
Apresentação PhpDescribeApresentação PhpDescribe
Apresentação PhpDescribe
Daniel Maffioletti
 
HTML5
HTML5HTML5
Game Jams - Como fazer um jogo em 48 horas
Game Jams - Como fazer um jogo em 48 horasGame Jams - Como fazer um jogo em 48 horas
Game Jams - Como fazer um jogo em 48 horas
Bruno Cicanci
 

Destaque (16)

Apresentação da Comunidade PHPDF
Apresentação da Comunidade PHPDFApresentação da Comunidade PHPDF
Apresentação da Comunidade PHPDF
 
Programação de Jogos - Design Patterns
Programação de Jogos - Design PatternsProgramação de Jogos - Design Patterns
Programação de Jogos - Design Patterns
 
#DeveloperDay - Front-end API html5
#DeveloperDay - Front-end API html5#DeveloperDay - Front-end API html5
#DeveloperDay - Front-end API html5
 
I Heart Stuxnet
I Heart StuxnetI Heart Stuxnet
I Heart Stuxnet
 
Teacher, I blew up the lab. I am glad it was only a game. [PDF
Teacher, I blew up the lab. I am glad it was only a game. [PDFTeacher, I blew up the lab. I am glad it was only a game. [PDF
Teacher, I blew up the lab. I am glad it was only a game. [PDF
 
Criatividade Comercial - Trust Summit 2014
Criatividade Comercial - Trust Summit 2014Criatividade Comercial - Trust Summit 2014
Criatividade Comercial - Trust Summit 2014
 
Visão Geral do CMS e Framework Joomla - Business IT South America
Visão Geral do CMS e Framework Joomla - Business IT South AmericaVisão Geral do CMS e Framework Joomla - Business IT South America
Visão Geral do CMS e Framework Joomla - Business IT South America
 
Joomla! como plataforma de desenvolvimento de soluções próprias
Joomla! como plataforma de desenvolvimento de soluções própriasJoomla! como plataforma de desenvolvimento de soluções próprias
Joomla! como plataforma de desenvolvimento de soluções próprias
 
Open Courseware 3D
Open Courseware 3DOpen Courseware 3D
Open Courseware 3D
 
Time line do armazenamento de dados
Time line do armazenamento de dadosTime line do armazenamento de dados
Time line do armazenamento de dados
 
REVISTA COMPUTER ARTS BRASIL #52
REVISTA COMPUTER ARTS BRASIL #52REVISTA COMPUTER ARTS BRASIL #52
REVISTA COMPUTER ARTS BRASIL #52
 
FLISOL 2009 - Modelos de Negócios com Software Livre
FLISOL 2009 - Modelos de Negócios com Software LivreFLISOL 2009 - Modelos de Negócios com Software Livre
FLISOL 2009 - Modelos de Negócios com Software Livre
 
090916 Roteiro01
090916 Roteiro01090916 Roteiro01
090916 Roteiro01
 
Apresentação PhpDescribe
Apresentação PhpDescribeApresentação PhpDescribe
Apresentação PhpDescribe
 
HTML5
HTML5HTML5
HTML5
 
Game Jams - Como fazer um jogo em 48 horas
Game Jams - Como fazer um jogo em 48 horasGame Jams - Como fazer um jogo em 48 horas
Game Jams - Como fazer um jogo em 48 horas
 

Semelhante a Escreva menos e faça mais com a jQuery

Iniciando com jQuery
Iniciando com jQueryIniciando com jQuery
Iniciando com jQuery
Tiago Butzke
 
Como fazer mais em aplicações RIA escrevendo menos
Como fazer mais em aplicações RIA escrevendo menosComo fazer mais em aplicações RIA escrevendo menos
Como fazer mais em aplicações RIA escrevendo menos
Jaydson Gomes
 
Como Fazer (+) Em AplicaçõEs Ria Escrevendo ( )
Como Fazer (+) Em AplicaçõEs Ria Escrevendo ( )Como Fazer (+) Em AplicaçõEs Ria Escrevendo ( )
Como Fazer (+) Em AplicaçõEs Ria Escrevendo ( )
Felipe Nascimento
 
Iniciando com Jquery
Iniciando com JqueryIniciando com Jquery
Iniciando com Jquery
Danilo Sousa
 
FEMUG MGA #6 - Abandonando o jQuery
FEMUG MGA #6  - Abandonando o jQueryFEMUG MGA #6  - Abandonando o jQuery
FEMUG MGA #6 - Abandonando o jQuery
Julio Vedovatto
 
jQuery: Write less, do more
jQuery: Write less, do morejQuery: Write less, do more
jQuery: Write less, do more
hfsantos
 
Introdução jQuery UI
Introdução jQuery UIIntrodução jQuery UI
Introdução jQuery UI
Ricardo Machado
 
Jquery ui
Jquery uiJquery ui
jQuery básico (parte 2)
jQuery básico (parte 2)jQuery básico (parte 2)
jQuery básico (parte 2)
Luís Cobucci
 
Java script aula 07 - j-query
Java script   aula 07 - j-queryJava script   aula 07 - j-query
Java script aula 07 - j-query
Cristiano Pires Martins
 
Web 3.0
Web 3.0Web 3.0
Web 3.0
Miguel Alho
 
Desenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo ToolkitDesenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo Toolkit
Flávio Lisboa
 
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao FrameworkDescomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
Pablo Garrido
 
Desenvolvimento de uma plataforma de bookmarking social com Django e TDD
Desenvolvimento de uma plataforma de bookmarking social com Django e TDDDesenvolvimento de uma plataforma de bookmarking social com Django e TDD
Desenvolvimento de uma plataforma de bookmarking social com Django e TDD
Rodrigo Fernandes
 
Desenvolvimento Front end (AngularJS e Bootstrap)
Desenvolvimento Front end (AngularJS e Bootstrap)Desenvolvimento Front end (AngularJS e Bootstrap)
Desenvolvimento Front end (AngularJS e Bootstrap)
Julian Cesar
 
jQuery
jQueryjQuery
jQuery
Bruno Cunha
 
jQuery
jQueryjQuery
jQuery
Bruno Cunha
 
jQuery - A poderosa Biblioteca JavaScript - Minicurso
jQuery - A poderosa Biblioteca JavaScript - MinicursojQuery - A poderosa Biblioteca JavaScript - Minicurso
jQuery - A poderosa Biblioteca JavaScript - Minicurso
Cloves Moreira Junior
 
Introdução a: Frameworks front end web
Introdução a: Frameworks front end webIntrodução a: Frameworks front end web
Introdução a: Frameworks front end web
Márcio Lucas R Oliveira
 
Tutorial sobre Jquery
Tutorial sobre JqueryTutorial sobre Jquery
Tutorial sobre Jquery
Ivo Calado
 

Semelhante a Escreva menos e faça mais com a jQuery (20)

Iniciando com jQuery
Iniciando com jQueryIniciando com jQuery
Iniciando com jQuery
 
Como fazer mais em aplicações RIA escrevendo menos
Como fazer mais em aplicações RIA escrevendo menosComo fazer mais em aplicações RIA escrevendo menos
Como fazer mais em aplicações RIA escrevendo menos
 
Como Fazer (+) Em AplicaçõEs Ria Escrevendo ( )
Como Fazer (+) Em AplicaçõEs Ria Escrevendo ( )Como Fazer (+) Em AplicaçõEs Ria Escrevendo ( )
Como Fazer (+) Em AplicaçõEs Ria Escrevendo ( )
 
Iniciando com Jquery
Iniciando com JqueryIniciando com Jquery
Iniciando com Jquery
 
FEMUG MGA #6 - Abandonando o jQuery
FEMUG MGA #6  - Abandonando o jQueryFEMUG MGA #6  - Abandonando o jQuery
FEMUG MGA #6 - Abandonando o jQuery
 
jQuery: Write less, do more
jQuery: Write less, do morejQuery: Write less, do more
jQuery: Write less, do more
 
Introdução jQuery UI
Introdução jQuery UIIntrodução jQuery UI
Introdução jQuery UI
 
Jquery ui
Jquery uiJquery ui
Jquery ui
 
jQuery básico (parte 2)
jQuery básico (parte 2)jQuery básico (parte 2)
jQuery básico (parte 2)
 
Java script aula 07 - j-query
Java script   aula 07 - j-queryJava script   aula 07 - j-query
Java script aula 07 - j-query
 
Web 3.0
Web 3.0Web 3.0
Web 3.0
 
Desenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo ToolkitDesenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo Toolkit
 
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao FrameworkDescomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
 
Desenvolvimento de uma plataforma de bookmarking social com Django e TDD
Desenvolvimento de uma plataforma de bookmarking social com Django e TDDDesenvolvimento de uma plataforma de bookmarking social com Django e TDD
Desenvolvimento de uma plataforma de bookmarking social com Django e TDD
 
Desenvolvimento Front end (AngularJS e Bootstrap)
Desenvolvimento Front end (AngularJS e Bootstrap)Desenvolvimento Front end (AngularJS e Bootstrap)
Desenvolvimento Front end (AngularJS e Bootstrap)
 
jQuery
jQueryjQuery
jQuery
 
jQuery
jQueryjQuery
jQuery
 
jQuery - A poderosa Biblioteca JavaScript - Minicurso
jQuery - A poderosa Biblioteca JavaScript - MinicursojQuery - A poderosa Biblioteca JavaScript - Minicurso
jQuery - A poderosa Biblioteca JavaScript - Minicurso
 
Introdução a: Frameworks front end web
Introdução a: Frameworks front end webIntrodução a: Frameworks front end web
Introdução a: Frameworks front end web
 
Tutorial sobre Jquery
Tutorial sobre JqueryTutorial sobre Jquery
Tutorial sobre Jquery
 

Último

Segurança da Informação - Onde estou e para onde eu vou.pptx
Segurança da Informação - Onde estou e para onde eu vou.pptxSegurança da Informação - Onde estou e para onde eu vou.pptx
Segurança da Informação - Onde estou e para onde eu vou.pptx
Divina Vitorino
 
Ferramentas que irão te ajudar a entrar no mundo de DevOps/CLoud
Ferramentas que irão te ajudar a entrar no mundo de   DevOps/CLoudFerramentas que irão te ajudar a entrar no mundo de   DevOps/CLoud
Ferramentas que irão te ajudar a entrar no mundo de DevOps/CLoud
Ismael Ash
 
Subindo uma aplicação WordPress em docker na AWS
Subindo uma aplicação WordPress em docker na AWSSubindo uma aplicação WordPress em docker na AWS
Subindo uma aplicação WordPress em docker na AWS
Ismael Ash
 
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
Faga1939
 
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docxse38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
ronaldos10
 
Eletiva_O-mundo-conectado-Ensino-Médio.docx.pdf
Eletiva_O-mundo-conectado-Ensino-Médio.docx.pdfEletiva_O-mundo-conectado-Ensino-Médio.docx.pdf
Eletiva_O-mundo-conectado-Ensino-Médio.docx.pdf
barbosajucy47
 
ExpoGestão 2024 - Desvendando um mundo em ebulição
ExpoGestão 2024 - Desvendando um mundo em ebuliçãoExpoGestão 2024 - Desvendando um mundo em ebulição
ExpoGestão 2024 - Desvendando um mundo em ebulição
ExpoGestão
 

Último (7)

Segurança da Informação - Onde estou e para onde eu vou.pptx
Segurança da Informação - Onde estou e para onde eu vou.pptxSegurança da Informação - Onde estou e para onde eu vou.pptx
Segurança da Informação - Onde estou e para onde eu vou.pptx
 
Ferramentas que irão te ajudar a entrar no mundo de DevOps/CLoud
Ferramentas que irão te ajudar a entrar no mundo de   DevOps/CLoudFerramentas que irão te ajudar a entrar no mundo de   DevOps/CLoud
Ferramentas que irão te ajudar a entrar no mundo de DevOps/CLoud
 
Subindo uma aplicação WordPress em docker na AWS
Subindo uma aplicação WordPress em docker na AWSSubindo uma aplicação WordPress em docker na AWS
Subindo uma aplicação WordPress em docker na AWS
 
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
 
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docxse38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
 
Eletiva_O-mundo-conectado-Ensino-Médio.docx.pdf
Eletiva_O-mundo-conectado-Ensino-Médio.docx.pdfEletiva_O-mundo-conectado-Ensino-Médio.docx.pdf
Eletiva_O-mundo-conectado-Ensino-Médio.docx.pdf
 
ExpoGestão 2024 - Desvendando um mundo em ebulição
ExpoGestão 2024 - Desvendando um mundo em ebuliçãoExpoGestão 2024 - Desvendando um mundo em ebulição
ExpoGestão 2024 - Desvendando um mundo em ebulição
 

Escreva menos e faça mais com a jQuery

  • 1. II Encontro do PHP MG Escreva menos e faça mais com a jQuery Grupo de desenvolvedores de PHP de Minas Gerais
  • 2. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 3. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 4. Apresentação Carlos Pires (Cadu) é bacharel em ciência da computação pela Universidade FUMEC. Desenvolve e é apaixonado pela web e por software livre desde 1999. Natural de Belo Horizonte, trabalhou com Java(JEE) por mais de 6 anos em diversas empresas da capital mineira. Ultimamente tem se dedicado ao CakePHP e à jQuery. Quando não está andando de bike, está estudando línguas (inglês e espanhol), curtindo um samba de raíz ou tomando uma cervejinha com os amigos.
  • 5. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 6. Objetivos do mini-curso   Divulgar a biblioteca jQuery   Retribuir à comunidade de software livre   Combater o código 'espaguete'   Mostrar que programar pode ser divertido!
  • 7. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 8. Apresentação da jQuery jQuery é uma rápida e concisa biblioteca JavaScript que simpli ca percorrer documentos HTML, manipular eventos e interações AJAX para um desenvolvimento web rápido. A jQuery é projetada para mudar a maneira como você escreve JavaScript.
  • 9. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 10. Fundamentos   Métodos anônimos   O Factory Method $()   Pode ser utilizada com outras bibliotecas
  • 11. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 12. Seletores e ltros   Básicos   Hierárquicos   Filtros Básicos   Filtros de conteúdo   Filtros de visibilidade   Filtros de atributos   Filtros lhos   Formulários   Filtros de formulários
  • 13. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 14. Eventos   blur   Keyup   change   mousedown   click   mouseleave   dblclick   mousemove   focus   mouseout   keydown   mouseover   keypress   submit
  • 15. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 16. Navegando no DOM   prev()   prevAll()   next()   children()   parent()   parents()   etc...
  • 17. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 18. Manipulando conteúdo   html()   html(val)   text()   append(content)   prepend(content)   prependTo(seletor)   after()   before()   wrap()
  • 19. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 20. Efeitos   show()   hide()   toggle()   slideDown()   slideUp()   slideToggle()   fadeIn()   fadeOut()   animate()
  • 21. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 22. AJAX   ajax()   load()   get()   getScript()   post()   ajaxComplete()   ajaxError()
  • 23. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 24. Plugins   jQuery Form Plugin   Auto-populate multiple select boxes   FancyBox   jQuery lightBox plugin   Tweetable   Realtime Related Tweets Bar   qTip   jQuery Tag Suggestion   Using jQuery for Background Image Animations   jQuery Ribbon
  • 25. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 26. Referências   Website O cial http://www.jquery.com/   Documentação o cial (em inglês) http://docs.jquery.com/   Tutorial - Por onde começar com o jQuery - 2km interativa! http://i18n.2kminterativa.com.br/jquery/jquery-getting-started-pt_br.html   Usando jQuery na prática - Simples Ideias. Por Nando Vieira. http://simplesideias.com.br/usando-jquery-na-pratica/   Para ver a lista completa e sempre atualizada, acesse minha conta no Delicious: http://delicious.com/cadu/
  • 27. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 28. Agradecimentos   Aos organizadores do II Encontro do PHP MG   À comunidade pela presença Carlos Pires -  E-mail: carlos.pires@2km.com.br -  Twitter: @cadu www.2km.com.br - Twitter: @2km