Codando com PHP e JQuery

19
APOIO Codando com PHP e jQuery George Mendonça @george_menconca 22 e 23 de outubro de 2013

description

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.

Transcript of Codando com PHP e JQuery

Page 2: Codando com PHP e JQuery

jQuery

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

➔ 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

Page 3: Codando com PHP e JQuery

jQuery

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

➔ 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, ...

Page 4: Codando com PHP e JQuery

jQuery

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

➔ 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

Page 5: Codando com PHP e JQuery

jQuery

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

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

Page 6: Codando com PHP e JQuery

jQuery

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

➔ 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

Page 7: Codando com PHP e JQuery

jQuery

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

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

Page 8: Codando com PHP e JQuery

jQuery

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

➔ 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, ....

Page 9: Codando com PHP e JQuery

jQuery

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

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

Page 10: Codando com PHP e JQuery

jQuery

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

➔ 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

➔ jQuery➔ jquery.com➔ jqueryui.com➔ jquerymobile.com➔ sizzlejs.com➔ qunitjs.com➔ plugins.jquery.com

➔ Web➔ Learn jQuery➔ W3Schools jQuery➔ jQuery Rain

➔ Profissionais➔ ejohn.org➔ codylindley.com➔ remy sharp’s b:log➔ Ben Nadal➔ Addy Osmani➔ James Padolsey➔ Sam Deering

Page 12: Codando com PHP e JQuery

jQuery

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

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

Page 13: Codando com PHP e JQuery

PHP

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

➔ Estatísticas◆ Uso de linguagens de programação server-side para

sites

w3techs.com - Programming Languages

Page 14: Codando com PHP e JQuery

PHP

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

➔ Estatísticas◆ Uso de servidores WEB para sites

w3techs.com - Web Servers

Page 15: Codando com PHP e JQuery

PHP

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

➔ Estatísticas◆ Uso de sistemas operacionais para sites

w3techs.com - OS

Page 16: Codando com PHP e JQuery

PHP

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

➔ Estatísticas◆ Uso de sistemas de gerenciamento de conteúdo para

websites

w3techs.com - CMS

Page 17: Codando com PHP e JQuery

PHP

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

➔ Comunidades

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

Page 18: Codando com PHP e JQuery

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

PHP

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

➔ 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

Page 19: Codando com PHP e JQuery

PHP

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

➔ MÃO NA MASSA!◆ Slides e tutoriais!◆ http://www.georgemendonca.com.br/php/