conhecendo o asp .net 4.5
TRANSCRIPT
![Page 1: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/1.jpg)
![Page 2: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/2.jpg)
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
![Page 3: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/3.jpg)
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
![Page 4: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/4.jpg)
Demonstração - ASP .NET
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
![Page 5: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/5.jpg)
Demonstração - ASP .NET
5
No Web.Config Edit WCF Configuration13
Conhecendo o NuGet14
![Page 6: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/6.jpg)
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
![Page 7: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/7.jpg)
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
![Page 8: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/8.jpg)
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
![Page 9: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/9.jpg)
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
![Page 10: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/10.jpg)
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
![Page 11: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/11.jpg)
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
![Page 12: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/12.jpg)
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
![Page 13: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/13.jpg)
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
Visualizando a Página em Modo de Execução4
![Page 14: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/14.jpg)
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
![Page 15: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/15.jpg)
Demonstração - HTML Vídeo
15
Importando o Arquivo (Video.mp4) para a Pasta (Video)1
Desenhando a Página (“Executar.aspx”)2
Visualizando a Página em Modo de Execução3
![Page 16: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/16.jpg)
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
![Page 17: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/17.jpg)
Demonstração - Múltiplos Uploads
17
Desenhando/Codificando a Página (“SubirArquivo.aspx”)1
Setando a Propriedade (“AllowMultiple”) do Controle (“FileUpload”)2
Visualizando a Página em Modo de Execução3
Subindo Arquivos para o Servidor4
![Page 18: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/18.jpg)
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
![Page 19: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/19.jpg)
Demonstração - Formatos de TextBox
19
Desenhando a Página (“NovosTipos.aspx”)1
Setando a Propriedade (“TextMode”)2
Visualizando a Página em Modo de Execução3
Testando a Página em Todos os Navegadores4
Adicionando o Atributo Required5
Testando a Página em Todos os Navegadores6
![Page 20: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/20.jpg)
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
![Page 21: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/21.jpg)
Model Binding - Vinculação de Dados
21
Simples Declarativa
Propriedade DataSource
Método DataBind
Propriedade DataSourceID
Controles DataSource
![Page 22: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/22.jpg)
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
Visualizando a Página em Modo de Execução4
Configurando as Propriedades (AllowSorting , DataKeyNames)5
Visualizando a Página em Modo de Execução6
![Page 23: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/23.jpg)
Demonstração - Model Binding
23
Configurando as Propriedades (AllowPaging, PageSize)7
Visualizando a Página em Modo de Execução8
Habilitando a Propriedade AutoGenerateDeleteButton9
Configurando a Propriedade DeleteMethod10
Criando o Método DeletarRegistro11
Visualizando a Página em Modo de Execução12
![Page 24: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/24.jpg)
Demonstração - Model Binding
24
Habilitando a Propriedade AutoGenerateEditButton13
Configurando a Propriedade UpdateMethod14
Criando o Método AtualizarRegistro15
Visualizando a Página em Modo de Execução16
Filtrando o Método ListarRegistro17
![Page 25: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/25.jpg)
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
![Page 26: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/26.jpg)
Demonstração - Unobtrusive Validation
26
Desenhando a Página (“ValidarControles.aspx”)1
Visualizando a Página em Modo de Execução2
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
![Page 27: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/27.jpg)
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
![Page 28: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/28.jpg)
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
![Page 29: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/29.jpg)
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
![Page 30: Conhecendo o ASP .NET 4.5](https://reader033.vdocuments.site/reader033/viewer/2022052909/55978ea61a28abb8368b4675/html5/thumbnails/30.jpg)