Web Dev Camp

Download the latest version at http://toolbox/Win8ppt This message won’t show up when you’re presenting

Web Dev Camp 2012 Tudo o que você precisa saber para construir aplicações web

Fabrício Lopes Sanchez

http://toolbox/Win8ppt


HTML Javascript

Agenda

Bancos de dados

Linguagens

CSS

Conceitos IDE’s

ASP.NET MVC Entity Framework

O que veremos neste curso?



A evolução da internet



A evolução Os três períodos da internet

Estática Dinâmica Interativa



A evolução

Páginas simples

Ausência de BD’s

HTML e JS

Manutenção difícil

Baixa complexidade

Páginas complexas

RIA

Interatividade

Plugins

Web Apps

Arquitetura

Páginas dinâmicas

Presença de BD’s

Ling. Server Side

Manutenção simples

Complexidade maior

CSS

Características de cada período



Tecnologias Hoje, o que preciso saber para criar uma Web App?

HTML

CSS Javascript

Linguagem server side

Container web

Bancos de dados Patterns

Conhecimentos de UX IDE’s



IDE’s



Codificação Banco de dados

IDE’s

Templates

São ambientes de software que integram diversos serviços no processo de construção de aplicações em diversos cenários.

Code Inspector

Integrated Development Environment. O que são?



O que a Microsoft oferece?

Voltada para o público iniciante

Intuitiva e de fácil utilização

Produtividade

Interoperabilidade

Facilita o aprendizado

Apenas para Web Apps

Ferramenta completa

Incrementa a produtividade

Projetos para todo tipo de app

Suporte a debug

Suporte a testes unitários

Existem versões gratuítas

A Microsoft trabalha basicamente em duas linhas em relação a IDE’s: Uma dedicada mais a usuários iniciantes e outro a usuários mais experientes.



Demonstração WebMatrix, VS Web Developers Express



Webstandards



HTML Javascript

Webstandards

CSS

Webstandard é o nome que se dá ao conjunto de recursos que são aplicáveis a todos os tipos de browser. A W3C é o consórcio responsável por regulamentar webstandards.

O que é? Para o que serve? Porque é importante?



Demonstração HTML, Javascript (jQuery) e CSS



ASP.NET Razor



ASP.NET Razor Razor é uma das grandes features do ASP.NET. Conheça!

• View engine padrão do ASP.NET MVC 3

• Um novo modelo de programação

• Permite criar views mais poderosas

• Permite a utilização de C# ou VB

• Código fluído e legível

• Nativamente suportado pelo WebMatrix e VS



Demonstração ASP.NET Razor



ASP.NET MVC



Ideia principal é separar responsabilidades

ASP.NET MVC Porque é tão bacana conhecer ASP.NET MVC?

Cliente

Web Server



ASP.NET MVC Características adicionais…

• Isolamento de responsabilidades e baixo acoplamento

• Razor view engine

• Views tipadas

• Incentivo a utilização testes unitários

• Scaffold, EF, Javascript não obstrusivo, webstandards, roteamento, minificação e agregação, filtros



Demonstração Criando uma aplicação ASP.NET MVC



1. PHP com WebMatrix

Bookmark

3. ASP.NET MVC com Visual Studio Developer Express

2. Razor com WebMatrix

Vamos para a prática? Criar aplicações e publicá-las…



• Tutorial oficial sobre WebMatrix http://www.asp.net/web-pages/overview/exploring-webmatrix

• Vídeos sobre ASP.NET Razor http://www.asp.net/web-pages/videos/aspnet-razor-pages/introduction-to-aspnet-web-programming-using-the-razor-syntax

• Série de artigos em meu site pessoal http://fabriciosanchez.com.br/site/?page_id=1307

• Centro de treinamento de WebMatrix http://msdn.microsoft.com/pt-br/hh148154

Referências Alguns links importantes relacionados aos assuntos desta palestra


http://www.asp.net/web-pages/overview/exploring-webmatrix






http://www.asp.net/web-pages/videos/aspnet-razor-pages/introduction-to-aspnet-web-programming-using-the-razor-syntax
























http://fabriciosanchez.com.br/site/?page_id=1307

http://fabriciosanchez.com.br/site/?page_id=1307

http://msdn.microsoft.com/pt-br/hh148154





Fabrício Lopes Sanchez

Website fabriciosanchez.com.br Twitter twitter.com/SanchezFabricio E-mail [email protected]

Bio especialista em desenvolvimento web na Microsoft Brasil e mestre em computação.

Contatos Entre em contato comigo…


Web Dev Camp

Technology

Transcript of Web Dev Camp