Especialista en desarrollo  de aplicaciones web JORNADA 13A : Introducción a ASP.NET cid deza,  moisés [email_address]
Introducción ASP.NET <ul><li>Aplicación Web:  Conjunto de páginas HTML que se transmiten por medio del protocolo HTTP entr...
Algunas características ASP.NET <ul><li>Multilenguaje : Permite cualquier lenguaje del .NET Framework (orientación a objet...
Aplicación Web ASP.NET <ul><li>Algunos de sus componentes son: </li></ul><ul><ul><li>WebForms :  </li></ul></ul><ul><ul><u...
Aplicación Web ASP.NET <ul><li>Esquema de los componentes: </li></ul>WebForm1.aspx.vb WebForm1.aspx WebForm2.aspx.vb WebFo...
Formularios Web <ul><li>Formulario Web  (ASP.NET WebForm) </li></ul><ul><ul><li>Página expresada en lenguaje de marcas que...
Controles de Servidor <ul><li>Son componentes que son ejecutados en el servidor y convertidos en código HTML que el navega...
Controles de Servidor <ul><li>Botón HTML “clásico” (No es de Servidor) </li></ul><ul><li>Control de Servidor Web </li></ul...
Controles de Servidor WebControl HTML equivalente <asp:button> <input type=submit> <asp:checkbox> <input type=checkbox> <a...
Controles de Servidor - Validación <ul><li>Son controles ocultos (no visibles en la interfaz) que permiten llevar a cabo v...
Controles de Usuario <ul><li>Ficheros con extensión .ascx que son controles que simplifican la  reutilización de código  d...
Controles de Usuario <ul><li>Para utilizarlos hay que realizar 2 pasos: </li></ul><ul><ul><li>1.- Registrarlos en la cabec...
ViewState <ul><li>Mantiene el estado de los controles entre los  postback  de una página . </li></ul><ul><li>El viewstate ...
Master Pages <ul><li>Se puede considerar como una  plantilla . </li></ul><ul><li>El resto de páginas que heredan de la Mas...
Master Pages <ul><li>Contiene una directiva @Master en lugar de @Page. </li></ul><ul><li>Es como cualquier otro WebForm, p...
Content Pages <ul><li>Son WebForms habituales en las que hay que indicar cuál es su página maestra. </li></ul><ul><li>El c...
Upcoming SlideShare
Loading in...5
×

Especialista Web J13: Introducción a Asp.Net

2,550
-1

Published on

Breve introducción a ASP.NET

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,550
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
97
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Especialista Web J13: Introducción a Asp.Net

  1. 1. Especialista en desarrollo de aplicaciones web JORNADA 13A : Introducción a ASP.NET cid deza, moisés [email_address]
  2. 2. Introducción ASP.NET <ul><li>Aplicación Web: Conjunto de páginas HTML que se transmiten por medio del protocolo HTTP entre un cliente y un servidor. </li></ul><ul><li>ASP.NET : Framework (marco de trabajo) de Microsoft que permite programar aplicaciones de modo similar a cómo se hace con las aplicaciones Windows ( stand-alone ). </li></ul>
  3. 3. Algunas características ASP.NET <ul><li>Multilenguaje : Permite cualquier lenguaje del .NET Framework (orientación a objetos). </li></ul><ul><li>Su componente esencial es el WebForm (Formulario Web). </li></ul><ul><li>Utiliza Controles de Servidor . </li></ul><ul><li>Independencia del cliente (navegador, SO). </li></ul><ul><li>Compilado . </li></ul><ul><li>Clara separación entre la capa de presentación y la de lógica (desaparece spaguetti-code ) </li></ul>
  4. 4. Aplicación Web ASP.NET <ul><li>Algunos de sus componentes son: </li></ul><ul><ul><li>WebForms : </li></ul></ul><ul><ul><ul><li>Archivos con extensión .aspx. Constituyen la interfaz </li></ul></ul></ul><ul><ul><li>Archivos Code-Behind : </li></ul></ul><ul><ul><ul><li>Archivos con extensión .aspx.cs, aspx.vb, etc. Contienen el código que se ejecutará en el servidor (la lógica). </li></ul></ul></ul><ul><ul><li>Archivos de configuración : </li></ul></ul><ul><ul><ul><li>Fundamentalmente el fichero Web.config. Existe uno por aplicación y permite configurar la aplicación. </li></ul></ul></ul><ul><ul><li>Directorio Bin : Contiene el ensamblado (.dll) </li></ul></ul><ul><ul><ul><li>Es algo así como el .exe de una aplicación de escritorio. </li></ul></ul></ul><ul><ul><ul><li>Puede contener otros ensamblados externos. </li></ul></ul></ul>
  5. 5. Aplicación Web ASP.NET <ul><li>Esquema de los componentes: </li></ul>WebForm1.aspx.vb WebForm1.aspx WebForm2.aspx.vb WebForm2.aspx Global.asax Web.config BIN Database Comp. Comp.
  6. 6. Formularios Web <ul><li>Formulario Web (ASP.NET WebForm) </li></ul><ul><ul><li>Página expresada en lenguaje de marcas que es compilada y ejecutada dinámicamente en el servidor para generar la salida solicitada por el cliente (explorador ó dispositivo). </li></ul></ul><ul><li>Code Behind </li></ul><ul><ul><li>Es el código que se ejecuta del lado del servidor para lograr el comportamiento deseado en un formulario web. </li></ul></ul><ul><ul><li>En cada WebForm (.aspx) se indica qué fichero contiene el código fuente (.aspx.cs) </li></ul></ul><ul><li>Ejemplo 1 </li></ul><%@ Page Language=&quot;C#&quot; CodeFile=&quot;Ej1-FormularioWeb.aspx.cs&quot; %>
  7. 7. Controles de Servidor <ul><li>Son componentes que son ejecutados en el servidor y convertidos en código HTML que el navegador es capaz de interpretar. </li></ul><ul><li>Algunos de ellos son similares a etiquetas HTML, pero al ser ejecutados en el servidor, se puede operar con ellos en el Code Behind . </li></ul><ul><li>Siguen el paradigma de la Programación Orientada a Objetos. </li></ul><ul><li>Mantienen su estado entre postbacks . </li></ul>
  8. 8. Controles de Servidor <ul><li>Botón HTML “clásico” (No es de Servidor) </li></ul><ul><li>Control de Servidor Web </li></ul><ul><li>Entonces: </li></ul><ul><ul><li>¿ cual es la diferencia ? </li></ul></ul><ul><ul><li>¿cuándo usar una etiqueta HTML o su Control de Servidor equivalente? </li></ul></ul><ul><ul><li>¿se pueden mezclar ? </li></ul></ul><ul><li>Ejemplo2. </li></ul>< INPUT type =&quot;button&quot; value =&quot;Buscar&quot;> < asp:Button id =&quot;cmdBuscar&quot; runat =&quot;server&quot; Text =&quot;Buscar&quot;/> Obligatorio en los CS
  9. 9. Controles de Servidor WebControl HTML equivalente <asp:button> <input type=submit> <asp:checkbox> <input type=checkbox> <asp:hyperlink> <a href=&quot;…&quot;> </a> <asp:image> <img src=&quot;…&quot;> <asp:imagebutton> <input type=image> <asp linkButton> <asp:label> <span> </span> <asp:panel> <div> </div> <asp:radiobutton> <input type=radiobutton> <asp:table> <table> </table> <asp:textbox> <input type=text> <asp:listbox> <select size=&quot;5&quot;> </select>
  10. 10. Controles de Servidor - Validación <ul><li>Son controles ocultos (no visibles en la interfaz) que permiten llevar a cabo validación de los campos del formulario. </li></ul><ul><li>Los controles son: </li></ul><ul><ul><li>RequiredFieldValidator . Valor requerido. </li></ul></ul><ul><ul><li>CompareValidator . Valida contra un valor constante o contra otro control. </li></ul></ul><ul><ul><li>RangeValidator . Valor dentro de un rango de tipos. </li></ul></ul><ul><ul><li>RegularExpressionValidator . Valida contra un patrón o expresión regular. </li></ul></ul><ul><ul><li>CustomValidator . Lógica de validación proporcionada por nosotros. </li></ul></ul><ul><ul><li>ValidationSummary . No es un validador, sino que muestra mensajes de error “agrupados”. </li></ul></ul><ul><li>Ejemplo 3. </li></ul>
  11. 11. Controles de Usuario <ul><li>Ficheros con extensión .ascx que son controles que simplifican la reutilización de código de la interfaz de usuario dentro de las aplicaciones ASP.NET </li></ul><ul><li>Se puede considerar cómo una parte de WebForm </li></ul><ul><li>En ellos se pueden incluir cualquier control de servidor o etiqueta HTML, salvo <HTML> y <FORM> . </li></ul><ul><li>Pueden ser utilizados en muchos WebForms. </li></ul><ul><li>Ejemplo 4. </li></ul>
  12. 12. Controles de Usuario <ul><li>Para utilizarlos hay que realizar 2 pasos: </li></ul><ul><ul><li>1.- Registrarlos en la cabecera del WebForm mediante la directiva @Register . </li></ul></ul><ul><ul><li>2.- Incluir una etiqueta en el WebForm en el lugar en que se quiera utilizar. </li></ul></ul><ul><li>Ejemplo </li></ul><%@Register TagPrefix=&quot;uc&quot; TagName=&quot;encabezado&quot; Src=&quot;header.ascx&quot; %> <uc:encabezado id=“Enc1” runat=“server”> </uc:encabezado>
  13. 13. ViewState <ul><li>Mantiene el estado de los controles entre los postback de una página . </li></ul><ul><li>El viewstate se implementa mediante un campo oculto en html generado y viaja en cada POST. </li></ul><ul><li>Es posible deshabilitarlo para toda la página o para un control en concreto, ya que carga la página. </li></ul><ul><li>Ejemplo 2 </li></ul>
  14. 14. Master Pages <ul><li>Se puede considerar como una plantilla . </li></ul><ul><li>El resto de páginas que heredan de la Master Page, llamadas Páginas de Contenido , heredan su contenido visual, pero son independientes. </li></ul><ul><li>Se utilizan para incluir los encabezados, menús, pies de página, etc. </li></ul><ul><li>Es un archivo con extensión .master </li></ul>
  15. 15. Master Pages <ul><li>Contiene una directiva @Master en lugar de @Page. </li></ul><ul><li>Es como cualquier otro WebForm, pero siempre debe contener el control asp:contentplaceholder . </li></ul><ul><li>Ejemplo 6. </li></ul><%@ Master Language=&quot;C#“ CodeFile=&quot;MasterPage.master.cs&quot; Inherits=&quot;MasterPage&quot; %> < asp:contentplaceholder id=&quot;contenedor&quot; runat=&quot;server“> contenido por defecto < /asp:contentplaceholder >
  16. 16. Content Pages <ul><li>Son WebForms habituales en las que hay que indicar cuál es su página maestra. </li></ul><ul><li>El contenido particular de cada página de contenido se indica dentro del control asp:Content. </li></ul><ul><li>Ejemplo 6. </li></ul><%@ Page Language=&quot;C#&quot; MasterPageFile =&quot;~/MasterPage.master&quot; CodeFile=&quot;Default.aspx.cs&quot; Inherits=&quot;_Default&quot; Title=&quot;Home&quot; %> < asp:Content ID=&quot;cntDefault&quot; ContentPlaceHolderID=&quot;contenedor&quot; Runat=&quot;Server&quot;> contenido de la página </asp:Content>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×