conhecendo o asp .net 4.5

Novos Recursos do ASP .NET 4.5

2

Recursos:

Bundling e Minification (Agrupar e Remover Textos)1

Controles e IDE fornecem suporte a Comandos HTML 5.0 2

2 Servidores WEB Integrados (CASSINI e IIS Express)3

Vinculação de Dados Simplificada4

JavaScript Não-Invasivo (Separação do Comportamento e Estrutura)5

Demonstração - ASP .NET

3

Criando um Projeto ASP.NET Empty Web Application1

Criando a Estrutura de Pastas do Projeto (Somente Pastas)2

Visualizando o Menu com os Principais Arquivo (Add)3

Criando a Página Inicial do Projeto (Principal.aspx)4

Clicando 1 vez para Visualizar o Preview do CodeBehind5

Expandindo o CodeBehind e Visualizando a Classe e os Controles/Métodos da Página6


4

Visualizando os Navegadores Instalados (Play)7

Conhecendo o Page Inspector8

Executando o Projeto e Visualizando o IIS Express9

Setando o Visual Studio Development Server (CASINI)10

Setando o IIS Express como Servidor Web11

Visualizando o Suporte a HTML512


5

No Web.Config Edit WCF Configuration13

Conhecendo o NuGet14

Bundling e Minification

6

Recursos:

Recursos que Melhoram a Performance de Aplicações Web1

Diminuem as Requisições entre Máquinas (Cliente x Servidor)2

Agrupam arquivos por tipo e removem textos não renderizados3

Até o momento só podemos agrupar Arquivos (CSS e JS)4

Qualquer Navegador (IE, Firefox, Chrome, Safari, Opera)5

Diferença Bundling e Minification

7

Bundling - Agrupamento

Minification - Redução

Os arquivos são agrupados por tipo (Extensão)

Redução de Requisições

Texto não utilizados são removidos (Espaços, Quebras, Comentários)

Diminuição de Bytes Trafegados

Demonstração - Sem Bundling

8

Criando a Estrutura de Pastas (“Bundling_Minification”)1

Criando os Arquivos CSS e JS2

Desenhando a Página (“PaginaSEM.aspx”)3

Importando os Arquivos CSS e JS na Página4

Visualizando a Página em Modo de Execução5

Monitorando a Requisição e Visualizando os Arquivos (“CSS e JS”)6

Demonstração - Com Bundling

9

Desenhando a Página (“PaginaCOM.aspx”)1

Criando os Arquivos CSS e JS2

Desenhando a Página (“PaginaCOM.aspx”)3

Importando os Arquivos CSS e JS na Página4

Criando o Arquivo Global.asax5

Referenciando a DLL (“System.Web.Optimization”)6

Demonstração - Com Bundling

10

Monitorando a Requisição e Visualizando os Arquivos (“CSS e JS”)7

Visualizando o Merge dos Arquivos (Response Body)8

Colocando Comentários nos Arquivos (“CSS e JS”)9

Visualizando que os Comentários foram Removido (Response Body)10

Verificando que o Merge está em Ordem Alfabética (Arquivos Físicos)11

HTML 5.0

11

Recursos:

Visual Studio 11 fornece suporte aos Comandos do HTML 5.01

DocType padrão dos Projetos ASP .NET 4.5 é o HTML 5.02

CodeSnippets para geração de Comandos HTML 5.03

Opera é o Navegador que oferece o melhor suporte ao HTML 5.04

HTML 5.0 - Suporte para Áudio

12

Recursos:

Suporte Nativo para execução de arquivos de áudio1

Não precisamos de (Plugins, Seção <Object>)2

Seção <Audio>, permite a Execução de Áudio no Navegador3

Formatos Suportados: MP3, Wav e Ogg4

Demonstração - HTML Áudio

13

Criando a Estrutura de Pastas (“HTML5”)1

Importando o Arquivo (Musica.mp3) para a Pasta (Audio)2

Desenhando a Página (“Executar.aspx”)3


HTML 5.0 - Suporte para Vídeo

14

Recursos:

Suporte Nativo para execução de arquivos de vídeo1

Não precisamos de (Plugins, Seção <Object>)2

Seção <Video>, permite a Execução de Vídeos no Navegador3

Formatos Suportados: MP4, WebM e Ogg4

Demonstração - HTML Vídeo

15

Importando o Arquivo (Video.mp4) para a Pasta (Video)1

Desenhando a Página (“Executar.aspx”)2


HTML 5.0 - Múltiplos Uploads

16

Recursos:

Suporte para o Upload de Vários Arquivos1

Seção <input type=“File” Multiple=“Multiple”/>2

Não precisamos utilizar AsynFileUpload, Múltiplos FileUpload3

Demonstração - Múltiplos Uploads

17

Desenhando/Codificando a Página (“SubirArquivo.aspx”)1

Setando a Propriedade (“AllowMultiple”) do Controle (“FileUpload”)2


Subindo Arquivos para o Servidor4

HTML 5.0 - Formatos de TextBox

18

Recursos:

Suporte para Novos Formatos de TextBox1

Calendário, Cor, Slider, Url2

Resultado final similar aos controles do AjaxControlToolkit3

Configuramos o Formato na Propriedade TextMode4

Demonstração - Formatos de TextBox

19

Desenhando a Página (“NovosTipos.aspx”)1

Setando a Propriedade (“TextMode”)2


Testando a Página em Todos os Navegadores4

Adicionando o Atributo Required5

Testando a Página em Todos os Navegadores6

Model Binding

20

Recursos:

Vinculação de Dados Simplificada1

Sem Controles Assistentes, DataSource, DataBind2

Propriedades SelectMethod, UpdateMethod, DeleteMethod3

Modelo de Carregamento lembra muito o ASP.NET MVC4

Model Binding - Vinculação de Dados

21

Simples Declarativa

Propriedade DataSource

Método DataBind

Propriedade DataSourceID

Controles DataSource

Demonstração - Model Binding

22

Desenhando a Página (“ListarClientes.aspx”)1

Criando as Camadas (DataAccess, Repository)2

Criando o Método (ListarRegistros), Configurando SelectMethod3


Configurando as Propriedades (AllowSorting , DataKeyNames)5



23

Configurando as Propriedades (AllowPaging, PageSize)7


Habilitando a Propriedade AutoGenerateDeleteButton9

Configurando a Propriedade DeleteMethod10

Criando o Método DeletarRegistro11



24

Habilitando a Propriedade AutoGenerateEditButton13

Configurando a Propriedade UpdateMethod14

Criando o Método AtualizarRegistro15


Filtrando o Método ListarRegistro17

JavaScript Unobtrusive Validation

25

Recursos:

JavaScript (Não Obstrutivo ou Não Evasivo)1

Separação do Código (HTML e JavaScript)2

Controles de Validação utilizam JQuery e HTML 5.03

Demonstração - Unobtrusive Validation

26

Desenhando a Página (“ValidarControles.aspx”)1


Importando a Biblioteca do JQuery para a Pasta/Página3

Visualizando o Código HTML Gerado4

Visualizando a Seção UnobtrusiveValidationMode no Web.Config5

Desabilitando o UnobtrusiveValidationMode e Visualizando a Página6

Biblioteca AntiXSS

27

Recursos:

XSS – Técnica para Invasão de WebSites1

Hacker Injeta Comandos (HTML, CSS, JavaScript) nos Controles2

Biblioteca da Microsoft para Prevensão de Ataques XSS3

No ASP .NET 4.5 ela já vem Integrada/Configurada (Web.config)4

Demonstração – Biblioteca AntiXSS

28

Desenhando a Página (“CapturarControlesInvalidos.aspx”)1

Digitando um Texto NÃO HTML, Clicando no Gravar2

Digitando um Texto HTML, Clicando no Gravar3

Setando a Propriedade ValidateRequest(False), Fazer Passo 3 Novamente4

Codificando o Botão(Gravar), Fazer Passo 3 Novamente5

Codificando o Botão(Gravar) (Unvalidated), Fazer Passo 3 Novamente6

Demonstração – Biblioteca AntiXSS

29

Visualizando o Unvalidated pelo Quick Watch7

Visualizando o HTML da Página para Visualizar a Transformação8

Visualizando o Web.Config , HttpRunTime -> RequestValidationMode9

conhecendo o asp .net 4.5

Technology