Curso de Blazor con Visual Studio 2022
Aprende los conceptos con el curso de Blazor para programar aplicaciones web interactivas, utilizando C#, HTML y CSS
Lo que serás capaz de hacer
Hola Mi nombre es Héctor Pérez, y te doy la bienvenida al curso de Blazor en Español. Blazor , es el potente framework de Microsoft para crear aplicaciones web interactivas , utilizando C# en lugar de Javascript , a través de la creación de componentes combinados con HTML y CSS. Esto significa, que podrás utilizar todo el conocimiento que tienes sobre el lenguaje C#, y crear experiencias únicas para los usuarios, desde sencillas aplicaciones rápidas, hasta aplicaciones modernas y complejas. En este curso , vas a aprender los fundamentos de Blazor, cada uno de esos aspectos básicos que debes dominar para crear tus propias aplicaciones, a la par de que iremos creando aplicaciones demostrativas funcionales , que te permitirán reforzar los aspectos teóricos del curso. Al finalizar el curso de Blazor , sabrás cómo crear aplicaciones web con el framework de Blazor , utilizando C# como lenguaje de programación. Algunos de los temas que veremos en el curso son: Qué es blazor La sintaxis Razor Páginas y enrutamiento Ciclo de vida de los componentes razor Forms Dependency injection Javascript interop Creación de aplicaciones demostrativas Entre otros temas. Para tener un buen aprovechamiento del curso, se recomienda tener conocimientos básicos de C# y HTML. ¿Qué esperas para crear tus propias aplicaciones web interactivas combinando HTML, CSS Y C#? Te veo en el curso
- ¿Qué es Blazor?
- Sintaxis Razor
- Páginas y Enrutamiento
- Forms
- Ciclo de vida de los componentes Razor
- Dependency Injection
Temario
UNIDAD 1 - Blazor - El panorama general · 8 leccionesUNIDAD 1 - Blazor - El panorama general
UNIDAD 1 - Blazor - El panorama general
- ¿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
UNIDAD 2 - La sintaxis Razor · 8 leccionesUNIDAD 2 - La sintaxis Razor
UNIDAD 2 - 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
UNIDAD 3 - Componentes Razor · 14 leccionesUNIDAD 3 - Componentes Razor
UNIDAD 3 - 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
UNIDAD 4 - Proyectos para practicar lo aprendido · 2 leccionesUNIDAD 4 - Proyectos para practicar lo aprendido
UNIDAD 4 - Proyectos para practicar lo aprendido
- Proyecto Color Switcher
- Proyecto Counter mejorado
UNIDAD 5 - Páginas y Enrutamiento · 5 leccionesUNIDAD 5 - Páginas y Enrutamiento
UNIDAD 5 - 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
UNIDAD 6 - Proyectos para practicar lo aprendido 2 · 1 leccionesUNIDAD 6 - Proyectos para practicar lo aprendido 2
UNIDAD 6 - Proyectos para practicar lo aprendido 2
- Proyecto Calculadora IMC
UNIDAD 7 - Proyecto Tasker - Enlazando modelos a los componentes · 5 leccionesUNIDAD 7 - Proyecto Tasker - Enlazando modelos a los componentes
UNIDAD 7 - 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
UNIDAD 8 - Ciclo de Vida de los componentes Razor · 5 leccionesUNIDAD 8 - Ciclo de Vida de los componentes Razor
UNIDAD 8 - 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
UNIDAD 9 - Forms · 4 leccionesUNIDAD 9 - Forms
UNIDAD 9 - Forms
- El componente EditForm
- Componentes de formulario de Blazor
- Validaciones
- Manejo del envío de formularios
UNIDAD 10 - Inyección de dependencias · 2 leccionesUNIDAD 10 - Inyección de dependencias
UNIDAD 10 - Inyección de dependencias
- Introducción
- Creando, Registrando y utilizando dependencias
UNIDAD 11 - Proyecto – Weather App · 7 leccionesUNIDAD 11 - Proyecto – Weather App
UNIDAD 11 - Proyecto – Weather App
- Creación del proyecto
- Creando el buscador por ciudad
- Creando la sección del clima actual
- Creando el componente WeatherCard
- Conectando la app al servicio del clima
- Rellenando la información del clima actual
- Rellenando la información de las tarjetas del clima
UNIDAD 12 - Javascript Interop · 3 leccionesUNIDAD 12 - Javascript Interop
UNIDAD 12 - Javascript Interop
- Ejecutando funciones Javascript Nativas
- Creando y utilizando funciones Javascript personalizadas
- Utilizando bibliotecas de terceros
UNIDAD 13 - CLASE EXTRA: ¡Aprende mucho más! · 1 leccionesUNIDAD 13 - CLASE EXTRA: ¡Aprende mucho más!
UNIDAD 13 - CLASE EXTRA: ¡Aprende mucho más!
- ¡Suscríbete a El Camino Dev!
Tu certificado lo emite la SEP, no solo una plataforma
Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.
Tu certificado con INEC
- Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
- Documento oficial con folio verificable en línea
- Lo otorga la Universidad Tecnológica Fidel Velázquez
Otras plataformas en línea
- Constancia privada emitida por la misma plataforma
- Solo acredita horas cursadas o asistencia
- Sin respaldo de una autoridad educativa
Tu itinerario, de la inscripción al certificado
- 1
Inscripción con pago único
Pagas $2,800 MXN una sola vez y entras de inmediato al curso.
- 2
Estudias a tu ritmo
13 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
Cuestionarios para comprobar lo aprendido.
- 4
Certificado
Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.
Un certificado oficial de la SEP
Muestra · verificable por folio y QR
- Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
- Contenido impartido por Héctor Uriel Pérez.
- Folio y QR verificables para compartirlo con quien te contrate.
Empieza hoy, a tu ritmo
Un solo pago y acceso inmediato al curso completo durante 12 meses.
- 13 unidades · 65 lecciones · 60 h
- 12 meses de acceso
- Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Sobre tu inscripción
¿Cómo es el pago?
Un solo pago de $2,800 MXN. No hay mensualidades ni cargos recurrentes.
¿Cuánto tiempo tengo acceso?
12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.
¿Quién imparte el contenido?
El curso es impartido por Héctor Uriel Pérez; INEC gestiona tu inscripción, evaluación y certificado.
¿Qué pasa cuando vence mi acceso?
Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.
