• No hay productos en el carrito.

Inicio / Cursos / Javascript: El Curso Completo, Práctico y desde Cero
Impartido por Carlos Arturo EsparzaPago único de $2,800 MXN · acceso por 12 meses

Javascript: El Curso Completo, Práctico y desde Cero

Aprende a programar en Javascript desde cero con el curso mas completo de todos.

Certificado oficial emitido por la SEPA través del Gobierno del Estado de México
12 meses de acceso En línea · 60 h 13 unidades Nivel principiante
Qué aprenderás

Lo que serás capaz de hacer

¿Quieres aprender Javascript pero no sabes por dónde empezar? ¿Estás cansado de ver tutoriales aburridos y mal explicados? ¡Bienvenido a "Javascript: El Curso Completo, Práctico y desde Cero!" En este curso aprenderás a programar en Javascript desde lo más básico hasta un nivel intermedio/avanzado. ¡No importa si no sabes programar! Este curso está diseñado para que aprendas desde cero y paso a paso mediante ejemplos, prácticas y proyectos. Ya sea que quieras iniciar una carrera en el desarrollo web, encontrar trabajo o desarrollar tus propias aplicaciones, este curso es para ti. Curso de más de 33 horas de video y 180 temas esenciales de Javascript. Para el final del curso, serás un programador con los conocimientos y habilidades necesarios para crear tus propios sitios web y aplicaciones utilizando Javascript. ¿Qué vas a aprender en este curso? Iniciamos el curso con una sección en la que aprenderás los fundamentos esenciales de la programación y Javascript. Aprenderás conceptos básicos como variables, tipos de datos, operadores, condicionales, funciones, métodos, ciclos y muchos otros temas importantes. Después aprenderás cómo trabajar con el BOM (Browser Object Model) y el DOM (Document Object Model) para acceder y modificar el contenido HTML y CSS de páginas web, agregar, eliminar y modificar elementos HTML en tiempo real, detectar y responder a eventos, crear animaciones y efectos visuales, y mucho más. (Nota: No necesitas conocimientos previos de HTML ni CSS. Estos temas son recomendables, pero si no los conoces, no te preocupes, el curso está diseñado para que puedas seguirlo sin problemas). En el curso también veremos cómo trabajar con formularios para poder recibir información, procesarla y validarla en tiempo real. Por último, aprenderás qué son las API y cómo utilizarlas para comunicarte con servicios y servidores para obtener y cargar información externa. Javascript moderno En este curso, aprenderás código moderno, ya que el curso está actualizado a ES6 (Ecmascript 6), una importante actualización de JavaScript que agregó muchas características nuevas, como formas de declarar variables, funciones de tipo flecha, clases, módulos, promesas, operadores y mucho más. Curso práctico lleno de ejemplos y proyectos Durante el curso, aprenderás cómo construir 6 súper proyectos: Una galería completa de imágenes, llena de funcionalidades. Una página de productos de una tienda en línea, con carrito de compra. Un formulario interactivo por pasos y validaciones. Una aplicación para descubrir series y películas populares del momento en base al género y año. Una aplicación para registrar gastos personales del mes. Un portafolio de trabajos con efectos y animaciones. ¿Qué incluye este curso? Más de 33 horas en video en las que aprenderás más de 180 temas diferentes. 6 proyectos y aplicaciones reales para practicar todo lo aprendido. Acceso a todo el código del curso, incluyendo los proyectos. Acceso a un sistema de preguntas y respuestas. (siempre respondo todas las preguntas) Garantía de 30 días, si no te gusta te devolvemos tu dinero. ¿Por qué estoy compartiendo todo esto contigo? Mi nombre es Carlos Arturo y soy el creador de múltiples proyectos, incluyendo FalconMasters , un canal de YouTube con más de 500.000 suscriptores y más de 33 MILLONES de reproducciones , en el que enseño desarrollo web mediante tutoriales amenos y prácticos. También soy creador de varios de los cursos "más vendidos" de Udemy en Español, con más de 130,000 estudiantes y una calificación promedio de 4.7. A la gente le encantan mis cursos porque tengo facilidad para explicar las cosas de una forma única, fácil y mediante prácticas reales (lo puedes comprobar en las reseñas de cualquiera de mis cursos de Udemy). Javascript es uno de los lenguajes de programación más importantes y lucrativos del mundo, pero aprenderlo puede ser una tarea difícil. Hoy comparto este curso contigo porque quiero darte la oportunidad de aprender de forma fácil lo que a mí me costó muchos años de aprendizaje y esfuerzo. Así que no esperes más, ¡inscríbete ahora y comienza a aprender Javascript de una vez por todas! (Garantía de 30 días. Si no te gusta, te devolvemos tu dinero.)

  • Conceptos basicos de programación desde cero y con ejemplos.
  • Programar en Javascript, el lenguaje más utilizado del mundo.
  • Trabajar con el BOM y DOM para crear sitios web interactivos.
  • Trabajar con formularios para recibir información, procesarla y validarla en tiempo real.
  • Que son y como trabajar con las API para conectarse a servidores y servicios externos para obtener información.
  • A crear 6 paginas web y proyectos reales para poner en practica todo lo aprendido.

Temario

UNIDAD 1 - Introducción · 44 lecciones

UNIDAD 1 - Introducción

  • Introducción al cursoVideo · 14 min
  • Qué necesitas para seguir el cursoVideo · 7 min
  • Descarga de recursos del cursoLectura · 0 min
  • Qué es JavascriptVideo · 5 min
  • Iniciando la estructura del cursoVideo · 5 min
  • Hola MundoVideo · 12 min
  • Preparando los archivos de la secciónVideo · 3 min
  • VariablesVideo · 14 min
  • Tipos de datos (cadenas de texto y números)Video · 9 min
  • Tipos de datos (arreglos, objetos y funciones)Video · 9 min
  • Operadores aritméticos y de comparaciónVideo · 14 min
  • Operadores lógicosVideo · 10 min
  • ArreglosVideo · 12 min
  • ObjetosVideo · 12 min
  • Template literals / Template stringsVideo · 6 min
  • CondicionalesVideo · 16 min
  • Condicional switchVideo · 11 min
  • Operador ternarioVideo · 9 min
  • FuncionesVideo · 11 min
  • Parámetros y argumentos de funciónVideo · 11 min
  • Sentencia returnVideo · 9 min
  • Variables globales (scope de javascript)Video · 4 min
  • Variables locales (scope de javascript)Video · 7 min
  • Variables de bloque (scope de javascript)Video · 13 min
  • Métodos para trabajar con arreglos (Parte 1)Video · 13 min
  • Métodos para trabajar con arreglos (Parte 2)Video · 9 min
  • Métodos para trabajar con arreglos (Parte 3)Video · 17 min
  • Métodos para trabajar con arreglos (Parte 4)Video · 11 min
  • Métodos para trabajar con arreglos (Parte 5)Video · 8 min
  • Métodos para trabajar con objetosVideo · 7 min
  • Métodos para trabajar con cadenas de textoVideo · 15 min
  • Métodos para trabajar con númerosVideo · 15 min
  • Operador spread, rest y destructuraciónVideo · 16 min
  • Ciclo forVideo · 18 min
  • Break y continueVideo · 13 min
  • Ciclo whileVideo · 7 min
  • Ciclos foreach, for in y for ofVideo · 10 min
  • ClasesVideo · 14 min
  • HerenciaVideo · 14 min
  • Métodos y propiedades estáticosVideo · 7 min
  • CallbacksVideo · 8 min
  • PromesasVideo · 10 min
  • Ejemplo de promesaVideo · 10 min
  • Async/Await y Try/CatchVideo · 12 min
UNIDAD 2 - Módulos (ES6) · 9 lecciones

UNIDAD 2 - Módulos (ES6)

  • Qué son los módulosVideo · 2 min
  • Instalando NodeJSVideo · 11 min
  • Como configurar la consola de git bash en visual studio codeLectura · 0 min
  • Actualización importante de la siguiente claseLectura · 0 min
  • Instalando RollupVideo · 8 min
  • Utilizando RollupVideo · 19 min
  • Named Imports y Namespace ImportsVideo · 11 min
  • Default ImportsVideo · 6 min
  • Emtpy ImportsVideo · 3 min
UNIDAD 3 - Browser Object Model (BOM) · 7 lecciones

UNIDAD 3 - Browser Object Model (BOM)

  • Introducción al Browser Object ModelVideo · 17 min
  • Objeto WindowVideo · 11 min
  • Objeto Location y HistoryVideo · 9 min
  • Objeto NavigatorVideo · 4 min
  • AlertasVideo · 7 min
  • Funciones de tiempoVideo · 12 min
  • CookiesVideo · 22 min
UNIDAD 4 - Document Object Model (DOM) · 15 lecciones

UNIDAD 4 - Document Object Model (DOM)

  • Introducción al Document Object ModelVideo · 2 min
  • Creando los archivos de la secciónVideo · 2 min
  • Seleccionando elementos del DOM (parte 1)Video · 11 min
  • Seleccionando elementos del DOM (parte 2)Video · 11 min
  • Modificando elementos del DOMVideo · 11 min
  • Creando y agregando nodos al DOMVideo · 11 min
  • Eliminando elementos del DOMVideo · 5 min
  • Modificando los estilos de los elementos del DOM con CSSVideo · 11 min
  • Modificando los estilos de los elementos del DOM con JavascriptVideo · 10 min
  • Qué son los eventosVideo · 2 min
  • Como agregar eventosVideo · 14 min
  • Propagación de eventosVideo · 6 min
  • Tipos de propagaciónVideo · 4 min
  • Como eliminar eventos del DOMVideo · 9 min
  • Delegación de eventosLectura · 0 min
UNIDAD 5 - (Proyecto) Galería de Imágenes · 20 lecciones

UNIDAD 5 - (Proyecto) Galería de Imágenes

  • Presentación del proyectoVideo · 3 min
  • Iniciando el proyecto y estructura HTML del proyectoVideo · 11 min
  • Instalando y configurando rollupVideo · 9 min
  • (Clase Opcional) Descargando y configurando SASSVideo · 7 min
  • Simulando una base de datosVideo · 13 min
  • Cargando las categoríasVideo · 14 min
  • Evento de abrir galeríaVideo · 9 min
  • Cargando las imágenes del carouselVideo · 11 min
  • Evento de cerrar galeríaVideo · 13 min
  • Solucionando 2 pequeños problemasVideo · 4 min
  • Cargando la imagen activaVideo · 10 min
  • Evento Slides (parte1)Video · 13 min
  • Evento Slides (parte2)Video · 7 min
  • Agregando el borde al slide activoVideo · 14 min
  • Botones de atrás y adelante de la imagen principalVideo · 20 min
  • Botones de anterior y siguiente del carousel (parte 1)Video · 8 min
  • Botones de anterior y siguiente del carousel (parte 2)Video · 13 min
  • Botones de anterior y siguiente del carousel (parte 3)Video · 12 min
  • Botón de anterior del carouselVideo · 4 min
  • Conclusión del proyectoVideo · 2 min
UNIDAD 6 - (Proyecto) Practica de Tienda · 21 lecciones

UNIDAD 6 - (Proyecto) Practica de Tienda

  • Presentación del proyectoVideo · 3 min
  • Iniciando del proyectoVideo · 6 min
  • Estructura HTML del proyectoVideo · 7 min
  • Thumbs del productoVideo · 16 min
  • Colores del productoVideo · 8 min
  • Cantidad del productoVideo · 7 min
  • Botón de abrir y cerrar carritoVideo · 11 min
  • Simulando una base de datosVideo · 8 min
  • Botón de agregar al carritoVideo · 17 min
  • Cargando los productos en el carrito (parte I)Video · 13 min
  • Cargando los productos en el carrito (parte II)Video · 13 min
  • Arreglando un bug del carritoVideo · 3 min
  • Cargando el precio de los productos en el carritoVideo · 13 min
  • Agrupando los productos idénticos del carritoVideo · 12 min
  • Botón de eliminar del carritoVideo · 19 min
  • Interfaz del carrito vacióVideo · 12 min
  • Notificaciones del carritoVideo · 11 min
  • Botón de enviar carritoVideo · 4 min
  • Componente de Tabs (parte I)Video · 9 min
  • Componente de Tabs (parte II)Video · 16 min
  • Conclusión del proyectoVideo · 3 min
UNIDAD 7 - Formularios · 7 lecciones

UNIDAD 7 - Formularios

  • Introducción a la secciónVideo · 3 min
  • Creando los archivos de la secciónVideo · 6 min
  • Accediendo a elementos de formulario (parte 1)Video · 17 min
  • Eventos para formulariosVideo · 16 min
  • Validación de formulariosVideo · 16 min
  • Expresiones regulares para validar formulariosVideo · 10 min
  • Expresiones regulares para validar formulariosLectura · 0 min
UNIDAD 8 - (Proyecto) Formulario por pasos · 16 lecciones

UNIDAD 8 - (Proyecto) Formulario por pasos

  • Presentación del proyectoVideo · 4 min
  • Inicio del proyectoVideo · 7 min
  • Estructura HTML del proyectoVideo · 8 min
  • Validando la cantidadVideo · 11 min
  • Lógica de la validación de cantidadVideo · 9 min
  • Marcando paso como completadoVideo · 18 min
  • Función de siguiente paso (parte I)Video · 3 min
  • Función de siguiente paso (parte II)Video · 19 min
  • Validar nombre y correoVideo · 19 min
  • Sección de confirmaciónVideo · 19 min
  • Simulando la transferenciaVideo · 10 min
  • Linea de pasosVideo · 18 min
  • Validando salto de pasoVideo · 7 min
  • Moviendo el icono de paso activoVideo · 12 min
  • Cambiando el texto del botónVideo · 8 min
  • ConclusiónVideo · 2 min
UNIDAD 9 - Web APIs · 5 lecciones

UNIDAD 9 - Web APIs

  • Introducción a las APIsVideo · 8 min
  • LocalStorage APIVideo · 11 min
  • Trabajando con la API nueva de fechasVideo · 11 min
  • JSONVideo · 14 min
  • Fetch APIVideo · 14 min
UNIDAD 10 - (Proyecto) App de películas · 19 lecciones

UNIDAD 10 - (Proyecto) App de películas

  • Presentación del proyectoVideo · 3 min
  • Inicio del proyectoVideo · 6 min
  • Estructura del código HTMLVideo · 7 min
  • Creando una cuenta en TheMovieDBVideo · 4 min
  • Petición para obtener las películas popularesVideo · 18 min
  • Cargando las películas en pantallaVideo · 14 min
  • Obteniendo los géneros de películasVideo · 7 min
  • Obteniendo el género de cada películaVideo · 17 min
  • Cargando los géneros en la barra lateralVideo · 9 min
  • Filtro de tipos (series)Video · 20 min
  • Filtro de tipos (películas)Video · 6 min
  • Botones de génerosVideo · 7 min
  • Búsqueda (parte 1)Video · 13 min
  • Búsqueda (parte 2)Video · 10 min
  • Búsqueda (parte 3)Video · 12 min
  • PaginaciónVideo · 19 min
  • Ventana modalVideo · 27 min
  • Cerrar ventana emergenteVideo · 3 min
  • Conclusión del proyectoVideo · 1 min
UNIDAD 11 - (Proyecto) App de gastos personales · 20 lecciones

UNIDAD 11 - (Proyecto) App de gastos personales

  • Presentación del proyectoVideo · 3 min
  • Inicio del proyectoVideo · 6 min
  • Estructura del código HTMLVideo · 6 min
  • Abrir el formulario de agregar gastoVideo · 12 min
  • Validando el input de descripciónVideo · 20 min
  • Validando el input de precioVideo · 6 min
  • Función de agregar gastoVideo · 21 min
  • Identificador único para cada gastoVideo · 10 min
  • Función de cargar gastos (parte 1)Video · 17 min
  • Función de cargar gastos (parte 2)Video · 11 min
  • Formateando la moneda y fechaVideo · 18 min
  • Filtrando los gastos del mesVideo · 10 min
  • Función de cargar totalVideo · 14 min
  • Mostrar botones de acciónVideo · 14 min
  • Evento de editar gastoVideo · 18 min
  • Abrir formulario en modo ediciónVideo · 11 min
  • Editar gasto (parte 1)Video · 8 min
  • Editar gasto (parte 2)Video · 16 min
  • Borrar gastosVideo · 16 min
  • ConclusiónVideo · 4 min
UNIDAD 12 - (Proyecto) Portafolio · 13 lecciones

UNIDAD 12 - (Proyecto) Portafolio

  • Presentación del proyectoVideo · 3 min
  • Inicio del proyectoVideo · 8 min
  • Estructura del código HTMLVideo · 10 min
  • Explicando el efecto escrituraVideo · 9 min
  • Efecto escritura (parte 1)Video · 14 min
  • Efecto escritura (parte 2)Video · 17 min
  • Efecto escritura (parte 3)Video · 13 min
  • Animación de burbujasVideo · 4 min
  • Animación de galeríaVideo · 19 min
  • Eventos de la galería (parte 1)Video · 18 min
  • Eventos de la galería (parte 2)Video · 11 min
  • Carousel de comentariosVideo · 22 min
  • Popup de correoVideo · 9 min
UNIDAD 13 - Temas adicionales · 6 lecciones

UNIDAD 13 - Temas adicionales

  • SetsVideo · 5 min
  • MapsVideo · 8 min
  • Palabra reservada “this”Video · 8 min
  • DebuggingVideo · 9 min
  • ConclusiónVideo · 2 min
  • Donde seguir aprendiendo másLectura · 0 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. 1

    Inscripción con pago único

    Pagas $2,800 MXN una sola vez y entras de inmediato al curso.

  2. 2

    Estudias a tu ritmo

    13 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.

  3. 3

    Cuestionarios por unidad

    Cuestionarios para comprobar lo aprendido.

  4. 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: Javascript: El Curso Completo, Práctico y desde Cero

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 Carlos Arturo Esparza.
  • 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.

  • 13 unidades · 202 lecciones · 60 h
  • 12 meses de acceso
  • Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Pago único
$2,800MXN
Acceso por 12 meses
Inscribirme Hablar con un asesor
Preguntas frecuentes

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 Carlos Arturo Esparza; 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.

Certificado emitido por la SEP a través del Gobierno del Estado de México · Javascript: El Curso Completo, Práctico y desde Cero

Inscribirme
  INEC es una Marca de SalesPartners Ciudad de México S de RL de CV. Template Design © Learnify LMS. All rights reserved. Terminos y Condiciones Aviso de Privacidad Politica de Devolución
Hide picture