Zenler Player
Tu curso se está cargando. Aguanta.
Fundamentos de Blazor con Visual Studio 2022
Volver al currículo
0% Completar
0% Completar
¿Qué es Blazor?
Instalación de Visual Studio 2022
Instalación de Visual Studio Code
El modelo de hospedaje Blazor WebAssembly
El modelo de hospedaje Blazor Server
Modelos de hospedaje - Demo
Estructura de una plantilla Blazor WebAssembly
Estructura de una plantilla Blazor Server
¿Qué es la Sintaxis Razor?
Creando un proyecto para practicar la sintaxis Razor
Primer acercamiento a la sintaxis Razor
Expresiones Razor implícitas
Expresiones Razor explícitas
Razor Code Blocks
Transiciones implícitas, delimitadas explícitas y de línea explícita
Estructuras de Control
¿Qué son los componentes Razor?
Creando tu primer componente Razor
Componentes Anidados
Manejo de espacios de nombres
La directiva @code
One Way Binding
Parámetros de los componentes
Parámetros de los componentes - Llenando una lista
Consideraciones sobre el uso de parámetros de los componentes
Two-Way Binding
Cambio de eventos en @bind
Eventos DOM del navegador
Proyecto Raffle Winner
Qué pasa con los datos no válidos
Proyecto Color Switcher
Proyecto Counter Mejorado
La directiva @page
Parámetros de Ruta
Agregando una página al menú lateral
Habilitando la Manipulación en la Query String
Controlando el contenido de la sección head
Calculadora IMC
Creando el componente TaskComponent
Creando el modelo TaskModel
Creando la página Tasker
Creando la lista de tareas
Ajustes Finales
Establecimiento de los parámetros por primera vez
Método de Inicialización de los componentes
Después de que los parámetros son establecidos
Después de que un componente se ha renderizado
Notificar que ha habido cambios
El componente EditForm
Componentes de formulario de Blazor
Validaciones
Manejo del envío de formularios
Introducción
Creando, Registrando y utilizando dependencias
5.-_Conectando_la_app_al_servicio_del_clima
1.-_Creacion_del_proyecto
7.-_Rellenando_la_informacion_de_las_tarjetas_del_clima
6.-_Rellenando_la_informacion_del_clima_actual
4.-_Creando_el_componente_WeatherCard
3.-_Creando_la_seccion_del_clima_actual
2.-_Creando_el_buscador_por_ciudad
Ejecutando funciones Javascript Nativas
Creando y utilizando funciones Javascript personalizadas
Utilizando bibliotecas de terceros
El Panorama General
¿Qué es Blazor?
Avance
Instalación de Visual Studio 2022
Avance
Instalación de Visual Studio Code
Avance
El modelo de hospedaje Blazor WebAssembly
Avance
El modelo de hospedaje Blazor Server
Avance
Modelos de hospedaje - Demo
Avance
Estructura de una plantilla Blazor WebAssembly
Avance
Estructura de una plantilla Blazor Server
Avance
La sintaxis Razor
¿Qué es la Sintaxis Razor?
Creando un proyecto para practicar la sintaxis Razor
Primer acercamiento a la sintaxis Razor
Expresiones Razor implícitas
Expresiones Razor explícitas
Razor Code Blocks
Transiciones implícitas, delimitadas explícitas y de línea explícita
Estructuras de Control
Componentes Razor
¿Qué son los componentes Razor?
Creando tu primer componente Razor
Componentes Anidados
Manejo de espacios de nombres
La directiva @code
One Way Binding
Parámetros de los componentes
Parámetros de los componentes - Llenando una lista
Consideraciones sobre el uso de parámetros de los componentes
Two-Way Binding
Cambio de eventos en @bind
Eventos DOM del navegador
Proyecto Raffle Winner
Qué pasa con los datos no válidos
Proyectos para practicar lo aprendido
Proyecto Color Switcher
Proyecto Counter Mejorado
Páginas y Enrutamiento
La directiva @page
Parámetros de Ruta
Agregando una página al menú lateral
Habilitando la Manipulación en la Query String
Controlando el contenido de la sección head
Proyectos para practicar lo aprendido 2
Calculadora IMC
Proyecto Tasker - Enlazando modelos a los componentes
Creando el componente TaskComponent
Creando el modelo TaskModel
Creando la página Tasker
Creando la lista de tareas
Ajustes Finales
Ciclo de vida de los componentes Razor
Establecimiento de los parámetros por primera vez
Método de Inicialización de los componentes
Después de que los parámetros son establecidos
Después de que un componente se ha renderizado
Notificar que ha habido cambios
Forms
El componente EditForm
Componentes de formulario de Blazor
Validaciones
Manejo del envío de formularios
Inyección de dependencias
Introducción
Creando, Registrando y utilizando dependencias
Proyecto – Weather App
5.-_Conectando_la_app_al_servicio_del_clima
1.-_Creacion_del_proyecto
7.-_Rellenando_la_informacion_de_las_tarjetas_del_clima
6.-_Rellenando_la_informacion_del_clima_actual
4.-_Creando_el_componente_WeatherCard
3.-_Creando_la_seccion_del_clima_actual
2.-_Creando_el_buscador_por_ciudad
JavaScript Interop
Ejecutando funciones Javascript Nativas
Creando y utilizando funciones Javascript personalizadas
Utilizando bibliotecas de terceros
×
This is an unpublished lesson. This lesson will not be shown for students unless you set it as Public.
Volver al tablero
¡No hay contenidos disponibles en esta lección!
No hay lecciones disponibles!
Volver al tablero
Contenido de la lección bloqueado
Inscríbete para desbloquear esta lección.
Inscribirse para desbloquear
Siguiente lección