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
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
Demonstração - ASP .NET
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
Visualizando a Página em Modo de Execução4
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
Visualizando a Página em Modo de Execução3
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
Visualizando a Página em Modo de Execução3
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
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
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
Visualizando a Página em Modo de Execução4
Configurando as Propriedades (AllowSorting , DataKeyNames)5
Visualizando a Página em Modo de Execução6
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
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
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
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
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
Top Related