Mini-curso "Codando com PHP e JQuery" na Semana de Informática (SEMINFO 2013) do Instituto Federal Goiano Campus de Urutaí-Go. 22 e 23 de outubro de 2013. ------------------------------------------------------------------------------------------ Presentation and short course "Codando com PHP e JQuery". SEMINFO. Federal Institute Goiás, Campus Urutaí. Urutaí, Goiás, Brazil.

1. Codando com
PHP e jQuery
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 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

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 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

8. 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

9. 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

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 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

12. 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

13. 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

14. 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

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

16. 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

17. 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

18. 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

19. 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