O documento discute o desenvolvimento web usando diferentes frameworks como VRaptor e Spring MVC combinados com REST, HTML5 e CSS3. Ele também introduz o Bootstrap como uma forma de criar interfaces responsivas com esses padrões sem esforço adicional.
4. Desenvolvimento WEB
● Componet Based
○ Simplicidade no desenvolvimento e aprendizado;
○ Conjunto de componentes visuais. Semelhante ao
que acontece no desktop;
○ Exige pouco conhecimento de html+css+javascript
● Exemplos:
○ JSF
○ .NET
5. Desenvolvimento WEB
● Action Based
○ Framework MVC
○ Baseado em ações
○ Não possuem componentes visuais;
○ Maior flexibilidade no desenvolvimento;
○ Exige mais conhecimento HTML+CSS+JavaScript
● Exemplos
○ VRaptor
○ Spring MVC
○ RubyOnRails
○ ASP NET MVC
12. Padrão View
● Segue Padrão JSP com HTML normal
● name dos componentes são os atributos das
classes
13. Rest
A Transferência de Estado Representacional (Representational State Transfer) ou
somente (REST) é uma técnica de engenharia de software para sistemas hipermídia
distribuídos como a World Wide Web.
Roy Fielding "A REST (Transferência do Estado Representacional) é pretendida como
uma imagem do design da aplicação se comportará: uma rede de websites (um estado
virtual), onde o usuário progride com uma aplicação selecionando as ligações (transições
do estado), tendo como resultado a página seguinte (que representa o estado seguinte
da aplicação) que está sendo transferida ao usuário e apresentada para seu uso."
14. REST
● REST é um conjunto de restrições que define
um padrão arquitetural;
● Permitir o endereçamento dos recursos do
seu sistema de uma forma padronizada;
● Protocolo HTTP não somente como uma
maneira de transmitir dados;
15. REST
● Triangulo REST
○ Substantivos: Recursos
○ Verbos: Operações
■ GET
■ POST
■ PUT
■ DELETE
■ HEAD, OPTIONS e TRACE
○ Content type: Representação
18. Quais são os ganhos?
● Menor acoplamento da view com controller
● O programador web não precisa conhecer os
métodos presentes na classe Java
● Trabalho somente com os componentes
HTML
22. Devo me preocupar com...
O que vai acessar meu sistema?
● computador
● tablet
● smartphone
● televisão
● videogame
23. Devo me preocupar com:
Qual a difrença entre os dispositos?
● Desempenho
○ Processamento
● Tamanho da tela
○ Resolução
● Forma de acesso
○ recursos de dados
29. a palavra é MODERAÇÃO
mas porque?
● HTML5 e CSS3 estão sendo desenvolvidos e
homologados por partes.
● Browsers antigos
● Diferentes motores de renderização
30. Motores de Renderização
Motor Browsers
Webkit Safari e Google Chrome
Geko Firefox, Mozilla e Camino
Trident Internet Explorer 4 ao 9
Presto Opera ao 10