1. Desenvolvimento gil comZend Framework e Yahoo! User Interface Itaja, 30 de maio de 2009 PHP-SC Conf 2009 Domingos Teruel Desenvolvedor Web

2. Experincia Profissional

Tecnlogo em Computao especialista em Sistemas Web e Interfaces; 3. Atua na rea de desenvolvimento e implementao de projetos deSoftware LivreWeb; 4. Desenvolvedor PHP desde 1999 5. Analista de Sistemas desde 2005 na instituioBIREME/OPAS/OMS;

6. Quem est na Platia

Estudantes? 7. Curiosos / Entusiastas? 8. Fs de Software Livre? 9. Desenvolvedores PHP? 10. Desenvolvedores de outras linguagens? 11. Todas as opes acima! 12. Nenhuma da Opes acima!

13. Nesta palestra Pretende-se dar uma rpida viso no desenvolvimento de aplicaes web usando como ferramentas o Frameworkda Zend junto com o Framework JavaScript desenvolvido pelo Yahoo!, Y! User Interface. Demonstrar porque o Y!UI pode ser o complemento perfeito para o ZF, e de como poder ajuda-lo a construir aplicaes web mais eficientes e interativas, com simplicidade e com todos os recurso da WEB2.0 14. Contextualizando

Porque trabalhar com PHP se existe o ASP, JSP, .NET, Python, Rubi ...?

• Excelente Custo/Benefcio 15. Perfomance / Robustez / Escalabilidade 16. Curva de aprendizagem curta 17. Liberdade de desenvolvimento 18. Software Livre 19. Multi-plataformas 20. Interoperabilidade 21. GRANDE COMUNIDADE ATIVA

22. Quem est usando PHP? 23. O Framework da Zend

Viso Geral 24. Prover um framework de alta qualidade para o desenvolvimento de Aplicaes Web. 25. Seguindo o esprito PHP, o Zend Framework dispe de poderosas funcionalidades que so facilmente implementadas pelos desenvolvedores, com foco nos desafios da construo de uma aplicao web moderna e segura

26. O Zend Framework

Framework Self-Service: Use apenas o necessrio para sua aplicao; 27. Tenha facilidade para integrar com outras ferramentas/frameworks; 28. Fracamente acoplado; 29. PHP5 30. Incorpora tendncias da Web atual (Web Services, XML, Ajax, etc)

31. O Zend Framework

Acordo de Licena requerido aos que contribuem com cdigo, atualizaes ou documentaes; 32. Licenciado sob a licenanew BSD(Livre); 33. Certificao Oficial( Zend Framework Certification ZFC ); 34. Ativamente mantido pelaZEND

35. O Zend Framework

Voc confia em algo sem documentao?

• Documentao 36. Estabilidade 37. Todos os componentes so rigorasamente testados; 38. Todos os componentes dever ser documentados para os desenvolvedores com casos de uso

39. Por que devo usar o Zend Framework?

Simplicidade, porm poderoso 40. Toda parte incmoda dos bits, j est feita e documentada! 41. Possui componentes para a maioria das atividades rotineiras do desenvolvimento web 42. Projeto moderno: PHP5, OO, Paterns 43. Documentao completa e de fcil acesso 44. Foco na regra de negcio

45. Por que devo usar o Zend Framework

um framework, no apenas um conjunto de componentes; 46. Cola para construir aplicaes; 47. Alta Produtividade; 48. Componentes desenvolvidos e testados juntos 49. Use somente o que voc precisa, mas 50. Ele sempre ser distribudo em sua totalidade 51. Ainda possui integrao com outros (Pear, Smarty, Jquery, DoJo, ...)

52. Arquitetura 53. Zend Framework prov

Model View Controller 54. Manipulao de dados: Banco de Dados, JSON, XML, PDF, Busca... 55. Internacionalizao, datas e moedas 56. Web Services: consumo e disponibilizao 57. Servios de infra-estrutura: autenticao, controle de acesso, configurao, cache, log, mail, session, e muito mais...

58. S mais um reforo!

Padro de condificao ZEND 59. Todas as classes so completamente testadas por PHPUnit 60. Reviso por pares e aprovao de todo o cdigo 61. Rica documentao on-line 62. Grupos, Comunidades, Wikis, listas de discusses... 63. Projeto apoiado por grandesPlayers

64. Players! Quer mais? Acesse: http://zendframework.com/about/casestudies 65. Por que Zend Framework + Y!UI?

PHP Framework 66. JavaScript Framework 67. CSS Framework 68. Ambiente dedesenvolvimento integrado

• Helpers
  • Controllers 69. Widgets 70. Validao
• Debugging
  • Console integrado de log

71. Yahoo! User Interface, ou Y!UI

A biblioteca Yahoo! User Interface (Y!UI) uma coleo coerente de provimento de recursos javascript e CSS que facilita a construo de aplicaes web interativas baseadas nos diferentes Navegadores Web. S para comear, componentes como o Event Utility, opera sobre uma camada transparente e est l para facilitar a programao croos-browser. Como tambm possui widgets que podem ser inseridos no seu layout padro. yui Team

72. Por que Yahoo! User Interface

Escalabilidade industrial para o Javascript, DHTML e Ajax 73. Yahoo! Design Patterns Library

• Solues de interface comum e padronizada para concepo de interfaces personalizadas (design)

Suporta os principais navegadores do mercado

• Forte preocupao em manter a compatibilidade com as mais abrangentes tecnologias aplicadas nos navegadores (Front-end Solutions)

Documentao

• Farta e detalhada documentaocom exemplos de toda a API

74. Quem est usano Y!UI 75. Mas o que o Y!UI oferece

Ambiente de debugging (Logger + Console) 76. Event System (unobtrusive design) 77. Conexo: AJAX, XML, XHR 78. Efeitos e Animaes 79. Drag & Drop + Autocomplete 80. Dialogs, Menus, Overlays, Tootips, Windows 81. Browser History Manager 82. Controles: Button, Slider, Calendar...

83. Mas o que o Y!UI oferece

Y!UI CSS Framework

• Netraliza os estilos para maior coerencia entre navegadores 84. Suporte para tipografia e dimensionamentos de fontes

Quick Grids / Layoutsconsistentes

• Maisd de 1000 wireframes 85. Online constructor

Base de estilos consistentes dos elementos mais comuns

• Suporte a SKIN, SAM o skin padro

86. O que preciso saber para desenvolver?

Para desenvolver uma aplicao que utilize YUI recomendado bom conhecimento de XHTML e CSS, noes de DOM e JAVASCRIPT 87. Quais ferramentas utilizar?

• Navegador: Firefox 88. Add-ons:
  • Firebug 89. Html Validator 90. Tamper data 91. Web Developer 92. YSlow

93. O que preciso para desenvolver?

Usar ferramentas para controle de verso

94. O que preciso para desenvolver

Faa uso de uma IDE, no seja Xiita, elas esto ai para auxiliar nosso trabalho.

• NetBeans PHP 95. Eclipse PDT 96. PHPedit 97. Aptana (Plugin para o Y!UI) 98. Zend Studio for Eclipse*

99. O que preciso para desenvolver

Baixar as verses estveis do ZF e Y!UI

• Zend Framework 1.8.2
  • http://framework.zend.com/download
• Yahoo! User Interface 2.7.0
  • http://developer.yahoo.com/yui/download/

100. Entendendo a integrao 101. Camada de negcios

Definir comunicao entre o Model e o View

• JSON 102. JSARRAY 103. XML 104. XHTML

105. Camada de Negcios 106. Camada de negcios 107. Como preparar sua aplicao para o YUI

Definir o escopo do recurso a ser utilizado na interface 108. Loader

• Menor Perfomance 109. Dificuldade em trabalhar com aplicaes complexas que utilizam componente DataTable

Event

• Maior performance 110. Fcil implementar com componente DataTable e Windows

111. Para aonde caminha Y!UI

Y!UI 3.X

• Mais Leves (menos K-weight sobre o core da pgina para a maioria dos usos) 112. Mais rpido (com menos requisies http, menos escrita de cdigo e compilao, um cdigo mais eficiente) 113. Mais consistente (nomenclatura comum, assinaturas de eventos, widget e toda a APIs da biblioteca), mais potentes (fazer mais com menos implementao cdigo) 114. mais segurana (mais seguro e fcil de expor a vrios desenvolvedores trabalhando no mesmo ambiente, maior facilidade de correr em sistemas de terceiros) 115. Melhoras na engine de namespaces

No Compatvel com YUI 2.X

• Migrao Paralela

116. Agora para onde eu vou?

Leia a documentao

• Yahoo! Developer Network
  • http://developer.yahoo.com 117. http://yuiblog.com
• Zend Framework
  • http://zendframework.com/quickstart
• Entre para a comunidade
  • ydn-javascript.group.yahoo.com (Int) 118. ydn-br.group.yahoo.com (Br) 119. [email_address]

120. Perguntas? 121. Obrigado!

Contato

• Mail:[email_address] 122. Social media: meadiciona.com/mingomax