Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Curso ASP.Net - Módulo 1

4,284 views

Published on

Slide do primeiro módulo ASP.Net do treinamento Real & Dados / Nível 7

Published in: Technology

Curso ASP.Net - Módulo 1

  1. 1. ASP.NET Módulo 1
  2. 2. Objetivo <ul><li>Mostrar os conceitos fundamentais da plataforma Microsoft .Net e suas ferramentas; </li></ul><ul><li>Apresentar os conceitos fundamentais de aplicações web e seus elementos; </li></ul><ul><li>Demonstrar de forma interativa o Visual Web Developer 2008. </li></ul>
  3. 3. Agenda <ul><li>Visão Geral do .Net Framework </li></ul><ul><ul><li>O que é? </li></ul></ul><ul><ul><li>Arquitetura </li></ul></ul><ul><ul><li>Linguagens </li></ul></ul><ul><ul><li>Ferramentas </li></ul></ul><ul><li>Comportamento de uma Aplicação Web </li></ul><ul><ul><li>Arquitetura(Cliente/Servidor) </li></ul></ul><ul><ul><li>HTML </li></ul></ul><ul><ul><li>Linguagens de Cliente/Servidor </li></ul></ul><ul><li>Visual Web Developer 2008 </li></ul>
  4. 4. .Net Framework – O Que É <ul><li>É o novo modelo de desenvolvimento de software da Microsoft; </li></ul><ul><ul><li>Construído em cima de padrões abertos </li></ul></ul><ul><ul><li>Atualmente, os dados estão disponíveis através da internet, e não mais apenas no computador local. </li></ul></ul>
  5. 5. .Net Framework – O Que É Ferramentas de Desenvolvimento Clientes Experiência do Usuário Aplicações WEB ASP.NET Web Services XML Bancos de Dados
  6. 6. Arquitetura <ul><li>A Arquitetura do .Net Framework é composta por linguagens, ambiente de execução, etc. Esta arquitetura será detalhada a seguir . </li></ul>
  7. 7. Arquitetura <ul><li>CLR – Common Language Runtime </li></ul><ul><ul><li>Executa as aplicações .Net; </li></ul></ul><ul><ul><li>Interage com o Sistema Operacional; </li></ul></ul><ul><ul><li>Abstrai das aplicações .NET detalhes obscuros do Sistema Operacional; </li></ul></ul><ul><ul><li>Torna possível que aplicações .NET sejam indiferentes ao Hardware e Sistema Operacional. </li></ul></ul>
  8. 8. Arquitetura <ul><li>MSIL – Microsoft Intermediate Language </li></ul><ul><ul><li>O .Net Framework não está preso a uma linguagem de programação específica; </li></ul></ul><ul><ul><li>O Código em MSIL é executado através do CLR; </li></ul></ul><ul><ul><li>Sua utilização possibilita que artefatos compilados em uma linguagem sejam utilizáveis pelas linguagens de programação que suportem o .Net Framework. </li></ul></ul>
  9. 9. Arquitetura <ul><li>Assembly </li></ul><ul><ul><li>Biblioteca de código (utilizado para disponibilização de aplicativos) (.dll); </li></ul></ul><ul><ul><li>Pode ser executável (.exe); </li></ul></ul><ul><ul><li>Utilizado para versionamento e segurança; </li></ul></ul><ul><ul><ul><li>O uso do assembly especifica qual a versão utilizada </li></ul></ul></ul>
  10. 10. Arquitetura <ul><li>Garbage collector </li></ul><ul><ul><li>Gerenciamento de Memória automático; </li></ul></ul><ul><ul><ul><li>O desenvolvedor não é mais responsável por alocar e liberar memória; </li></ul></ul></ul><ul><ul><ul><li>Evita erros ocasionados por gerenciamento de memória mal feito; </li></ul></ul></ul><ul><ul><li>Decide quando e se um objeto que não está mais sendo usado pode ser coletado. </li></ul></ul>
  11. 11. Arquitetura <ul><li>Vantagens </li></ul><ul><ul><li>Viabiliza que softwares sejam construídos independente de Hardware e de Sistema Operacional; </li></ul></ul><ul><ul><li>É construído em cima de padrões abertos; </li></ul></ul><ul><ul><li>Possibilita que o desenvolvedor se foque na solução do problema, e não em detalhes de como o problema pode ser resolvido. </li></ul></ul>
  12. 12. Visual Studio 2008 e Visual Web Developer 2008 Web Forms, ASP.NET AJAX Múltiplas Linguagens Web Services, WCF Acesso a Dados, LINQ Tratamento de Erros Windows Forms, WPF
  13. 13. Visual Studio 2008 e Visual Web Developer 2008 <ul><li>Ambiente de Desenvolvimento oficial da Microsoft; </li></ul><ul><li>Suporta as linguagens: C#, VB.Net, Visual C++, Visual J#; </li></ul><ul><li>Possui ferramentas para construir aplicações web, windows e Web Services XML. </li></ul>
  14. 14. Visual Studio 2008 e Visual Web Developer 2008 <ul><li>O Visual Web Developer 2008 é uma versão free, porém, com menos recursos que o Visual Studio. </li></ul><ul><ul><li>Requer um registro (sem encargos financeiros) para uso por mais do que 30 dias. </li></ul></ul>
  15. 15. Linguagens <ul><li>Todas as linguagens compatíveis com a Plataforma .Net fazem chamadas à Plataforma, não ao SO. </li></ul><ul><li>Apesar de todas as linguagens compilarem para MSIL, as linguagens possuem características específicas; </li></ul><ul><li>Algumas linguagens: VB.Net, C#, Delphi.Net. </li></ul>
  16. 16. Linguagens <ul><li>Algumas linguagens suportadas pelo Visual Studio 2008 </li></ul><ul><ul><li>C#: Linguagem criada para uso com o .Net Framework, evitando problemas e dificuldades encontradas em outras linguagens. </li></ul></ul>
  17. 17. Linguagens <ul><li>Ex em C# </li></ul><ul><ul><li>using System; </li></ul></ul><ul><ul><li>namespace ConsoleApplication1 </li></ul></ul><ul><ul><li>{ </li></ul></ul><ul><ul><li>class Program </li></ul></ul><ul><ul><li>{ </li></ul></ul><ul><ul><li>static void Main(string[] args) </li></ul></ul><ul><ul><li>{ </li></ul></ul><ul><ul><li>Console.WriteLine(&quot;Olá.&quot;); </li></ul></ul><ul><ul><li>} </li></ul></ul><ul><ul><li>} </li></ul></ul><ul><ul><li>} </li></ul></ul>
  18. 18. Linguagens <ul><li>Ex em VB.Net </li></ul><ul><ul><li>Module Module1 </li></ul></ul><ul><ul><li>Sub Main() </li></ul></ul><ul><ul><li>Console.WriteLine(&quot;Olá.&quot;) </li></ul></ul><ul><ul><li>End Sub </li></ul></ul><ul><ul><li>End Module </li></ul></ul>
  19. 19. Ferramentas <ul><li>Windows Forms </li></ul><ul><ul><li>Windows Forms é utilizado para construir aplicativos em Janelas; </li></ul></ul><ul><ul><li>Estes aplicativos não precisam de um navegador para ser executado; </li></ul></ul><ul><ul><li>Normalmente utilizado para aplicativos mais robustos; </li></ul></ul><ul><ul><li>Ex: Calculadora, Word, Excel, etc </li></ul></ul>
  20. 20. Ferramentas <ul><li>Web Forms: </li></ul><ul><ul><li>Utilizado para a construção de Aplicativos Web. </li></ul></ul><ul><ul><li>Estes aplicativos serão executados através de um navegador web convencional. </li></ul></ul><ul><ul><li>Apresenta como vantagem a acessibilidade e facilidade de atualização </li></ul></ul><ul><ul><li>Ex: hotmail, orkut </li></ul></ul>
  21. 21. Ferramentas <ul><li>Mobile </li></ul><ul><ul><li>Utilizado para construir aplicativos que serão executados em dispositivos móveis (PDAs, SmartPhones, etc); </li></ul></ul><ul><ul><li>Dispositivos móveis são fáceis de carregar; </li></ul></ul>
  22. 22. Ferramentas <ul><li>Web Services </li></ul><ul><ul><li>Serviços disponibilizados através da Internet; </li></ul></ul><ul><ul><li>Podem ser utilizados independente da linguagem </li></ul></ul><ul><ul><li>Utilizam XML para trafegar dados </li></ul></ul><ul><ul><li>Utilizado para fazer integração entre aplicações distintas </li></ul></ul><ul><ul><li>Ex: Serviço de busca de cep dos correios </li></ul></ul>
  23. 23. Ferramentas <ul><li>Windows Services </li></ul><ul><ul><li>Serviços que rodam no Sistema Operacional; </li></ul></ul><ul><ul><li>Provêm um conjunto de funcionalidades; </li></ul></ul><ul><ul><li>Serviços são gerenciáveis a partir do Painel de Controle; </li></ul></ul><ul><ul><li>Ex: SQL Server, Oracle. </li></ul></ul>
  24. 24. <ul><li>Comportamento de uma Aplicação Web </li></ul>
  25. 25. Comportamento de uma Aplicação Web <ul><li>Arquitetura Cliente/Servidor </li></ul><ul><ul><li>O Cliente faz uma requisição ao servidor; </li></ul></ul><ul><ul><li>O Servidor processa a requisição e retorna ao cliente solicitante; </li></ul></ul><ul><ul><li>O Processamento de uma requisição pode demandar que o Servidor se conecte a bases de dados, leia arquivos XML, se comunique com Web Services, etc. </li></ul></ul>
  26. 26. Comportamento de uma Aplicação Web Cliente Servidor Requisição Resposta XML Componentes Bancos De Dados
  27. 27. HTML <ul><li>HTML </li></ul><ul><ul><li>Linguagem de Marcação utilizada para dar forma (definir como o conteúdo será apresentado) em páginas HTML; </li></ul></ul><ul><ul><li>Composta por tags (ex<div>,<a>, etc); </li></ul></ul><ul><ul><li>Seu conteúdo é textual (pode ser editado no bloco de notas, Word, Visual Studio, Dream Weaver, etc). </li></ul></ul>
  28. 28. HTML <ul><li>Ex: </li></ul><ul><ul><li><!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;> </li></ul></ul><ul><ul><li><html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;> </li></ul></ul><ul><ul><li><head> </li></ul></ul><ul><ul><li><title>título da página</title> </li></ul></ul><ul><ul><li></head> </li></ul></ul><ul><ul><li><body> </li></ul></ul><ul><ul><li>Conteúdo do corpo da página </li></ul></ul><ul><ul><li></body> </li></ul></ul><ul><ul><li></html> </li></ul></ul>
  29. 29. Linguagens de Cliente/Servidor <ul><li>Logo que o desenvolvimento comercial de software passou a utilizar a Web, inúmeras linguagens e tecnologias surgiram para possibilitar a construção de aplicações web; </li></ul><ul><li>A maior parte delas é composta por uma mescla de elementos HTML e elementos próprios da linguagem. </li></ul>
  30. 30. <ul><li>Javascript </li></ul><ul><ul><li>Linguagem de Script utilizada em sua maior parte para prover dinamismo no lado cliente. </li></ul></ul><ul><ul><li>Mais utilizado para validação de páginas, AJAX; </li></ul></ul><ul><ul><li>Pode estar em páginas html ou em arquivos externos (normalmente .js) </li></ul></ul>
  31. 31. <ul><li>Javascript </li></ul><ul><ul><li>Ex: </li></ul></ul><ul><ul><li><script> </li></ul></ul><ul><ul><li>function exibirMensagem(msg) { </li></ul></ul><ul><ul><li>alert(msg); </li></ul></ul><ul><ul><li>} </li></ul></ul><ul><ul><li></script> </li></ul></ul>
  32. 32. <ul><li>ASP (Active Server Pages – Microsoft, 1990) </li></ul><ul><ul><li>Tecnologia que possibilita a construção de páginas dinâmicas; </li></ul></ul><ul><ul><li>Utiliza <% e %> para separar código ASP dos outros conteúdos da página; </li></ul></ul><ul><ul><li>Deve ser acessada através de requisições a um Servidor Web (IIS – Microsoft Internet Information Services) </li></ul></ul><ul><ul><li>Pode se comunicar com Bancos de Dados, etc durante sua etapa de processamento da página; </li></ul></ul><ul><ul><li>Não utiliza terminador de instrução </li></ul></ul>
  33. 33. <ul><li>ASP </li></ul><ul><ul><li>Ex: </li></ul></ul><ul><ul><ul><li><html> </li></ul></ul></ul><ul><ul><ul><li><body> </li></ul></ul></ul><ul><ul><ul><li><% </li></ul></ul></ul><ul><ul><ul><li>response.write(&quot;Olá!&quot;) </li></ul></ul></ul><ul><ul><ul><li>%> </li></ul></ul></ul><ul><ul><ul><li></body> </li></ul></ul></ul><ul><ul><ul><li></html> </li></ul></ul></ul>
  34. 34. <ul><li>PHP (Personal Home Pages – Rasmus Lerdof, 1994) </li></ul><ul><ul><li>Tecnologia que possibilita a construção de páginas dinâmicas; </li></ul></ul><ul><ul><li>Utiliza <?php e ? > para separar os trechos da página que devem ser interpretados como código PHP; </li></ul></ul><ul><ul><li>Suporta Orientação a Objetos </li></ul></ul><ul><ul><li>Deve ser acessada através de requisições a um servidor web que possua interpretador PHP instalado </li></ul></ul><ul><ul><li>Pode se comunicar com Bancos de Dados, etc durante sua etapa de processamento da página; </li></ul></ul><ul><ul><li>Utiliza terminador de Instrução - ; . </li></ul></ul>
  35. 35. <ul><li>PHP </li></ul><ul><ul><li>Ex: </li></ul></ul><ul><ul><ul><li><html> </li></ul></ul></ul><ul><ul><ul><li><body> </li></ul></ul></ul><ul><ul><ul><li><?php </li></ul></ul></ul><ul><ul><ul><li>echo &quot;Olá!&quot;; </li></ul></ul></ul><ul><ul><ul><li>?> </li></ul></ul></ul><ul><ul><ul><li></body> </li></ul></ul></ul><ul><ul><ul><li></html> </li></ul></ul></ul>
  36. 36. <ul><li>JSP (Java Server Pages – Sun Microsystems) </li></ul><ul><ul><li>Tecnologia que possibilita a construção de páginas dinâmicas; </li></ul></ul><ul><ul><li>Utiliza <% e %> para separar código JSP dos outros conteúdos da página; </li></ul></ul><ul><ul><li>Utiliza a linguagem Java no bastidores; </li></ul></ul><ul><ul><li>Deve ser acessada através de requisições a um Servidor Web que suporte Java; </li></ul></ul><ul><ul><li>Pode se comunicar com Bancos de Dados, etc durante sua etapa de processamento da página; </li></ul></ul><ul><ul><li>Utiliza terminador de Instrução - ; . </li></ul></ul>
  37. 37. <ul><li>JSP </li></ul><ul><ul><li>Ex: </li></ul></ul><ul><ul><ul><li><html> </li></ul></ul></ul><ul><ul><ul><li><body> </li></ul></ul></ul><ul><ul><ul><li><%=response.write(&quot;Olá!&quot;)%> </li></ul></ul></ul><ul><ul><ul><li></body> </li></ul></ul></ul><ul><ul><ul><li></html> </li></ul></ul></ul>
  38. 38. <ul><li>ASP.NET (Active Server Pages – Microsoft, 2000) </li></ul><ul><ul><li>Evolução da Tecnologia ASP; </li></ul></ul><ul><ul><li>Baseado no .Net Framework; </li></ul></ul><ul><ul><li>Deve ser acessada através de requisições a um Servidor Web (IIS – Microsoft Internet Information Services); </li></ul></ul><ul><ul><li>Separação entre a página e o código (codebehind); </li></ul></ul><ul><ul><li>Uma grande quantidade de componentes </li></ul></ul>
  39. 39. <ul><li>ASP.NET (Active Server Pages – Microsoft, 2000) </li></ul><ul><ul><li>Possibilita reutilizar assemblies criados com o .Net Framework; </li></ul></ul><ul><ul><li>Possibilita que Componentes personalizados (User Controls) sejam criados através dos componentes já existentes; </li></ul></ul>
  40. 40. Visual Web Developer 2008 <ul><li>Ao longo do curso, utilizaremos para desenvolver aplicações web, o Visual Web Developer 2008. </li></ul><ul><ul><li>Disponível para download no site </li></ul></ul><ul><ul><ul><li>http://www.microsoft.com/express/vwd/ </li></ul></ul></ul><ul><ul><li>Não requer licença para uso, apenas registro por parte do utilizador. </li></ul></ul>
  41. 41. Atividade de apoio <ul><li>Conhecendo o Visual Web Developer 2008. </li></ul>
  42. 42. Visual Web Developer 2008 <ul><li>Recent Projects </li></ul><ul><ul><li>Esta janela exibe os últimos projetos utilizados pelo usuário; </li></ul></ul><ul><ul><li>Sempre que um projeto é criado ou aberto, ele será referenciado nesta janela; </li></ul></ul><ul><ul><li>Para abrir um projeto desejado, basta clicar duas vezes no nome do projeto ou pressionar <enter>; </li></ul></ul><ul><ul><li>Estar listado na janela não impede que um projeto seja excluído. </li></ul></ul>
  43. 43. Visual Web Developer 2008 <ul><li>MSDN </li></ul><ul><ul><li>Esta janela exibe as últimas notícias, novidades, atualizações, tutoriais, etc disponibilizados no MSDN; </li></ul></ul>
  44. 44. Visual Web Developer 2008 <ul><li>Getting Started </li></ul><ul><ul><li>Esta janela sugere os passos iniciais para quem não possui muita experiência com a ferramenta; </li></ul></ul>
  45. 45. Visual Web Developer 2008 <ul><li>Criação de Web Site </li></ul><ul><ul><li>Para criar um Web Site, acesse o menu File > New Web Site ... </li></ul></ul><ul><ul><li>A Janela ao lado será exibida </li></ul></ul><ul><ul><li>Em Templates, selecione ASP.NET Web Site; em Location, especifique onde o Web site será salvo; Language selecione Visual C#. </li></ul></ul>
  46. 46. Visual Web Developer 2008 <ul><li>Solution Explorer </li></ul><ul><ul><li>Esta janela exibe os detalhes estruturais do projeto que está aberto. </li></ul></ul>
  47. 47. Visual Web Developer 2008 <ul><li>Solution Explorer </li></ul><ul><ul><li>Esta janela exibe os detalhes estruturais do projeto que está aberto. </li></ul></ul>
  48. 48. Visual Web Developer 2008 <ul><li>Class View </li></ul><ul><ul><li>Exibe as Classes que estão no escopo do Projeto </li></ul></ul>
  49. 49. Visual Web Developer 2008 <ul><li>Server Explorer </li></ul><ul><ul><li>Permite Explorar os Servidores que estão cadastrados no VWD. </li></ul></ul>
  50. 50. Visual Web Developer 2008 <ul><li>Toolbox </li></ul><ul><ul><li>Contém os controles que podem ser adicionados às Páginas. </li></ul></ul>
  51. 51. Visual Web Developer 2008 <ul><li>Error List </li></ul><ul><ul><li>Contém os erros encontrados pelo VWD 2008. Estes erros podem incluir erros em páginas, códigos com erro, etc; </li></ul></ul><ul><ul><li>Esta janela pode ser exibida / ocultada a partir do menu View > Error List </li></ul></ul>
  52. 52. Visual Web Developer 2008 <ul><li>Output </li></ul><ul><ul><li>Saída textual que pode ser utilizada pelos desenvolvedores para escrever valores; </li></ul></ul><ul><ul><li>Utilizado em tempo de Desenvolvimento; </li></ul></ul><ul><ul><li>Esta janela pode ser exibida / ocultada a partir do menu View > Output </li></ul></ul>
  53. 53. Visual Web Developer 2008 <ul><li>Find Results </li></ul><ul><ul><li>Exibe os resultados de busca, feitos através de alguma das opções disponíveis no menu Edit > Find and Replace </li></ul></ul>
  54. 54. Visual Web Developer 2008 <ul><li>Immediate Window </li></ul><ul><li>Permite ao desenvolvedor interagir com a aplicação que está em execução; </li></ul><ul><li>Esta interação possibilita que testes sejam feitos. </li></ul>
  55. 55. Visual Web Developer 2008 <ul><li>Janela de Design </li></ul><ul><ul><li>É nesta janela onde a página é projetada e construída; </li></ul></ul><ul><ul><li>Para incluir um componente, o selecione na Toolbox e o solte no local desejado na página. </li></ul></ul>
  56. 56. Visual Web Developer 2008 <ul><li>Janela de Código </li></ul><ul><ul><li>Exibe o código da página; </li></ul></ul><ul><ul><li>Pode ser utilizado para modificar o conteúdo da página; </li></ul></ul>
  57. 57. Visual Web Developer 2008 <ul><li>Properties </li></ul><ul><ul><li>Permite editar as propriedades do elemento selecionado </li></ul></ul>
  58. 58. Visual Web Developer 2008 <ul><li>Intelisense </li></ul><ul><ul><li>Recurso muito útil e importante que faz sugestões à medida que se digita; </li></ul></ul><ul><ul><li>O Intelisense está disponível também aos códigos em C# e VB.Net </li></ul></ul>

×