Conceptos fundamentales Conceptos fundamentales dede

ASP.NETASP.NETLeonardo Diez DolinskiLeonardo Diez DolinskiServicios ProfesionalesServicios ProfesionalesDanysoftDanysoft

OrdenOrden deldel díadía

IntroducciónIntroducción a ASP.NETa ASP.NET

Formularios webFormularios web

Características de los controles de Características de los controles de servidorservidor

Tipos de controles de servidorTipos de controles de servidor

Algunos problemas creando websAlgunos problemas creando webs

Entorno sin estadoEntorno sin estado

Mezcla de lenguajes de marcado, de Mezcla de lenguajes de marcado, de programación y de scriptingprogramación y de scripting

Poca estructuración del códigoPoca estructuración del código

Tareas repetitivas: mantener Tareas repetitivas: mantener coherenciacoherencia

Diferentes navegadores de destinoDiferentes navegadores de destino

Compleja depuración y seguimiento de Compleja depuración y seguimiento de erroreserrores

Objetivos de ASP.NETObjetivos de ASP.NET

Solucionar problemas comunesSolucionar problemas comunes

Simplificar y agilizar lo difícilSimplificar y agilizar lo difícil

Ser Ser abierto, extensible y versátil paraabierto, extensible y versátil para adaptarse a las necesidades concretasadaptarse a las necesidades concretas

Lograr un rendimiento óptimoLograr un rendimiento óptimo

Características de ASP.NETCaracterísticas de ASP.NET

Orientado a eventosOrientado a eventos

En cualquier lenguaje .NETEn cualquier lenguaje .NETNo es scriptingNo es scripting

Un lenguaje por proyectoUn lenguaje por proyecto

BasadoBasado en IIS (ISAPI) en IIS (ISAPI)Puede ser ejecutado fuera del IISPuede ser ejecutado fuera del IIS

Proceso de desarrollo mejoradoProceso de desarrollo mejoradoPermite utilizar código subyacentePermite utilizar código subyacente

Utiliza formularios webUtiliza formularios web

Código subyacente (code-behind)Código subyacente (code-behind)

Modalidad de trabajo de VS.NETModalidad de trabajo de VS.NET

Separación apariencia/programaciónSeparación apariencia/programación

Fichero .aspxFichero .aspxCódigo HTML Código HTML

Fichero .aspx.vb, .aspx.cs, ...Fichero .aspx.vb, .aspx.cs, ...Clase que hereda de PageClase que hereda de Page

OrdenOrden deldel díadía

IntroducciónIntroducción a ASP.NETa ASP.NET

Formularios webFormularios web

Características de los controles de Características de los controles de servidorservidor

Tipos de controles de servidorTipos de controles de servidor

¿Qué es un formulario web?¿Qué es un formulario web?

Form de HTML en página .aspxForm de HTML en página .aspxEjecuta del lado del servidorEjecuta del lado del servidor

Contiene controles de servidorContiene controles de servidor

Sólo uno por páginaSólo uno por página

Suele tener asociada una clase con el Suele tener asociada una clase con el mismo nombremismo nombre

¿Qué es un control de ¿Qué es un control de servidor?servidor?

Componente para la creación de Componente para la creación de interfaces de usuariointerfaces de usuario

Análogo a un control de un formulario de Análogo a un control de un formulario de WindowsWindows

Interfaz HTMLInterfaz HTML

Clase asociada al tag HTMLClase asociada al tag HTML

Envía eventos al servidorEnvía eventos al servidor

Permite separación entre la lógica y la Permite separación entre la lógica y la presentaciónpresentación

Controles de servidorControles de servidor

Encapsulan funcionalidadEncapsulan funcionalidadBásica: textbox, checkbox, radio, button, …Básica: textbox, checkbox, radio, button, …

Compleja: calendario, rejilla de datos, Compleja: calendario, rejilla de datos, validación, ...validación, ...

Mantenimiento de estadoMantenimiento de estado

Deben ir dentro de un formulario webDeben ir dentro de un formulario web

Tienen propiedadesTienen propiedadesValores predeterminados en HTMLValores predeterminados en HTML

Pueden ser modificadas desde el códigoPueden ser modificadas desde el código

Demo 1Demo 1

Creación de una página aspx Creación de una página aspx utilizando controles de servidorutilizando controles de servidor

OrdenOrden deldel díadía

IntroducciónIntroducción a ASP.NETa ASP.NET

Formularios webFormularios web

Características de los controles de Características de los controles de servidorservidor

Tipos de controles de servidorTipos de controles de servidor

Controles de servidorControles de servidor

Características principalesCaracterísticas principalesPostBack y ViewStatePostBack y ViewState

Eventos de servidorEventos de servidor

PostBack y ViewStatePostBack y ViewState

PostBackPostBackReenvío de datos a la misma páginaReenvío de datos a la misma página

Permite quePermite queControles de servidor mantienen estadoControles de servidor mantienen estado

Se ejecutan los eventos de servidorSe ejecutan los eventos de servidor

Cada página es un proceso de la aplicaciónCada página es un proceso de la aplicación

ViewStateViewStatePermite mantener la apariencia de la Permite mantener la apariencia de la páginapágina

Eventos de servidorEventos de servidor

Hacen el desarrollo web más parecido al Hacen el desarrollo web más parecido al desarrollo de aplicaciones de escritoriodesarrollo de aplicaciones de escritorio

Misma forma de manejarlosMisma forma de manejarlos

Ocurridos en el servidorOcurridos en el servidorOcurridos durante el procesamiento de la páginaOcurridos durante el procesamiento de la página

Ocurridos en el clienteOcurridos en el clientePueden o no hacer que se envíe la página cuando Pueden o no hacer que se envíe la página cuando ocurren en el cliente ocurren en el cliente

Se procesan cuando se envía la página al servidorSe procesan cuando se envía la página al servidor

Eventos de servidorEventos de servidor

Permiten estructurar el procesamiento Permiten estructurar el procesamiento de las páginasde las páginas

Codificación de aplicaciones similar a Codificación de aplicaciones similar a Win32Win32

Form_Initialize() Form_Initialize() ≈ ≈ Page_Init()Page_Init()

Form_Load()Form_Load() ≈≈ Page_Load() Page_Load()

Form_Activate() Form_Activate() ≈ ≈ Page_PreRender()Page_PreRender()

Form_Unload()Form_Unload() ≈≈ Page_Unload() Page_Unload()

Demo 2Demo 2

Uso del PostBack, los eventos de Uso del PostBack, los eventos de servidor y el ViewStateservidor y el ViewState

OrdenOrden deldel díadía

IntroducciónIntroducción a ASP.NETa ASP.NET

Formularios webFormularios web

Características de los controles de Características de los controles de servidorservidor

Tipos de controles de servidorTipos de controles de servidor

Tipos de controles de servidorTipos de controles de servidor

Controles HTMLControles HTML

Controles Web FormsControles Web FormsControles básicosControles básicos

Controles de datosControles de datos

Controles de validaciónControles de validación

Controles avanzadosControles avanzados

Controles HTMLControles HTML

Código HTMLCódigo HTMLAtributo runat=“server”Atributo runat=“server”

Atributo idAtributo id

Pequeña ventaja de rendimientoPequeña ventaja de rendimiento

Compatibilidad con otras aplicaciones Compatibilidad con otras aplicaciones de diseño webde diseño web

Controles Web FormsControles Web Forms

Tags <asp:...Tags <asp:...

Más sencillos de usarMás sencillos de usarSimilares a controles de WindowsSimilares a controles de Windows

Mayor funcionalidadMayor funcionalidad

También generan HTML estándarTambién generan HTML estándar

Controles Web FormsControles Web Forms

BásicoBásicoMisma función que los controles HTMLMisma función que los controles HTML

Nombres de propiedades más intuitivosNombres de propiedades más intuitivos

DatosDatosCreados para mostrar tablas y listas de datosCreados para mostrar tablas y listas de datos

Evitan tener que recorrer un origen de datos Evitan tener que recorrer un origen de datos generando HTML por cada filagenerando HTML por cada fila

Agilizan tareas comunes, como ordenamiento y Agilizan tareas comunes, como ordenamiento y filtradofiltrado

Permiten personalizaciónPermiten personalización

Controles Web FormsControles Web Forms

ValidaciónValidaciónAutomatizan proceso de validaciónAutomatizan proceso de validación

Aportan coherenciaAportan coherencia

Se asocian a controles de entrada de datosSe asocian a controles de entrada de datosPueden ser varios al mismo controlPueden ser varios al mismo control

Diferentes usosDiferentes usosValores obligatorios (RequiredValidator)Valores obligatorios (RequiredValidator)

Rangos de valores permitidos (RangeValidator)Rangos de valores permitidos (RangeValidator)

Comparación de valores (CompareValidator)Comparación de valores (CompareValidator)

Expresiones regulares (RegularExpression)Expresiones regulares (RegularExpression)

Validaciones personalizadas (CustomValidator)Validaciones personalizadas (CustomValidator)

Controles Web FormsControles Web Forms

AvanzadosAvanzadosXMLXML

Muestra datos XMLMuestra datos XML

Permite asignar un XSL para generar HTMLPermite asignar un XSL para generar HTML

CalendarCalendarCalendario totalmente funcionalCalendario totalmente funcional

Permite personalizar la apariencia y el modo de Permite personalizar la apariencia y el modo de usouso

Requiere PostBack: Usar en “Pop ups”Requiere PostBack: Usar en “Pop ups”

Demo 3Demo 3

Diferentes tipos de controles de Diferentes tipos de controles de servidorservidor

Preguntas y respuestasPreguntas y respuestas

ParaPara obtenerobtener másmás informacióninformación

eRevista DanysofteRevista Danysoft

Webs DanysoftWebs Danysoft

Area Formación yArea Formación yS.ProfesionalesS.Profesionales

DVD DanysoftDVD Danysoft

Libros DanypressLibros Danypress

info@danysoft.cominfo@danysoft.com

Gracias por su asistenciaGracias por su asistencia