Codando com
PHP e jQuery
George Mendonça
22 e 23 de outubro de 2013

@george_menconca

APOIO
jQuery
➔ jQuery é uma biblioteca JavaScript.
➔ jQuery simplifica consideravelmente a programação
JavaScript.
➔ Criado por John Resig em 22 de agosto de 2005
através uma nota em seu blog:
◆ descrevendo uma nova forma de de codificar com
Javascript
➔ E lançada sua primeira versão mais tarde no ano de
2006
➔ Versão atual: 2.0.3
Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
jQuery
➔ O objetivo do jQuery é tornar mais fácil o uso de
JavaScript em seu website.
➔ Abstrai funcionalidades comumente utilizadas em várias
linhas de código JavaScript em apenas uma linha.
➔ Simplifica funcionalidades complexas como
manipulação de AJAX e DOM.
➔ Características
◆ Manipulação HTML/DOM, manipulação CSS, métodos de
eventos HTML, efeitos e animações, AJAX, Utilitários
diversos, manipulação JSON, componentes, ...
Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
jQuery
➔ Alta produtividade

➔ Software Livre (MIT e GPL)
◆ Desenvolvimento constante pela comunidade

➔ Pequeno
◆ jquery-2.0.3.js - Desenvolvimento - 237 kb
◆ jquery-2.0.3.min.js - Ambiente de produção - 82 kb

Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
jQuery
➔ Bastante difundida - A mais utilizada atualmente em
projetos e líder na preferência mundial
➔ Segue os padrões W3C de desenvolvimento e
acessibilidade
➔ Cross browser
➔ Enorme quantidade de plugins, implementações
plugáveis feita pela comunidade em seu repositório
(Mais de 1.550 plugins)
➔ Fácil de aprender. Baixa curva de aprendizado.
Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
jQuery
➔ Faz sucesso
◆ Tanto no meio dos programadores
◆ Quanto dos web designers

➔ Documentação
◆ Extensa
◆ Objetiva
◆ Completa

➔ Definiu um novo padrão de como se escrever código
Javascript

Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
jQuery
➔ Possui um framework de componentes web prontos
chamado JQuery UI
◆ Possui inúmeras aplicações de rápida produção
◆ Inclui: javascript, css e imagens em um pacote
completo:
● interações de interface de usuário
● efeitos
● widgets
● temas
● etc.
◆ Desenvolvido com o própria jQuery!
Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
jQuery
➔ Inspirou diversas outras frameworks Javascript da
atualidade e abriu caminho para novas técnicas e
tecnologias
➔ Apoiado por grandes empresas e instituições:
◆
◆
◆
◆
◆
◆
◆
◆
◆

WordPress
Media Template
Adobe
Wikipedia
Intel
Mozilla
GitHub Social Coding
BlackBerry
Google, Dell, Microsoft, IBM, Netflix, ....

Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
jQuery
➔ Conhecimentos necessários:
◆
◆
◆
◆

HTML
CSS
JavaScript
Se você deseja estudar estes assuntos:
● www.w3schools.com é uma ótima opção
● Introdução ao Desenvolvimento de Aplicações Web
Dinâmicas – Parte 1
● Web Standards – Padrões para Web e Acessibilidade
● HTML HardCore Parte 1
● HTML HardCore Parte 2 – XHTML
● HTML HardCore Parte 3 – Principais Elementos
● Cursos W3C Brasil (HTML, Acessibilidade, CSS, HTML5,
Web Design, Web Semântica)

Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
jQuery
➔
➔
➔
➔
➔
➔
➔

➔
➔
➔
➔

jQuery
jquery.com
jqueryui.com
jquerymobile.com
➔ Profissionais
sizzlejs.com
➔ ejohn.org
qunitjs.com
plugins.jquery.com ➔ codylindley.com
➔ remy sharp’s b:log
➔ Ben Nadal
Web
➔ Addy Osmani
Learn jQuery
➔ James Padolsey
W3Schools jQuery ➔ Sam Deering
jQuery Rain

➔ Livros
➔ jQuery For Dummies
➔ Javascript
Enlightenment
➔ DOM Enlightenment
➔ jQuery Enlightenment
➔ jQuery Succinctly
➔ jQuery Cookbook
➔ Learning jQuery – Fourth
Edition
➔ jQuery in Action
➔ jQuery UI 1.8: The User
Interface Library for
jQuery
➔ jQuery UI Themes
Beginner’s Guide
➔ jQuery UI Cookbook

Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
jQuery
➔ Comunidades

Lista de Discussão jQuery Brasil

Lista de Discussão GoJS
Lista de Discussão GoJS

Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
jQuery
➔ MÃO NA MASSA!
◆ Página em desenvolvimento, mas já tem conteúdo!
◆ http://www.georgemendonca.com.br/jquery/
◆ Vamos para a prática!!!!!!!

Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
PHP
➔ Estatísticas
◆ Uso de linguagens de programação server-side para
sites

w3techs.com - Programming Languages

Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
PHP
➔ Estatísticas
◆ Uso de servidores WEB para sites

w3techs.com - Web Servers

Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
PHP
➔ Estatísticas
◆ Uso de sistemas operacionais para sites

w3techs.com - OS

Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
PHP
➔ Estatísticas
◆ Uso de sistemas de gerenciamento de conteúdo para
websites

w3techs.com - CMS

Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
PHP
➔ Comunidades

Outras comunidades no Brasil podem ser acessadas no PHP Brasil Comunidades...

Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
PHP
➔ Referências
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆

php.net
www.php.org.br
phpbrasil.com
gophp.org.br
www.phpdf.org.br
phpsp.org.br
www.phpmagazine.org.br
www.revistaphp.com.br
www.phparch.com
www.w3schools.com
www.phpbuddy.com
framework.zend.com
www.phpbuilder.com

◆
◆
◆
◆
◆
◆

goodphptutorials.com
www.phpfreaks.com
www.phptherightway.com
phpbestpractices.org
www.sitepoint.com/php
w3c.com

Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
PHP
➔ MÃO NA MASSA!
◆ Slides e tutoriais!
◆ http://www.georgemendonca.com.br/php/

Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br

Codando com PHP e JQuery

  • 1.
    Codando com PHP ejQuery George Mendonça 22 e 23 de outubro de 2013 @george_menconca APOIO
  • 2.
    jQuery ➔ jQuery éuma biblioteca JavaScript. ➔ jQuery simplifica consideravelmente a programação JavaScript. ➔ Criado por John Resig em 22 de agosto de 2005 através uma nota em seu blog: ◆ descrevendo uma nova forma de de codificar com Javascript ➔ E lançada sua primeira versão mais tarde no ano de 2006 ➔ Versão atual: 2.0.3 Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
  • 3.
    jQuery ➔ O objetivodo jQuery é tornar mais fácil o uso de JavaScript em seu website. ➔ Abstrai funcionalidades comumente utilizadas em várias linhas de código JavaScript em apenas uma linha. ➔ Simplifica funcionalidades complexas como manipulação de AJAX e DOM. ➔ Características ◆ Manipulação HTML/DOM, manipulação CSS, métodos de eventos HTML, efeitos e animações, AJAX, Utilitários diversos, manipulação JSON, componentes, ... Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
  • 4.
    jQuery ➔ Alta produtividade ➔Software Livre (MIT e GPL) ◆ Desenvolvimento constante pela comunidade ➔ Pequeno ◆ jquery-2.0.3.js - Desenvolvimento - 237 kb ◆ jquery-2.0.3.min.js - Ambiente de produção - 82 kb Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
  • 5.
    jQuery ➔ Bastante difundida- A mais utilizada atualmente em projetos e líder na preferência mundial ➔ Segue os padrões W3C de desenvolvimento e acessibilidade ➔ Cross browser ➔ Enorme quantidade de plugins, implementações plugáveis feita pela comunidade em seu repositório (Mais de 1.550 plugins) ➔ Fácil de aprender. Baixa curva de aprendizado. Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
  • 6.
    jQuery ➔ Faz sucesso ◆Tanto no meio dos programadores ◆ Quanto dos web designers ➔ Documentação ◆ Extensa ◆ Objetiva ◆ Completa ➔ Definiu um novo padrão de como se escrever código Javascript Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
  • 7.
    jQuery ➔ Possui umframework de componentes web prontos chamado JQuery UI ◆ Possui inúmeras aplicações de rápida produção ◆ Inclui: javascript, css e imagens em um pacote completo: ● interações de interface de usuário ● efeitos ● widgets ● temas ● etc. ◆ Desenvolvido com o própria jQuery! Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
  • 8.
    jQuery ➔ Inspirou diversasoutras frameworks Javascript da atualidade e abriu caminho para novas técnicas e tecnologias ➔ Apoiado por grandes empresas e instituições: ◆ ◆ ◆ ◆ ◆ ◆ ◆ ◆ ◆ WordPress Media Template Adobe Wikipedia Intel Mozilla GitHub Social Coding BlackBerry Google, Dell, Microsoft, IBM, Netflix, .... Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
  • 9.
    jQuery ➔ Conhecimentos necessários: ◆ ◆ ◆ ◆ HTML CSS JavaScript Sevocê deseja estudar estes assuntos: ● www.w3schools.com é uma ótima opção ● Introdução ao Desenvolvimento de Aplicações Web Dinâmicas – Parte 1 ● Web Standards – Padrões para Web e Acessibilidade ● HTML HardCore Parte 1 ● HTML HardCore Parte 2 – XHTML ● HTML HardCore Parte 3 – Principais Elementos ● Cursos W3C Brasil (HTML, Acessibilidade, CSS, HTML5, Web Design, Web Semântica) Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
  • 10.
    jQuery ➔ ➔ ➔ ➔ ➔ ➔ ➔ ➔ ➔ ➔ ➔ jQuery jquery.com jqueryui.com jquerymobile.com ➔ Profissionais sizzlejs.com ➔ ejohn.org qunitjs.com plugins.jquery.com➔ codylindley.com ➔ remy sharp’s b:log ➔ Ben Nadal Web ➔ Addy Osmani Learn jQuery ➔ James Padolsey W3Schools jQuery ➔ Sam Deering jQuery Rain ➔ Livros ➔ jQuery For Dummies ➔ Javascript Enlightenment ➔ DOM Enlightenment ➔ jQuery Enlightenment ➔ jQuery Succinctly ➔ jQuery Cookbook ➔ Learning jQuery – Fourth Edition ➔ jQuery in Action ➔ jQuery UI 1.8: The User Interface Library for jQuery ➔ jQuery UI Themes Beginner’s Guide ➔ jQuery UI Cookbook Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
  • 11.
    jQuery ➔ Comunidades Lista deDiscussão jQuery Brasil Lista de Discussão GoJS Lista de Discussão GoJS Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
  • 12.
    jQuery ➔ MÃO NAMASSA! ◆ Página em desenvolvimento, mas já tem conteúdo! ◆ http://www.georgemendonca.com.br/jquery/ ◆ Vamos para a prática!!!!!!! Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
  • 13.
    PHP ➔ Estatísticas ◆ Usode linguagens de programação server-side para sites w3techs.com - Programming Languages Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
  • 14.
    PHP ➔ Estatísticas ◆ Usode servidores WEB para sites w3techs.com - Web Servers Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
  • 15.
    PHP ➔ Estatísticas ◆ Usode sistemas operacionais para sites w3techs.com - OS Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
  • 16.
    PHP ➔ Estatísticas ◆ Usode sistemas de gerenciamento de conteúdo para websites w3techs.com - CMS Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
  • 17.
    PHP ➔ Comunidades Outras comunidadesno Brasil podem ser acessadas no PHP Brasil Comunidades... Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br
  • 18.
  • 19.
    PHP ➔ MÃO NAMASSA! ◆ Slides e tutoriais! ◆ http://www.georgemendonca.com.br/php/ Codando com PHP e jQuery • George Mendonça • www.georgemendonca.com.br