• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Nadando em Dinheiro com jQuery
 

Nadando em Dinheiro com jQuery

on

  • 2,886 views

Palestra dada no 1º Workshop PHP-ES, ocorrido no dia 30 de Maio de 2009, na UVV

Palestra dada no 1º Workshop PHP-ES, ocorrido no dia 30 de Maio de 2009, na UVV

Statistics

Views

Total Views
2,886
Views on SlideShare
2,821
Embed Views
65

Actions

Likes
1
Downloads
40
Comments
0

4 Embeds 65

http://www.phpes.org 39
http://www.php-espiritosanto.com.br 20
http://www.slideshare.net 5
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Nadando em Dinheiro com jQuery Nadando em Dinheiro com jQuery Presentation Transcript

    • Nadando em Dinheiro com AJAX e jQuery
    • $('#reinaldo-junior') ● ~7 anos no PHP ● Fundador do phpBB.com.br (atual Suporte phpBB) ● Desenvolvimento e Treinamento ● Palestrante em eventos capixabas de Software Livre ● Entusiasta WEB
    • O que vamos fazer hoje Cérebro? ● Apresentar jQuery ● DOM Scripting ● AJAX ● Hijax ● Técnicas e Boas práticas ● PHP (sim, eu sei onde estou) ● … e Dominar o Mundo!
    • Regras do Jogo ● Tem uma Pergunta Rápida? ● Pergunte na hora ● Tem uma Pergunta Demorada? ● Pergunte depois (no intervalo, por email, etc) ● Está boiando (Tem uma Pergunta Idiota)? ● Fique quieto, preste atenção e aprenda ● Não gostou das piadas? ● Espera a palestra do Leonardo...
    • AJAX ● Apresentação baseada em padrões (XHTML/CSS) ● Exibição e interação dinâmicas (DOM) ● Troca e manipulação de dados (XML/XSLT/JSON) ● Recuperação de dados assíncrona (XMLHttpRequest) ● e JavaScript ligando tudo junto! Jesse James Garrett, “Ajax: A New Approach to Web Applications” Fev/2005
    • AJAX como Arquitetura
    • Então... ● AJAX N-A-O-~ é ● AJAX É ● Time de futebol ● Paradigma ● Produto de limpeza ● Arquitetura ● Linguagem de ● Técnica programação ● JavaScript + CSS + DOM ● DHTML, JavaScript ou Scripting outra “coisa pra fazer ● Maior Interação site” ● Menos tempo para ● jQuery, Prototype.js, resposta Ext.js, Mootools
    • j-What? jQuery é uma biblioteca com foco na interação entre JavaScript e HTML. Lançada em 2006 por John Resig, evangelista de JavaScript da Mozilla “jQuery é projetada para mudar a maneira que você escreve JavaScript.” jQuery.com
    • 2007 2008
    • 2009
    • Porque jQuery? ● Facilidade e Popularidade ● Comunidade e Plugins ● Filosofia “Write Less, Do More” ● Chaining (Wikipedia, Method Chaining) ● DSL (Domain Specific Language) ● “DOM Oriented-Programming” e JavaScript Não- Obtrusivo ● Free e OpenSource
    • ● ASP.NET AJAX (VS 2008 e VS 2010) ● Nokia Web-Run-Time ● Diversos livros (até um em português) “Eu sou jQuery!” Paris Hilton
    • Contando Vantagem http://is.gd/sQCx
    • Estado atual ● jQuery 1.3 ● Performance ● Sizzle (engine seletor) ● Delegação de Eventos
    • Tem que ter o DOM DOM – Modelo de Objetos de Documentos Padrão e API para consultar, navegar e manipular elementos de um documento. Toda a biblioteca é orientada ao DOM. O propósito principal é fornecer uma maneira fácil para separar “comportamento” do conteúdo. Para isso, jQuery fornece uma API para o DOM intuitiva e cross-browser.
    • <html> <head> <title>My title</title> </head> <body> <a href=”link.html”>My link</a> <h1>My header</h1> </body> </html>
    • Let's Rock 'n Roll
    • Quem quer dinheiro? $ = jQuery ● jQuery( seletor [, contexto] ) ● jQuery( html ) ● jQuery( fn ) ● jQuery( objeto ) Todas retornam um objeto jQuery!
    • “Workshopping” ● O que? ● Demonstrar um framework simples para uso de AJAX com PHP para fornecer melhoria progressiva com degradação graciosa ● Como? ● Utilizar AJAX no CRUD ● Utilizar AJAX na paginação ● Adicionar validação (utilizando um plugin) ● Hijax (http://domscripting.com/presentations/xtech2006/)
    • Estudo de Caso Mozilla Addons https://addons.mozilla.org/pt-BR/firefox/
    • $('#reinaldo').trigger('Obrigado') (Eu prefiro NADAR em Dinheiro!)
    • … OU $('#auditorio') .find('.ouvintes') .filter(':dormindo').trigger('acorda').end() .filter(':acordado').find(':not(.boiando)') .trigger('aplausos').each(function(){ $('#reinaldo').agradece(this); });
    • Any Questions? Reinaldo Junior reinaldojunior.net/palestras (www) @ReinaldoJunior (twitter)