Nova web - DNAD 2012

Days 2012A nova web Victor Cavalcante Giovanni Bassivictor@cavalcante.net giggio@giggio.net @vcavalcante @giovannibassi

@VCavalcante @GiovanniBassi

Agenda Novo workflow de História Tecnologias desenvolvimento Arquitetura da nova Testando na nova Responsabilidades web web do servidor web Competências do Oportunidades e Manifesto da Nova “novo” desafios no novo Web desenvolvedor web modelo

História ?? Outlook Web Access, XMLHttpRequest e AJAX HTML dinâmico HTML estático

Tecnologias Webforms, JSF MeteorJS, NodeJS? PHP/ASP/Code Fusion Sinatra, Nancy, ASP.NET Web API CGI Ruby on Rails, .htm ASP.NET MVC, Play Framework

Novo workflow de desenvolvimento• Navegação: – URI => HTML base – URI => Javascript => Ação (HTML/Javascript/CSS)• Que dado vou obter agora?• Qual interface gráfica exibo agora?• O usuário está logado?

Arquitetura da nova web• Camadas no navegador (HTML, CSS e JS)• Arquitetura no servidor

Frameworks para construção de SPA’s

Testando na nova web• Servidor web: old news• No browser: – Jasmine – QUnit – Selenium – Watin

Jasmine describe "carrega cidades do servico e exibe no dropdown", -> it "exibe as cidades no dropdown", -> #arrange setFixtures("<form> <select id=UF name=UF><option selected=selected>Estado</option><option>RJ</option></select><select id=Cidade name=Cidade><option selected=selected>Cidade</option></select></form>") url = spyOn($, "ajax").andCallFake((options) -> url = options.url options.success([Rio de Janeiro])) #act $(#UF).val(RJ).attr(selected,selected) $(#UF).trigger(change) #assert expect(url).toEqual /api/cadastro/UF/RJ/Cidades expect($(#Cidade option).length).toEqual(3) expect($(#Cidade option:selected)[0].text).toEqual(Selecione uma cidade) expect($(#Cidade option)[0].text).toEqual(Selecione uma cidade) expect($(#Cidade option)[1].text).toEqual(Rio de Janeiro)

Responsabilidades do servidor web• Não precisa mais gerar HTML• Não precisa mais manter estado• Não precisa mais se conectar em todos os serviços que atendem a aplicaçãoQuais suas novas responsabilidades?

Manifesto da Nova Web• Menos C#/Ruby/Java/Python, mais Javascript (ou CoffeeScript)• Menos arrastar e soltar, mais HTML codificado à mão• Menos poluição no HTML, mais CSS• Menos uso do HTML para design, mais foco na semântica• Mais Javascript, mais opções ao Javascript (Coffeescript)

Competências do “novo”desenvolvedor web• HTML5• CSS3• JavaScript / CoffeeScript• HTTP 1.1• Web Standards• REST• Linguagem do lado do servidor

Oportunidades no novo modelo• Desenvolvimento mobile facilitado• Consumo de conteúdo desconectado – Local Storage – Cache Manifest – Sincronização• Impressão de responsividade da aplicação• SPAs• Convergência tecnológica

Desafios do novo modelo• Falta de conhecimento dos desenvolvedores• Medo• Ferramental ainda em evolução• Código exposto no cliente

Você é desenvolvedor web?Continuará sendo nos próximosanos com o conhecimento atual?

Obrigado! Victor Cavalcante Giovanni Bassivictor@cavalcante.net giovanni@lambda3.com.br @vcavalcante @giovannibassi

www.lambda3.com.br Days 2012

http://www.princiweb.com.br	103
http://feeds2.feedburner.com	12
http://us-w1.rockmelt.com	2
http://coderwall.com	1
http://feeds.feedburner.com	1
http://nodeslide.herokuapp.com	1

Nova web - DNAD 2012

by Giovanni Bassi

Accessibility

Categories

Upload Details

Usage Rights

6 Embeds 120

Statistics