Exercicios de férias
Página 1 de 1
Exercicios de férias
Pessoal, este fórum será utilizado para postarmos informações sobre os exercícios de férias.
São 9 exercícios propostos, cada um deles para trabalhar algumas características da construção de sites em ASP.Net.
Em alguns ha o passo a passo, porém desta vez recomendo vocês criarem os projetos criando também o escopo, porem dentro da sugestão de cada exercício.
Exercicio 1: Criando uma app do zero e deixando-a operacional *************************
Descrição: Construindo uma aplicação básica, configurando string de conexão
Objetivo: Revisar os conceitos de templates de sites ASP.Net, entidades de autenticação, scaffolding, gerados pelo template padrão do Visual Studio.
Exercício 2: Criando uma View Customizada *****************************************
Descrição: Alterar uma View
Objetivo: Revisar como podemos alterar uma visualização gerada por padrão pelo Visual Studio, estendendo sua funcionalidade?
Exercício 3: Atualização de pacotes e troca de tema **********************************
Descrição: Instalar e atualizar pacotes na aplicação
Objetivo: Revisar procedimentos de atualização pacotes existentes (jquery, validatino e unobtrusive) e instalar novos pacotes (jquery ui), colocando no BlundleConfig, e trocar o tema do bootstrap
Exercício 4: Criação de um CRUD simples *******************************************
Descrição: Utilizar Model First para gerar model (como clientes) com tipos de dados, restrições de entrada (validações), gerar a tela, colocar o atalho no menu do sistema
Objetivo: revisar procedimentos padrão de criação de CRUD
Exercício 5: Autenticação integrada com redes sociais **********************************
Descrição: Estender o mecanismo de autenticação para logar com usuario do Google+, Twitter ou Facebook
Objetivo: Rever, utilizando mecanismos de autenticação disponibilizado pelo oWin e oAuth no ASP.NET
Exercício 6: Criar entidades relacionadas ********************************************
Descrição: Criar três entidades (clientes, pedidos e produtos) com a cardinalidade (cliente 1:N Pedido N:N Produto)
Objetivo: Revisar como criar entidades relacionadas
Exercício 7: Partial Views *****************************************************
Descrição: Criar uma partial View com dados alheios a view tradicional de clientes. Esta partial view estava vinculada a uma action e devera chamada co o helper "RenderAction"
Objetivo: Revisar o mecanismo de execução do MVc, entre Actions e Views
Exercicio 8: Tratamento de erros ***********************************************
Descrição: Aplicar métodos de tratamento de erros para garantir a estabilidade da aplicação (web.config, Global.asax, código, filtros)
Exercicio 9: Html Helpers *****************************************************
Descrição: Criar um HTML Helper que gere código HTML
Objetivo: Entender melhor o funcionamento dos helpers
************* pessoal segue alguns dos exercícios com passo-a-passo abaixo, qualquer duvida quanto aos outros só me contactarem *************
São 9 exercícios propostos, cada um deles para trabalhar algumas características da construção de sites em ASP.Net.
Em alguns ha o passo a passo, porém desta vez recomendo vocês criarem os projetos criando também o escopo, porem dentro da sugestão de cada exercício.
Exercicio 1: Criando uma app do zero e deixando-a operacional *************************
Descrição: Construindo uma aplicação básica, configurando string de conexão
Objetivo: Revisar os conceitos de templates de sites ASP.Net, entidades de autenticação, scaffolding, gerados pelo template padrão do Visual Studio.
Exercício 2: Criando uma View Customizada *****************************************
Descrição: Alterar uma View
Objetivo: Revisar como podemos alterar uma visualização gerada por padrão pelo Visual Studio, estendendo sua funcionalidade?
Exercício 3: Atualização de pacotes e troca de tema **********************************
Descrição: Instalar e atualizar pacotes na aplicação
Objetivo: Revisar procedimentos de atualização pacotes existentes (jquery, validatino e unobtrusive) e instalar novos pacotes (jquery ui), colocando no BlundleConfig, e trocar o tema do bootstrap
Exercício 4: Criação de um CRUD simples *******************************************
Descrição: Utilizar Model First para gerar model (como clientes) com tipos de dados, restrições de entrada (validações), gerar a tela, colocar o atalho no menu do sistema
Objetivo: revisar procedimentos padrão de criação de CRUD
Exercício 5: Autenticação integrada com redes sociais **********************************
Descrição: Estender o mecanismo de autenticação para logar com usuario do Google+, Twitter ou Facebook
Objetivo: Rever, utilizando mecanismos de autenticação disponibilizado pelo oWin e oAuth no ASP.NET
Exercício 6: Criar entidades relacionadas ********************************************
Descrição: Criar três entidades (clientes, pedidos e produtos) com a cardinalidade (cliente 1:N Pedido N:N Produto)
Objetivo: Revisar como criar entidades relacionadas
Exercício 7: Partial Views *****************************************************
Descrição: Criar uma partial View com dados alheios a view tradicional de clientes. Esta partial view estava vinculada a uma action e devera chamada co o helper "RenderAction"
Objetivo: Revisar o mecanismo de execução do MVc, entre Actions e Views
Exercicio 8: Tratamento de erros ***********************************************
Descrição: Aplicar métodos de tratamento de erros para garantir a estabilidade da aplicação (web.config, Global.asax, código, filtros)
Exercicio 9: Html Helpers *****************************************************
Descrição: Criar um HTML Helper que gere código HTML
Objetivo: Entender melhor o funcionamento dos helpers
************* pessoal segue alguns dos exercícios com passo-a-passo abaixo, qualquer duvida quanto aos outros só me contactarem *************
Última edição por Admin em Seg Ago 01, 2016 11:47 am, editado 3 vez(es)
Exercício 1
Exercicio 1: Criando uma app do zero e deixando-a operacional *************************
Descrição: Construindo uma aplicação básica, configurando string de conexão
Objetivo: Revisar os conceitos de templates de sites ASP.Net, entidades de autenticação, scaffolding, gerados pelo template padrão do Visual Studio.
Passos:
1.Crie um projeto MVC Web Application
2.Altera a string de conexão do arquivo web.config, para que o nome do banco de dados seja
"AspNet-ExercicioDeFerias" em seu servidor SQL local
3.Gere o script de atualização do banco de dados com o update-database -Script (no Package Manager Console)
4.Execute a aplicação e faça o cadastro de um novo usuário
5.verifique a estrutura criada no banco de dados
6.Procure as classes correspondentes as tabelas em seu projeto MVC
Descrição: Construindo uma aplicação básica, configurando string de conexão
Objetivo: Revisar os conceitos de templates de sites ASP.Net, entidades de autenticação, scaffolding, gerados pelo template padrão do Visual Studio.
Passos:
1.Crie um projeto MVC Web Application
2.Altera a string de conexão do arquivo web.config, para que o nome do banco de dados seja
"AspNet-ExercicioDeFerias" em seu servidor SQL local
3.Gere o script de atualização do banco de dados com o update-database -Script (no Package Manager Console)
4.Execute a aplicação e faça o cadastro de um novo usuário
5.verifique a estrutura criada no banco de dados
6.Procure as classes correspondentes as tabelas em seu projeto MVC
Exercício 2
Exercício 2: Criando uma View Customizada *****************************************
Descrição: Alterar uma View
Objetivo: Revisar como podemos alterar uma visualização gerada por padrão pelo Visual Studio, estendendo sua funcionalidade.
Passos:
1.Crie um projeto MVC Web Application
2.Altera a string de conexão do arquivo web.config para apontar para uma base da dados do seu ambiente de desenvolvimento
3.Crie uma nova View: "Views\Shared\_Welcome.cshtml", sem template, sem model e sem pagina de layout
4.Insira dentro desta view o código:
<div class="navbar-brand">
@string.Format("Olá {0}", DateTime.Now.ToString("dd/mm/yyyy HH:ss"))
</div>
3.Localize a view "Views\Home\_Layout.cshtml"
4.Antes do Login, insira a instrução @Html.Partial("_Welcome")
Descrição: Alterar uma View
Objetivo: Revisar como podemos alterar uma visualização gerada por padrão pelo Visual Studio, estendendo sua funcionalidade.
Passos:
1.Crie um projeto MVC Web Application
2.Altera a string de conexão do arquivo web.config para apontar para uma base da dados do seu ambiente de desenvolvimento
3.Crie uma nova View: "Views\Shared\_Welcome.cshtml", sem template, sem model e sem pagina de layout
4.Insira dentro desta view o código:
<div class="navbar-brand">
@string.Format("Olá {0}", DateTime.Now.ToString("dd/mm/yyyy HH:ss"))
</div>
3.Localize a view "Views\Home\_Layout.cshtml"
4.Antes do Login, insira a instrução @Html.Partial("_Welcome")
Exercício 3
Exercício 3: Atualização de pacotes e troca de tema
Descrição: Instalar e atualizar pacotes na aplicação
Objetivo: Revisar procedimentos de atualização pacotes existentes (jquery, validatino e unobtrusive) e instalar novos pacotes (jquery ui), colocando no BlundleConfig, e trocar o tema do bootstrap
Passos:
1. Crie uma aplicação MVC e configure a string de conexão para apontar para seu ambiente de desenvolvimento
2. atualize os pacotes
- JQuery
- jQuery.Validation
- Microsoft.jQuery.Unobtrusive.Validation
3. No site bootswatch.com, selecione um tema aleatório do site conforme sua escolha, e baixe o arquivo bootstrap.css deste tema
4. Copie o novo arquivo para a pasta "Content" do seu projeto web, substituindo o bootstrap.css do seu projeto
5. Execute e verifique as mudanças em seu projeto
Descrição: Instalar e atualizar pacotes na aplicação
Objetivo: Revisar procedimentos de atualização pacotes existentes (jquery, validatino e unobtrusive) e instalar novos pacotes (jquery ui), colocando no BlundleConfig, e trocar o tema do bootstrap
Passos:
1. Crie uma aplicação MVC e configure a string de conexão para apontar para seu ambiente de desenvolvimento
2. atualize os pacotes
- JQuery
- jQuery.Validation
- Microsoft.jQuery.Unobtrusive.Validation
3. No site bootswatch.com, selecione um tema aleatório do site conforme sua escolha, e baixe o arquivo bootstrap.css deste tema
4. Copie o novo arquivo para a pasta "Content" do seu projeto web, substituindo o bootstrap.css do seu projeto
5. Execute e verifique as mudanças em seu projeto
Exercício 4
Exercício 4: Criação de um CRUD simples
Descrição: Utilizar Model First para gerar model (como clientes) com tipos de dados, restrições de entrada (validações), gerar a tela, colocar o atalho no menu do sistema
Objetivo: revisar procedimentos padrão de criação de CRUD
Passos:
1. Crie uma solução asp.net mvc de nome "ExercicioApp"
2. Adicione um projeto do tipo Class Library de nome "ExercicioApp.Data"
3. No projeto Class Library
- a Instale o pacote para Entity Framework
- b Habilite o migrations
- c Altere o app.config para conter a string de conexão para seu banco de dados local
- d Crie uma entidade clientes, faça a tipificação, e crie atributos e validações
- e Crie uma classe DbContext e adicione a devida amarração para a entidade clientes
4. No projeto web adicione a referencia ao projeto data
5. Adicione o controller, com as views, para a classe de clientes e dbcontext criadas no projeto data
6. Adicione o link de menu apropriadamente, para a view Index
Descrição: Utilizar Model First para gerar model (como clientes) com tipos de dados, restrições de entrada (validações), gerar a tela, colocar o atalho no menu do sistema
Objetivo: revisar procedimentos padrão de criação de CRUD
Passos:
1. Crie uma solução asp.net mvc de nome "ExercicioApp"
2. Adicione um projeto do tipo Class Library de nome "ExercicioApp.Data"
3. No projeto Class Library
- a Instale o pacote para Entity Framework
- b Habilite o migrations
- c Altere o app.config para conter a string de conexão para seu banco de dados local
- d Crie uma entidade clientes, faça a tipificação, e crie atributos e validações
- e Crie uma classe DbContext e adicione a devida amarração para a entidade clientes
4. No projeto web adicione a referencia ao projeto data
5. Adicione o controller, com as views, para a classe de clientes e dbcontext criadas no projeto data
6. Adicione o link de menu apropriadamente, para a view Index
Última edição por Admin em Seg Jul 25, 2016 12:07 pm, editado 1 vez(es)
Exercício 6
Exercício 6: Criar entidades relacionadas ********************************************
Descrição: Criar três entidades (clientes, pedidos e produtos) com a cardinalidade (cliente 1:N Pedido N:N Produto)
Objetivo: Revisar como criar entidades relacionadas
Notas e sugestões:
- Criar projeto com 2 ou tres camadas, como componente de Models e de Persisten
- Não esquecer de criar a classe DbContext e vincular as entidades pelo atributo do tipo DbSet<>
- Adicionar as referências entre os projetos conforme sua solução técnica
- Embora seja um modelo master-child, desenvolver soluções master child sem um gerenciador de janelas, ou mesmo sem jQuery, dá um pouco mais de trabalho, então para este desafio, sugiro desenvolverem as telas separadamente como CRUDs simples. Iremos nos aprofundar mais nas telas e desenvolver soluções completas com jQuery UI.
Descrição: Criar três entidades (clientes, pedidos e produtos) com a cardinalidade (cliente 1:N Pedido N:N Produto)
Objetivo: Revisar como criar entidades relacionadas
Notas e sugestões:
- Criar projeto com 2 ou tres camadas, como componente de Models e de Persisten
- Não esquecer de criar a classe DbContext e vincular as entidades pelo atributo do tipo DbSet<>
- Adicionar as referências entre os projetos conforme sua solução técnica
- Embora seja um modelo master-child, desenvolver soluções master child sem um gerenciador de janelas, ou mesmo sem jQuery, dá um pouco mais de trabalho, então para este desafio, sugiro desenvolverem as telas separadamente como CRUDs simples. Iremos nos aprofundar mais nas telas e desenvolver soluções completas com jQuery UI.
Exercício 8
Exercicio 8: Tratamento de erros ***********************************************
Descrição: Aplicar métodos de tratamento de erros para garantir a estabilidade da aplicação (web.config, Global.asax, código, filtros)
- reforçando, o tratamento de erro ocorre em varios niveis:
- redirecionamentos padrões no web.config
- tratamento generico de erro no global.asax
- blocos try-catch convencionais
- Filtros de exceção
- jQuery (erros de ajax)
Não abordamos ainda o jQuery, porém os outros podem ser aplicados.
É possivel testar o sistema de erros forçando uma exceção com throws no controller
Descrição: Aplicar métodos de tratamento de erros para garantir a estabilidade da aplicação (web.config, Global.asax, código, filtros)
- reforçando, o tratamento de erro ocorre em varios niveis:
- redirecionamentos padrões no web.config
- tratamento generico de erro no global.asax
- blocos try-catch convencionais
- Filtros de exceção
- jQuery (erros de ajax)
Não abordamos ainda o jQuery, porém os outros podem ser aplicados.
É possivel testar o sistema de erros forçando uma exceção com throws no controller
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Sex Ago 26, 2016 5:13 pm por Admin
» Resolucao do Lab1 do Modulo 3
Qui Ago 11, 2016 9:12 am por Admin
» Roteiro – Treinamento ASP.NET MVC Avançado
Qui Ago 04, 2016 5:40 pm por Admin
» Atualização do .Net Framework disponível para download
Qui Ago 04, 2016 4:58 pm por Admin
» Atualização do .Net Framework Disponivel para download
Qui Ago 04, 2016 4:57 pm por Admin
» Exercicios de férias
Ter Ago 02, 2016 1:47 pm por Admin
» Projeto HandsOn disponivel para download + Atividades de férias
Qui Jul 07, 2016 5:27 pm por Admin
» exemplo de datepicker com jQuery UI
Sex Jul 01, 2016 5:52 pm por Admin
» exempolo para gerenciar sessao
Sex Jul 01, 2016 5:24 pm por Admin