De cero a Master en JavaScript
Domina el desarrollo FullSatck con JavaScript desde cero con HTML, CSS, JavaScript, Webpack, NodeJS , Express, etc.
Lo que serás capaz de hacer
Domina el Desarrollo Full Stack con JavaScript: De Cero a Experto ¿Quieres aprender a crear páginas web modernas, responsivas y escalables desde cero? ¿Te gustaría convertirte en un desarrollador Full Stack y manejar tanto el frontend como el backend con JavaScript? Este curso está diseñado para que aprendas paso a paso todas las tecnologías esenciales del desarrollo web. No necesitas experiencia previa , solo ganas de aprender y practicar. ¿Qué aprenderás en este curso? Diseño y maquetación web con HTML y CSS Fundamentos de HTML5 y CSS3 para estructurar y dar estilo a tus páginas web. Uso de CSS Flexbox y CSS Grid para crear layouts avanzados y responsivos. Aplicación de la metodología BEM para escribir código CSS escalable y mantenible. Creación de diseños modernos con transiciones, animaciones y efectos visuales . JavaScript: Desde los fundamentos hasta programación avanzada Sintaxis y conceptos básicos de JavaScript moderno (ES6+) . Manipulación del DOM para crear interactividad en la web. Programación Orientada a Objetos ( POO ) en JavaScript para estructurar mejor tu código. Manejo de eventos, formularios y validaciones en tiempo real. Backend con Node.js y Express Introducción a Node.js y su ecosistema. Creación de un servidor con Express.js y gestión de rutas. Conexión con bases de datos MongoDB Al finalizar este curso, serás capaz de: Diseñar y desarrollar páginas web modernas y responsivas . Construir aplicaciones dinámicas e interactivas con JavaScript. Crear y gestionar servidores con Node.js y Express . No esperes más! Únete ahora y conviértete en un Full Stack Developer con JavaScript.
- HTML y CSS
- Desarrollar sitios web estáticos usando HTML y CSS.
- Conoce lenguaje de JavaScript, desarrollando rutinas y programas básicas.
- Fundamentos de JavaScript
- Programación funcional con JavaScript
- POO con JavaScript
Temario
UNIDAD 1 - Introducción · 5 leccionesUNIDAD 1 - Introducción
UNIDAD 1 - Introducción
- Temario del Curso
- Como Tomar el Curso
- Materiales extras para el Curso
- Ayuda y Soporte Online
- Para preguntas y respuestas
UNIDAD 2 - Primeros pasos en la Web · 7 leccionesUNIDAD 2 - Primeros pasos en la Web
UNIDAD 2 - Primeros pasos en la Web
- Introducción
- ¿Qué es la Web?
- ¿Cómo funciona la Web?
- Instalación de Visual Studio Code
- Crear Tu primer sitio web
- Las tecnologías principales de la Web
- Resumen
UNIDAD 3 - Configuración de entorno de desarrollo · 3 leccionesUNIDAD 3 - Configuración de entorno de desarrollo
UNIDAD 3 - Configuración de entorno de desarrollo
- Instlaciones Nesesarias
- Instalación de NodeJS
- Instalacion de Terminal Cmder
UNIDAD 4 - Introducción HTML · 12 leccionesUNIDAD 4 - Introducción HTML
UNIDAD 4 - Introducción HTML
- Introducción
- De que se encarga HTML
- ¿Qué son las etiquetas?
- Encabezados y párrafos
- Imágenes y elementos únicos
- ¿Qué es un atributo?
- Etiquetas de texto
- Vínculos
- Etiquetas de listas
- Estructura base de HTML
- Resumen
- Cuestionario de Lenguaje HTML.
UNIDAD 5 - Estructura de una página · 13 leccionesUNIDAD 5 - Estructura de una página
UNIDAD 5 - Estructura de una página
- Introducción
- Semántica de HTML
- Contenedor de elementos
- Etiquetas de citas
- Formularios
- Tipos de input
- Validación de formulario
- Etiquetas de selección y listas de datos
- Etiquetas de detalles
- Metadatos
- Metadatos para Open Graph
- Favicon
- Resumen
UNIDAD 6 - Etiquetas multimedia · 6 leccionesUNIDAD 6 - Etiquetas multimedia
UNIDAD 6 - Etiquetas multimedia
- Introducción
- Imágenes
- Etiquetas de videos
- Etiquetas de audio
- Videos y páginas externas
- Resumen
UNIDAD 7 - Introducción a CSS · 17 leccionesUNIDAD 7 - Introducción a CSS
UNIDAD 7 - Introducción a CSS
- Introducción
- Primeros estilos
- Selectores de elementos
- Estilos de textos
- Herencia en CSS
- Colores
- Pseudo-clase
- Pseudoelementos
- Selectores combinados
- Cascada
- Especifidad
- Unidades de medida
- Tipos de elementos
- Modelo de caja-P1
- Modelo de caja-P2
- Finalizando el proyecto
- Resumen
UNIDAD 8 - Posicionamiento de elementos - Clon de Google · 11 leccionesUNIDAD 8 - Posicionamiento de elementos - Clon de Google
UNIDAD 8 - Posicionamiento de elementos - Clon de Google
- Introducción
- Variables en CSS
- Flotación CSS
- Desbordamiento
- Flujo de escritura
- Posicionamiento
- Orden de apilamiento (Z-index)
- Terminando la estructura de Google-clone
- Estilos de footer
- Estilos de contenido principal
- Resumen
UNIDAD 9 - CSS Flexbox - Clone de Yahoo! · 15 leccionesUNIDAD 9 - CSS Flexbox - Clone de Yahoo!
UNIDAD 9 - CSS Flexbox - Clone de Yahoo!
- Introducción
- ¿Qué es Flexbox?
- Contenedor Flexible
- Flujos combinados
- Alineamiento del contenido
- Alineamiento de los elementos
- Control de espacio de los elementos
- Ordenes y márgenes
- Recursos sobre flexbox
- Estructura Yahoo!
- Encabezado Yahoo!
- Estilos main
- Sección de tendencias
- Pie de página de Yahoo!
- Resumen
UNIDAD 10 - Portafolio Personal - Proyecto completo desde cero con Flexbox · 18 leccionesUNIDAD 10 - Portafolio Personal - Proyecto completo desde cero con Flexbox
UNIDAD 10 - Portafolio Personal - Proyecto completo desde cero con Flexbox
- Presentación del proyecto
- Primeros pasos con el Proyecto
- Configuraciones iniciales
- Menu de navegación
- Estructura de Home
- Estilos de Home
- Estilos de redes sociales
- Estructura de acerca de
- Animación de imagen
- Estilos de Acerca de y Habilidades
- Estructura de servicios
- Estilos de servicios
- Estructura de portafolio
- Estilos de portafolio
- Estructura de contacto
- Estilos de contacto
- Pies de página
- Resumen
UNIDAD 11 - CSS Grid · 12 leccionesUNIDAD 11 - CSS Grid
UNIDAD 11 - CSS Grid
- Introducción
- ¿Qué es CSS Grid?
- Filas y Columnas
- Mas sobre Filas y Columnas
- Combinar filas y columnas
- Flujos automáticos
- Área de cuadricula
- Alinear cuadricula
- Alinear elementos dentro de cuadricula
- Uso de minmax()
- Materiales sobre CSS Grid
- Resumen
UNIDAD 12 - CAFETERIA - Proyecto completo desde cero con Grid · 17 leccionesUNIDAD 12 - CAFETERIA - Proyecto completo desde cero con Grid
UNIDAD 12 - CAFETERIA - Proyecto completo desde cero con Grid
- Presentación del Proyecto
- Configuración inicial
- Utilidades
- Estructura de encabezado
- Estilos de encabezado
- Estilos de bienvenida
- Sección de productos más vendidos
- Sección de nuevos productos
- Estructuras de sección de menu
- Estilos de sección de menu
- Sección de galería de imágenes
- Estructura de sección de localización
- Estilos de sección de localización
- Estructura de footer
- Uso de Grid Áreas
- Estilos de Footer
- Resumen
UNIDAD 13 - Responsive Web Design · 13 leccionesUNIDAD 13 - Responsive Web Design
UNIDAD 13 - Responsive Web Design
- Introducción
- ¿Qué es Responsive Web Design?
- Herramientas de desarrollo para RWD
- Creando Media Queries
- Operadores de comparaciones para Media Queries
- Snippet para Media Queries
- Tamaño estándar para Media Queries
- Configuración inicial para la práctica
- Estilos de Header
- Estilos de Botones Gradiente
- Agregar media queries
- Optimizando imágenes de diferentes tamaños y extensiones
- Resumen
UNIDAD 14 - Desktop First para proyectos de Portafolio y Cafetería · 8 leccionesUNIDAD 14 - Desktop First para proyectos de Portafolio y Cafetería
UNIDAD 14 - Desktop First para proyectos de Portafolio y Cafetería
- Introducción
- Menu de navegación de portafolio
- Home y About
- Terminando Portafolio
- Empezando cafetería
- Nuevo producto de Cafetería
- Terminando cafetería
- Resumen
UNIDAD 15 - Landing Page LogiProX - Proyecto completo desde cero con MobileFirst · 15 leccionesUNIDAD 15 - Landing Page LogiProX - Proyecto completo desde cero con MobileFirst
UNIDAD 15 - Landing Page LogiProX - Proyecto completo desde cero con MobileFirst
- Presentación del proyecto
- Recursos para el Proyecto
- CSS Normalize
- Estilos Iniciales
- Estructura de Navbar
- Estructura de contenido de Header
- Estilos de Navbar
- Menu Responsivo
- Estilos de Header
- Sección de características
- Sección de Acerca de
- Estructura de sección de productos
- Estilos de sección de productos
- Estructura de sección de Boletín y Footer
- Terminando el proyecto
UNIDAD 16 - Fundamentos de BEM - Proyecto completo usando BEM · 23 leccionesUNIDAD 16 - Fundamentos de BEM - Proyecto completo usando BEM
UNIDAD 16 - Fundamentos de BEM - Proyecto completo usando BEM
- Introducción y Presentación
- ¿Qué es BEM?
- Configuración Inicial
- Bloques y Elementos
- Estructura de archivos con BEM
- Empezando con CSS
- Estilos de Navbar
- Utilidades usando BEM
- Modificadores y animación de botón de Menú
- Estructura de intro con BEM
- Estilos de intro
- Estructura de estadísticas
- Estilos de estadísticas
- Sección de educación
- Estructura de cursos
- Estilos de cursos
- Estructura de planes
- Estilos de planes parte 1
- Estilos de planes parte 2
- Estructura de testimoniales
- Estilos testimoniales
- Estructura footer
- Estilos footer
UNIDAD 17 - Despliegue de Aplicaciones en Netlify · 5 leccionesUNIDAD 17 - Despliegue de Aplicaciones en Netlify
UNIDAD 17 - Despliegue de Aplicaciones en Netlify
- Introducción
- Herramientas necesarias
- Despliegue manual de Netlify
- Subir proyecto a GitHub
- Conectar GitHub con Netlify
UNIDAD 18 - Introducción a JavaScript · 21 leccionesUNIDAD 18 - Introducción a JavaScript
UNIDAD 18 - Introducción a JavaScript
- ¿Qué es JavaScript?
- Hola Mundo
- Comentarios
- Variables
- Tipos de datos
- Casting de Datos
- Ejercicio que se realizara en las siguientes Clases
- PRÁCTICA: Suma de dos Númers
- Operadores Aritméticos
- Operadores en Asignación
- Operadores de Comparación
- Operadores Lógicos
- Operadores de Incremento y Decremento
- Reto para el estudiante - Hallar cociente y residuo
- PRÁCTICA: Cociente y Residuo
- Reto para el estudiante - Precio de Venta
- PRÁCTICA: Precio de venta
- Salida de datos
- Introducción a JavaScript
- Resumen
- img-resumen
UNIDAD 19 - Estructuras de Control y Array · 15 leccionesUNIDAD 19 - Estructuras de Control y Array
UNIDAD 19 - Estructuras de Control y Array
- Condiciones If-Else
- Condiciones anidadas
- Multiples Condiciones - else-if
- Switch
- Operador Ternario
- Array
- Fucle For
- Bucle While
- Breack y Continue
- Reto para el estudiante
- PRÁCTICA: Descuento de Restaurante Parte 01
- PRÁCTICA: Descuento de Restaurante Parte 02
- PRÁCTICA: Usando array y For
- Estructura de Control y Array
- Resumen
UNIDAD 20 - Funciones · 12 leccionesUNIDAD 20 - Funciones
UNIDAD 20 - Funciones
- Definir una Función
- Parametros y Argumentos
- Funciones con Retorno
- Valores predeterminados de parametros y funciones
- Argumentos Indeterminados
- Funciones recursivas
- Funciones Flecha
- Métodos de Cadenas
- Reto para el estudiante
- PRÁCTICA: Palindromo
- PRÁCTICA: Primalidad
- Función
UNIDAD 21 - Manipulación del DOM · 13 leccionesUNIDAD 21 - Manipulación del DOM
UNIDAD 21 - Manipulación del DOM
- Introducción a DOM
- Manipular mas DOM
- PRÁCTICA: Presentado el Proyecto
- PRÁCTICA: Reto para Estudiante
- PRÁCTICA: Funciones Lógicas
- PRÁCTICA: Trabajando con DOM
- PRÁCTICA: Area de cuandrado
- PRÁCTICA: Solución de Triángulo
- PRÁCTICA: Solución de Circulo
- Patron Módular
- Exportar de Patron Módular
- Evento click desde JavaScript
- Minificar Codigo
UNIDAD 22 - POO con JavaScript · 11 leccionesUNIDAD 22 - POO con JavaScript
UNIDAD 22 - POO con JavaScript
- ¿Qué es POO?
- ¿Qué es Objeto?
- ¿Qué es Clase?
- Objetos Literales
- Clases con funciones
- Clases y Objetos
- Constructores
- Herencia
- Encapsulamiento
- Propiedades Estáticas
- POO en JavaScript
UNIDAD 23 - Paquete de Módulos Webpack · 10 leccionesUNIDAD 23 - Paquete de Módulos Webpack
UNIDAD 23 - Paquete de Módulos Webpack
- Introducción a Webpack
- Modularización y Empaquetación con Webpack
- Trabajando con HTML Parte 01
- Trabajando con HTML Parte 02
- Configuración de Servidor de Desarrollo
- Cargar CSS
- Estilo Global
- Manejando Imagenes
- Modo Producción
- Agregando Babel
UNIDAD 24 - Back-end con Express · 10 leccionesUNIDAD 24 - Back-end con Express
UNIDAD 24 - Back-end con Express
- Introducción a Back-end con express
- Crear proyecto
- Hola Mundo con Express
- Base de datos con MongoDB
- Conexión a Base de datos
- Modularizar: Crear Model
- Modularizar: Crear Handler
- Crear un Registro
- Obtener un registro
- Editar y Eliminar un Registro
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
24 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
5 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 Alex Roel.
- 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.
- 24 unidades · 292 lecciones · 60 h
- 12 meses de acceso
- 5 cuestionarios de evaluación
- 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 Alex Roel; 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.
