Inicio / Cursos / HTML5, CSS3, JavaScript y Node Curso Desarrollo Web Completo

Impartido por Ignacio bluuwebPago único de $2,800 MXN · acceso por 12 meses

HTML5, CSS3, JavaScript y Node Curso Desarrollo Web Completo

Aprende a crear sitios web completos Full Stack con HTML, CSS, Bootstrap, JavaScript y Node.js desde cero y paso a paso.

Certificado oficial emitido por la SEPA través del Gobierno del Estado de México

12 meses de acceso En línea · 60 h 42 unidades

Inscribirme — $2,800 MXN Explorar programa

Qué aprenderás

Lo que serás capaz de hacer

¿Quieres convertirte en desarrollador web y construir sitios y aplicaciones modernas desde cero? Este curso completo está diseñado para guiarte paso a paso en el mundo del desarrollo web, abarcando desde el diseño frontend hasta el backend con Node.js. Comenzarás aprendiendo los fundamentos de HTML5 y CSS3 , incluyendo técnicas modernas de diseño con Flexbox y CSS Grid , para crear layouts responsivos y atractivos. También dominarás Bootstrap 5 , una poderosa biblioteca que agiliza el desarrollo con componentes prediseñados y estilos adaptables. El curso incluye el manejo de formularios , tanto en el frontend con validaciones, como en el backend, integrando PHP para enviar datos y Firebase 9 para bases de datos en tiempo real. Aprenderás los conceptos clave de programación con JavaScript , manipulando el DOM para crear interfaces dinámicas e interactivas, además de aplicar la programación orientada a objetos (POO) para estructurar mejor tu código. En la parte backend, descubrirás cómo crear servidores con Node.js y Express , utilizando motores de plantilla para generar páginas web dinámicas y gestionar rutas y peticiones. Este curso es ideal para principiantes que quieren adquirir conocimientos sólidos y aplicables en el desarrollo web moderno, con un enfoque práctico, claro y actualizado. Al finalizar, estarás listo para crear proyectos reales y avanzar en tu carrera como desarrollador web.

Crear sitios web modernos y responsivos con HTML5 y CSS3.
Aplicar Flexbox y CSS Grid para construir layouts profesionales.
Utilizar Bootstrap 5 para acelerar el desarrollo con componentes y estilos prediseñados.
Construir e integrar formularios HTML con validaciones personalizadas.
Usar Sass para escribir estilos más limpios, organizados y reutilizables.
Aprender los fundamentos de programación con JavaScript moderno.

Temario

UNIDAD 1 - Introducción al desarrollo web · 7 lecciones

UNIDAD 1 - Introducción al desarrollo web

Introducción al curso de HTML, CSS, JS y Bootstrap 5Video · 3 min
Guía por bluuweb (códigos y teoría)Lectura · 0 min
Preguntas y RespuestasVideo · 4 min
¿Cómo trabajar con archivos web?Video · 1 min
Visual Studio Code y navegadores webVideo · 1 min
¿Cómo trabajar con VSCode?Video · 2 min
Guía del curso (códigos y definiciones)Lectura · 0 min

UNIDAD 2 - HTML - Fundamentos · 17 lecciones

UNIDAD 2 - HTML - Fundamentos

¿Qué es HTML y cómo funciona?Video · 3 min
Mi primera página webVideo · 9 min
Estructura HTML5Video · 7 min
Importante: Material ThemeLectura · 0 min
Extensiones de Visual Studio CodeVideo · 6 min
¿Cómo ordenar el código automáticamente?Video · 2 min
Encabezados o TítulosVideo · 4 min
Formato de TextosVideo · 12 min
Listas o índicesVideo · 3 min
Comentarios en HTMLVideo · 3 min
Anclas o VínculosVideo · 5 min
ImágenesVideo · 7 min
Anclas con ImágenesVideo · 4 min
Desafío o Tarea (Poner a prueba los conocimientos)Video · 3 min
Resolviendo el DesafíoVideo · 3 min
Documentación útil y atajos de VSCVideo · 2 min
"LIVE SERVER" Superextensión de VSCVideo · 4 min

UNIDAD 3 - HTML - Tablas y Formularios · 9 lecciones

UNIDAD 3 - HTML - Tablas y Formularios

Tablas: IntroducciónVideo · 4 min
Tablas: Encabezados o HeadersVideo · 2 min
Tablas: Título o CaptionVideo · 1 min
Tablas: thead, tbody y tfootVideo · 3 min
Tablas: Combinar filas o columnasVideo · 7 min
FormulariosVideo · 8 min
Formularios: Enviando informaciónVideo · 6 min
Inputs: text, email, password, textarea, radioVideo · 9 min
Inputs: color, date, file, month, range, time, weekVideo · 6 min

UNIDAD 4 - CSS - Fundamentos · 7 lecciones

UNIDAD 4 - CSS - Fundamentos

Mi primer StyleVideo · 3 min
CSS en un archivo externoVideo · 3 min
Declaración de estilos CSSVideo · 5 min
Tres alternativas para trabajar con CSSVideo · 10 min
Colores: cuatro alternativas para sus valoresVideo · 9 min
Tres formas de aplicar estilos en CSS (Etiquetas - ID - Classes)Video · 10 min
Ejercitando lo aprendidoVideo · 5 min

UNIDAD 5 - HTML y CSS - Práctica · 8 lecciones

UNIDAD 5 - HTML y CSS - Práctica

¿Qué vamos a desarrollar?Video · 1 min
Recursos a utilizar en la prácticaVideo · 3 min
Primeros pasos - Paleta de coloresVideo · 4 min
Header: Aplicando background-colorVideo · 7 min
Aplicando Classes y sus ventajasVideo · 7 min
Nav: Creando botones y aplicando Width (Anchura)Video · 8 min
Main: Repasando las columnas y filas con TablasVideo · 11 min
Footer: Pie de páginaVideo · 4 min

UNIDAD 6 - CSS - Intermedio · 12 lecciones

UNIDAD 6 - CSS - Intermedio

border-style: Bordes en nuestros elementos HTMLVideo · 5 min
Elementos de bloque y de líneaVideo · 6 min
¿de bloque o de línea? revisarlo aquíLectura · 0 min
padding [parte 1]: Relleno para los elementos de bloqueVideo · 9 min
padding [parte 2]: Variantes en sus valoresVideo · 10 min
margin: MargenesVideo · 6 min
width y height: Ancho y altoVideo · 4 min
inline-block: Ancho y alto para elementos de línea.Video · 3 min
Modelo de cajaVideo · 3 min
box-sizing: border box - Ajustes automáticos de Anchos y AltosVideo · 4 min
¿Qué es Normalize.css?Video · 2 min
REM vs EMVideo · 8 min

UNIDAD 7 - CSS Intermedio - Práctica · 7 lecciones

UNIDAD 7 - CSS Intermedio - Práctica

Estructura HTML5Video · 5 min
FuentesVideo · 5 min
Normalize, Border box y ColoresVideo · 6 min
ContainerVideo · 4 min
LogoVideo · 4 min
BotonesVideo · 7 min
CardVideo · 10 min

UNIDAD 8 - CSS - Flexbox · 14 lecciones

UNIDAD 8 - CSS - Flexbox

Introducción a la guía CSS FlexboxVideo · 1 min
Configuraciones inicialesVideo · 5 min
display: flex (contendedor padre)Video · 3 min
flex-directionVideo · 2 min
flex-wrapVideo · 2 min
justify-contentVideo · 3 min
align-itemsVideo · 5 min
align-contentVideo · 3 min
order (elementos Hijos - item)Video · 4 min
flex-growVideo · 3 min
flex-shrinkVideo · 4 min
flex-basisVideo · 2 min
flexVideo · 3 min
align-selfVideo · 2 min

UNIDAD 9 - CSS Flexbox - Práctica · 12 lecciones

UNIDAD 9 - CSS Flexbox - Práctica

Práctica con FlexboxVideo · 1 min
ImágenesLectura · 0 min
Primeros pasosVideo · 5 min
Header y Nav con HTMLVideo · 5 min
Logo SVGVideo · 2 min
Fondos con imágenesVideo · 5 min
Navbar-brandVideo · 9 min
Menú de navegaciónVideo · 4 min
CardVideo · 6 min
Main y Main-titleVideo · 4 min
Sección NosotrosVideo · 7 min
FooterVideo · 3 min

UNIDAD 10 - Sitios Web Responsives (Mobile First) · 4 lecciones

UNIDAD 10 - Sitios Web Responsives (Mobile First)

Teoría Media Queries (Mobile First)Video · 7 min
Header ResponsiveVideo · 6 min
Columnas ResponsiveVideo · 2 min
Order y FlexVideo · 6 min

UNIDAD 11 - BONUS: TERMINAL o CMD o Powershell · 6 lecciones

UNIDAD 11 - BONUS: TERMINAL o CMD o Powershell

!Leer Importante!Lectura · 0 min
Introducción a la terminal de WindowsLectura · 0 min
Primeros pasos con la terminal de WindowsVideo · 5 min
comando "cd" viajando a un directorioVideo · 5 min
Crear y mover archivos / carpetasVideo · 7 min
Terminal integrada en VSCodeVideo · 3 min

UNIDAD 12 - BONUS: Git y Github · 20 lecciones

UNIDAD 12 - BONUS: Git y Github

!Leer Importante!Lectura · 0 min
¿Qué es GIT? instalación incluidaVideo · 4 min
¿Cómo funciona Git y Github?Video · 5 min
Mi primer commitVideo · 7 min
Ayuda para salir del editor VimVideo · 2 min
VSCode y GitVideo · 3 min
Configuración Global email y usuarioVideo · 3 min
Subir mi primer repositorio a GITHUBVideo · 7 min
Github PagesVideo · 4 min
Clonar repositoriosVideo · 4 min
gitignore: Ignorar archivos o carpetasVideo · 5 min
git log: Ver commit realizadosVideo · 4 min
git checkout - Revisar commitVideo · 6 min
Renombrar rama master a mainVideo · 3 min
git reset: Viajar a través del tiempo espacio infinitoVideo · 13 min
git revet: Alternativa correcta para eliminar un commitVideo · 3 min
branch y merge: Crear nuevas ramas y unirlasVideo · 9 min
Solucionando conflictos de "git merge"Video · 8 min
TagsVideo · 2 min
git pull y baile de la felicidadVideo · 5 min

UNIDAD 13 - Bootstrap 5 - Fundamentos · 17 lecciones

UNIDAD 13 - Bootstrap 5 - Fundamentos

Introducción a Bootstrap versión 5Video · 2 min
Nota sobre versión de BootstrapVideo · 2 min
Instalación de Bootstrap 5Video · 6 min
Live serverVideo · 2 min
BreakpointsVideo · 1 min
ContainerVideo · 4 min
Grid - Sistema de ColumnasVideo · 11 min
Grid Responsive (opciones o puntos de quiebre)Video · 12 min
Grid - Columns (Flexbox)Video · 6 min
BorderVideo · 7 min
ColoresVideo · 4 min
SombrasVideo · 1 min
Margen y PaddingVideo · 7 min
Textos posicionamientoVideo · 1 min
TypographyVideo · 4 min
Imágenes responsivesVideo · 2 min
Descarga los archivos de esta sección aquíLectura · 0 min

UNIDAD 14 - Bootstrap 5 - Práctica #01 - Lista de precios · 13 lecciones

UNIDAD 14 - Bootstrap 5 - Práctica #01 - Lista de precios

Practica #01 - Lista de precios [Presentación]Video · 2 min
Configuración base (CDN en index.html)Video · 2 min
Agregando Título (display-4) y párrafo (lead)Video · 4 min
Grid ResponsiveVideo · 4 min
Estructura HTML5Video · 6 min
BorderVideo · 2 min
Noticias: text-muted deprecadoLectura · 0 min
Contenido de nuestros preciosVideo · 6 min
Elementos de línea y bloque (d-block)Video · 6 min
Flexbox (d-flex)Video · 11 min
CSS media queriesVideo · 5 min
Subir proyecto a Hosting gratuitoVideo · 3 min
Archivos Terminados de esta secciónLectura · 0 min

UNIDAD 15 - Bootstrap 5 - Componentes · 24 lecciones

UNIDAD 15 - Bootstrap 5 - Componentes

Starter TemplateVideo · 4 min
ButtonsVideo · 13 min
Botón de BloqueVideo · 7 min
AlertVideo · 8 min
BadgeVideo · 5 min
Card + Img topVideo · 7 min
Card + ListasVideo · 5 min
Card + Grid (sistema de columnas)Video · 5 min
CollapseVideo · 8 min
AccordionVideo · 19 min
DropdownsVideo · 3 min
ModalVideo · 7 min
Modal (variaciones)Video · 5 min
Navbar o menú de navegaciónVideo · 3 min
Navbar ResponsiveVideo · 7 min
Solución Navbar cierre automáticoLectura · 0 min
Carousel o SliderVideo · 4 min
Carousel con controles de navegaciónVideo · 4 min
Carousel controles inferioresVideo · 2 min
Caroulsel con textos responsivesVideo · 3 min
SpinnersVideo · 2 min
PopoversVideo · 4 min
TooltipsVideo · 1 min
Archivos Terminados de esta secciónLectura · 0 min

UNIDAD 16 - Bootstrap 5 - Práctica #02 - Landing Page · 16 lecciones

UNIDAD 16 - Bootstrap 5 - Práctica #02 - Landing Page

Práctica #02 - Landing Page [Presentación]Video · 1 min
Starter TemplateVideo · 2 min
Navbar Fixed TopVideo · 12 min
TIPS: Aria CurrentVideo · 1 min
CarouselVideo · 10 min
Iconos de BootstrapVideo · 8 min
Section MainVideo · 6 min
Alinear verticalmenteVideo · 1 min
Configurando GridVideo · 8 min
Section AccordionVideo · 3 min
Section CardVideo · 10 min
ModalsVideo · 8 min
FooterVideo · 1 min
ScrollspyVideo · 6 min
Subir proyecto a Hosting gratuitoVideo · 2 min
Archivos Terminados de esta secciónLectura · 0 min

UNIDAD 17 - Bootstrap 5 - Práctica #03 - Formularios · 15 lecciones

UNIDAD 17 - Bootstrap 5 - Práctica #03 - Formularios

Formularios con Bootstrap 5 [Presentación]Video · 3 min
Starter TemplateVideo · 2 min
Múltiples páginas HTMLVideo · 4 min
Primeros pasos con Formulario (email)Video · 7 min
Input PasswordVideo · 2 min
Botón de tipo "submit"Video · 5 min
Curso de Javascript (opcional)Lectura · 0 min
Comenzando a trabajar con JavascriptVideo · 9 min
Leer input con JavascriptVideo · 5 min
Input CheckboxVideo · 3 min
Botón "Loading" con clases dinámicasVideo · 10 min
Componente ToastVideo · 8 min
Recomendaciones de TutorialesVideo · 2 min
Procesar Formulario con PHPLectura · 0 min
Archivos Terminados de esta secciónLectura · 0 min

UNIDAD 18 - Sass - Personalización de Bootstrap 5 · 10 lecciones

UNIDAD 18 - Sass - Personalización de Bootstrap 5

Sass - Personalizar Bootstrap 5 [Presentación]Video · 2 min
NPM - Instalar Bootstrap 5Video · 10 min
Compilar Sass a un archivo CSSVideo · 9 min
Live Sass: ¿No genera carpeta CSS?Lectura · 0 min
Vincular archivo JSVideo · 3 min
Cambiar colores principales de BootstrapVideo · 6 min
Cambiar la tipografía o fuenteVideo · 5 min
Utilizar "all colors" de Bootstrap 5Video · 3 min
Subir proyecto a Hosting gratuitoVideo · 2 min
Archivos Terminados de esta secciónLectura · 0 min

UNIDAD 19 - Sass - Práctica #04 - Validación formularios · 13 lecciones

UNIDAD 19 - Sass - Práctica #04 - Validación formularios

Instalación de Sass con Bootstrap 5Video · 5 min
custom.scss (personalizando Bootstrap)Video · 3 min
Navbar personalizado con SassVideo · 6 min
Min-width con Sass (Breakpoints)Video · 6 min
Activar márgenes negativos en BootstrapVideo · 5 min
Progress bar (componente)Video · 4 min
Navbar en diferentes páginas HTMLVideo · 3 min
Card responsiveVideo · 4 min
Presentación validación de FormulariosVideo · 3 min
Formulario con validaciones (clases CSS)Video · 14 min
Formulario con validaciones (Javascript)Video · 4 min
Subir proyecto a Hosting gratuitoVideo · 3 min
Archivos Terminados de esta secciónLectura · 0 min

UNIDAD 20 - Bootstrap 5 - Práctica #05 - Form Range + Javascript · 11 lecciones

UNIDAD 20 - Bootstrap 5 - Práctica #05 - Form Range + Javascript

Form Range + Javascript [ Presentación ]Video · 1 min
Instalación de Bootstrap 5 (NPM)Video · 3 min
Cambiar la tipografía o fuente (SCSS)Video · 2 min
Card centrada horizontalmenteVideo · 4 min
Ordenar columnas (order responsive)Video · 9 min
Finalizando CardVideo · 3 min
Detectar form range con JavascriptVideo · 4 min
Precio dinámico con JavascriptVideo · 3 min
Views dinámico con JavascriptVideo · 3 min
Subir proyecto a Hosting gratuitoVideo · 2 min
Archivos Terminados de esta secciónLectura · 0 min

UNIDAD 21 - Chat con Firebase 9 + Bootstrap 5 (edición 2023) · 22 lecciones

UNIDAD 21 - Chat con Firebase 9 + Bootstrap 5 (edición 2023)

IntroducciónVideo · 2 min
Estructura HTML y estilos con Bootstrap 5Video · 10 min
Configuraciones en Firebase 9Video · 5 min
CDN Firebase 9Video · 9 min
Botón ingresarVideo · 3 min
Ingreso con GoogleVideo · 3 min
Error: diferentes versiones en CDNVideo · 1 min
Autorizando a 127.0.0.1Video · 3 min
Detectando sesión de usuarioVideo · 3 min
Cerrar sesiónVideo · 2 min
Mostrando información dinámica según sesión del usuarioVideo · 7 min
Mensaje si no está registrado el usuarioVideo · 2 min
Firestore - Configurando bases de datosVideo · 4 min
Evento submit formularioVideo · 4 min
Bases de datos en tiempo realVideo · 15 min
Mostrar chats con Template HTMLVideo · 10 min
Desactivar botón al enviar mensajesVideo · 1 min
Clases para mensajesVideo · 4 min
Limpiando mensajesVideo · 4 min
Scroll para los mensajesVideo · 6 min
Reglas de seguridadVideo · 2 min
Deploy hosting firebaseVideo · 6 min

UNIDAD 22 - BONUS: Formularios con PHP (enviar correo electrónico) · 18 lecciones

UNIDAD 22 - BONUS: Formularios con PHP (enviar correo electrónico)

Formulario con PHP y envío de correo electrónico [Presentación]Video · 3 min
Hosting con PHPVideo · 2 min
Servidor ApacheVideo · 3 min
Configurar proyecto con XAMPPVideo · 7 min
Crear formulario con Bootstrap 5Video · 9 min
Detectar formulario con javascriptVideo · 5 min
Validar input con Javascript (parte 1)Video · 7 min
Validar input con Javascript (parte 2)Video · 8 min
Recomendaciones (Tutoriales de Fetch API)Lectura · 0 min
Fetch y PHPVideo · 10 min
POST PHP y validar datos (parte 1)Video · 9 min
POST PHP y validar datos (parte 2)Video · 10 min
Pintar validaciones desde PHPVideo · 4 min
Reset FormularioVideo · 5 min
Función mail() de PHPVideo · 6 min
Deploy cPanelVideo · 5 min
Eliminar .zipLectura · 0 min
Archivos Terminados de esta secciónLectura · 0 min

UNIDAD 23 - Bootstrap 5 - OffCanvas o Sidebar · 5 lecciones

UNIDAD 23 - Bootstrap 5 - OffCanvas o Sidebar

OffCanvas o SideBar [Presentación]Video · 1 min
Estructura OffCanvasVideo · 6 min
Posicionamiento OffCanvasVideo · 1 min
Personalizar OffCanvasVideo · 12 min
OffCanvas + ScrollSpyVideo · 6 min

UNIDAD 24 - Despedida y Clase extra · 2 lecciones

UNIDAD 24 - Despedida y Clase extra

¿Despedida del curso?Video · 2 min
Clase extra (curso de Vue.js y React.js)Lectura · 0 min

UNIDAD 25 - BONUS: Fundamentos de Programación · 19 lecciones

UNIDAD 25 - BONUS: Fundamentos de Programación

¡Leer importante!Lectura · 0 min
¿Qué es PseInt? Descargar e instalarVideo · 3 min
¿Por qué utilizar PseInt y no directamente Javascript?Video · 1 min
Herramientas básicas en PseIntVideo · 7 min
¿Qué son las variables?Video · 11 min
Nombre de las variables (reglas)Video · 2 min
"Leer": capturar información del usuarioVideo · 4 min
Mi primera "calculadora" con PseIntVideo · 4 min
Operadores aritméticosVideo · 3 min
Operadores relacionalesVideo · 3 min
Operadores lógicosVideo · 3 min
if ("si" en PseInt)Video · 6 min
switch ("según" en PseInt)Video · 4 min
while ("mientras" en PseInt)Video · 4 min
Extensión VSCode (console.log snippet)Video · 1 min
Práctica: juego adivinar númeroVideo · 9 min
Array o arregloVideo · 4 min
for ("para" en PseInt)Video · 4 min
FuncionesVideo · 9 min

UNIDAD 26 - BONUS: Javascript Fundamentos de programación · 27 lecciones

UNIDAD 26 - BONUS: Javascript Fundamentos de programación

!Leer importante!Lectura · 0 min
¿Qué es Javascript?Video · 7 min
Extensión VScodeVideo · 1 min
¿Cómo trabajar con Javascript?Video · 9 min
Comentarios en JSVideo · 3 min
Mayúsculas y minúsculasVideo · 2 min
console.logVideo · 4 min
ECMAScriptVideo · 3 min
Tipos de datos en JSVideo · 7 min
VariablesVideo · 7 min
Concatenación (unir dos o más datos)Video · 4 min
prompt() y parseInt()Video · 8 min
Operadores aritméticosVideo · 3 min
Operadores relacionalesVideo · 4 min
Operadores lógicosVideo · 2 min
if elseVideo · 5 min
if: practicandoVideo · 3 min
Template String o plantillas literales o comillas invertidas o backtickVideo · 4 min
switchVideo · 3 min
whileVideo · 3 min
Práctica: Juego adivinarVideo · 11 min
arrayVideo · 11 min
forVideo · 10 min
for ofVideo · 7 min
Introducción a las funciones (parte #01)Video · 2 min
Hoisting ¡ver super importante!Video · 5 min
Introducción a las funciones (parte #02)Video · 7 min

UNIDAD 27 - BONUS: Javascript conceptos claves · 10 lecciones

UNIDAD 27 - BONUS: Javascript conceptos claves

!Leer importante!Lectura · 0 min
Introducción a conceptos claves en JSVideo · 5 min
Interpolación en Template StringVideo · 10 min
var vs letVideo · 8 min
constVideo · 7 min
Métodos de ArrayVideo · 4 min
Práctica Array pushVideo · 10 min
Funciones declarativas vs expresadasVideo · 8 min
Funciones de FlechaVideo · 9 min
forEach otra forma de recorrer ArrayVideo · 7 min

UNIDAD 28 - BONUS: Objetos Literales en Javascript · 10 lecciones

UNIDAD 28 - BONUS: Objetos Literales en Javascript

!Leer importante!Lectura · 0 min
Introducción a los objetosVideo · 11 min
Propiedades: CRUDVideo · 5 min
Objetos anidadosVideo · 6 min
Propiedades vs MétodosVideo · 3 min
Métodos en los ObjetosVideo · 12 min
Formas de recorrer un objetoVideo · 8 min
Destructuring Object y ArrayVideo · 16 min
get y set en objetos literalesVideo · 7 min
Por valor por referenciaVideo · 8 min

UNIDAD 29 - BONUS: DOM (primera parte) · 18 lecciones

UNIDAD 29 - BONUS: DOM (primera parte)

!Leer importante!Lectura · 0 min
¿Qué es el DOM?Video · 8 min
getElementByIdVideo · 3 min
DOMContentLoadedVideo · 5 min
querySelectorVideo · 6 min
querySelector vs getElementByIdVideo · 3 min
ElementVideo · 4 min
addEventListener con evento "click"Video · 10 min
Práctica evento "click"Video · 28 min
createElement y appendChildVideo · 8 min
innerHTMLVideo · 4 min
Evitar Reflow con FragmentVideo · 5 min
Insertar al inicioVideo · 4 min
createElementVideo · 8 min
TemplateVideo · 17 min
Template con eventosVideo · 4 min
Práctica carrito de comprasVideo · 38 min
Subir proyecto a githubVideo · 6 min

UNIDAD 30 - BONUS: Array Methods · 10 lecciones

UNIDAD 30 - BONUS: Array Methods

!Leer importante!Lectura · 0 min
Introducción a los paradigmas de programaciónVideo · 5 min
Imperativa vs DeclarativaVideo · 8 min
MapVideo · 15 min
FilterVideo · 4 min
Find, some y findIndexVideo · 7 min
Slice, concat y spread operatorVideo · 6 min
ReduceVideo · 9 min
Split y joinVideo · 3 min
PrácticaVideo · 15 min

UNIDAD 31 - BONUS: DOM (segunda parte) · 1 lecciones

UNIDAD 31 - BONUS: DOM (segunda parte)

Delegación de Eventos y práctica carrito de comprasVideo · 1 h 35 min

UNIDAD 32 - BONUS: Formularios y Expresiones Regulares · 1 lecciones

UNIDAD 32 - BONUS: Formularios y Expresiones Regulares

Formularios y Expresiones RegularesVideo · 1 h 29 min

UNIDAD 33 - BONUS: Callback, Promesas, Async await · 1 lecciones

UNIDAD 33 - BONUS: Callback, Promesas, Async await

Callback, Promesas, Async await, Fetch y definición de API, API REST y RESTFULVideo · 1 h 16 min

UNIDAD 34 - BONUS: Fetch API + Práctica Rick and Morty · 1 lecciones

UNIDAD 34 - BONUS: Fetch API + Práctica Rick and Morty

Fetch + Práctica API Rick and MortyVideo · 1 h 12 min

UNIDAD 35 - BONUS: POO - Programación orienta a objetos en JS · 3 lecciones

UNIDAD 35 - BONUS: POO - Programación orienta a objetos en JS

POO Teoría y ejemplos en JavascriptVideo · 1 h
POO práctica + Delegación de eventosVideo · 1 h 22 min
POO validación campos en blanco + UIDVideo · 12 min

UNIDAD 36 - BONUS: Módulos (export e import) · 1 lecciones

UNIDAD 36 - BONUS: Módulos (export e import)

Módulos (export e import)Video · 32 min

UNIDAD 37 - BONUS: LocalStorage (almacenamiento en el navegador) · 2 lecciones

UNIDAD 37 - BONUS: LocalStorage (almacenamiento en el navegador)

LocalStorage (almacenamiento en el navegador)Video · 17 min
Práctica LocalStorageVideo · 57 min

UNIDAD 38 - BONUS: Node JS (Fundamentos para principiantes) · 8 lecciones

UNIDAD 38 - BONUS: Node JS (Fundamentos para principiantes)

Introducción a Node.js + NPM + MódulosVideo · 59 min
Express + Formularios + req.body - req.queryVideo · 1 h 15 min
Express + MongoDB + Motores de plantillaVideo · 2 h 32 min
Autenticación de usuarios [parte #01]Video · 1 h 27 min
Session + Flash + Passport + Rutas protegidasVideo · 1 h 33 min
Ref MongoDB + CSRF protectionVideo · 55 min
Subir archivos al servidorVideo · 1 h 11 min
Deploy a HerokuVideo · 1 h

UNIDAD 39 - Bases de datos SQL: Postgres - pgAdmin · 8 lecciones

UNIDAD 39 - Bases de datos SQL: Postgres - pgAdmin

¿Que son las bases de datos, Postgres y SQL?Video · 6 min
Instalación de Postgres y pgAdminVideo · 5 min
Configurar Theme en pgAdminVideo · 1 min
Crear nueva base de datosVideo · 2 min
Crear tablas con SQLVideo · 8 min
SQL INSERTVideo · 6 min
SQL UPDATEVideo · 2 min
SQL DELETEVideo · 4 min

UNIDAD 40 - NodeJS + PostgreSQL: CRUD con Express, TypeScript y node-postgres (pg) · 12 lecciones

UNIDAD 40 - NodeJS + PostgreSQL: CRUD con Express, TypeScript y node-postgres (pg)

Introducción a esta secciónVideo · 1 min
Crear DB y Tabla en pgAdminVideo · 2 min
Configurar Node.js con TypeScriptVideo · 9 min
Transpilar o compilar a JSVideo · 3 min
¿Por qué 3e3?Video · 1 min
Conectar NodeJS a PostgresVideo · 10 min
Connection StringVideo · 2 min
GET: Devolver usuarios almacenados en DBVideo · 3 min
POST: Parameterized QueryVideo · 7 min
DELETE: Eliminar usuario de la base de datosVideo · 3 min
PUT: Actualizar usuario de la base de datosVideo · 3 min
Variables de entornoVideo · 3 min

UNIDAD 41 - JOINS en SQL con Postgres · 10 lecciones

UNIDAD 41 - JOINS en SQL con Postgres

Introducción a Join en SQL con PostgresVideo · 0 min
¿Por qué separar las tablas o entidades?Video · 5 min
REFERENCES entre tablasVideo · 6 min
INNER JOINVideo · 5 min
LEFT JOINVideo · 3 min
Filtrar por NULLVideo · 1 min
Relación 1 a 1Video · 4 min
Comentarios en SQLVideo · 0 min
Diagrama ERDVideo · 1 min
Relación muchos a muchosVideo · 7 min

UNIDAD 42 - Drizzle ORM + TypeScript + Express + Postgres con NeonDB · 13 lecciones

UNIDAD 42 - Drizzle ORM + TypeScript + Express + Postgres con NeonDB

Introducción a Drizzle ORMVideo · 2 min
Node con Typescript y ExpressVideo · 5 min
Instalación de Drizzle ORMVideo · 4 min
NeonDB configuraciónVideo · 3 min
Mi primer Schema.tsVideo · 8 min
Migraciones con DrizzleVideo · 5 min
SELECT con DrizzleVideo · 4 min
INSERT con DrizzleVideo · 4 min
Solución TareaVideo · 3 min
Drizzle StudioVideo · 1 min
Guardar estudiante en un cursoVideo · 5 min
Controlar errores de DBVideo · 3 min
Consultas con doble JOIN en tablas pivoteVideo · 7 min

Certificado oficial

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

Cómo funciona

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
42 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.

Lo que obtienes

Un certificado oficial de la SEP

Muestra del certificado: HTML5, CSS3, JavaScript y Node Curso Desarrollo Web Completo

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 Ignacio bluuweb.
Folio y QR verificables para compartirlo con quien te contrate.

Medios que necesitas

Equipo de cómputo Conexión estable a internet

Pago único

Empieza hoy, a tu ritmo

Un solo pago y acceso inmediato al curso completo durante 12 meses.

42 unidades · 444 lecciones · 60 h
12 meses de acceso
Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable