Máster en JavaScript: ECMAScript, Angular 9 , React, NodeJS
Aprende JavaScript moderno con ECMAScript, TypeScript, Angular 9 , React, NodeJS, MongoDB (MEAN Stack y MERN Stack)
Lo que vas a dominar
Habilidades reales, aplicables desde el primer día y muy solicitadas por las empresas.
Un temario completo, paso a paso
13 secciones · 241 lecciones para llevarte de cero a experto.
- Bienvenida
- Material de apoyo e inquietudes
- Canales de comunicación y aprendizaje
- Editor de código
- Plugins y extensiones Sublime Text 3
- Qué es JavaScript
- Las Variables
- Interactuando con el DOM
- Las Funciones
- Condiciones y Cambios
- Ciclos
- Los Eventos
- Intervalos y retardos de tiempo
- Números aleatorios
- Concatenar Variables
- Los Operadores
- Documento JavaScript
- ¿Qué es la POO?
- Las Clases
- Objetos, Propiedades y Métodos
- Ejercicios para desarrollar lógica de programación
- Resolviendo problemas lógicos - caso 2
- Maquetando la calculadora
- Acceder a los botones con el evento click
- Escribir los dígitos en la calculadora
- Hacer operaciones matemáticas
- Agregando eventos de teclado
- Ajustes en la calculadora
- Creando un Slideshow desde cero
- Maquetando el Slideshow
- Paginación del Slide
- Animación del Slide
- Avanzar y Retroceder el Slide
- Automatizando el Slide
- Creando una galería
- Efecto lightbox
- Mostrar Imagen
- Animación Galería
- Movimiento Mouse
- Mover imágenes con el Mouse - parte 1
- Mover imágenes con el Mouse - parte 2
- Adicionar imágenes al efecto Mouse
- Movimiento Scroll
- Efecto Parallax con el Scroll
- Vincular los botones con el Scroll
- Navegar entre los botones
- Validando un formulario
- Agregando estilos al formulario
- Evento Focus
- Evento Blur
- Evento Change
- Expresiones Regulares
- Atributo OnSubmit
- Botonera oculta para dispositivos
- Ajustes en la botonera móvil
- ¿Qué es HTML5 CANVAS?
- Preparando nuestro lienzo - Parte 1
- Preparando nuestro lienzo - Parte 2
- Dibujando figuras geométricas - parte 1
- Dibujando figuras geométricas - parte 2
- Dibujando figuras geométricas - parte 3
- Creando nuestro primer dibujo en CANVAS - Parte 1
- Creando nuestro primer dibujo en CANVAS - Parte 2
- Utilizando gráficos Mapa de Bits en CANVAS - Parte 1
- Utilizando gráficos Mapa de Bits en CANVAS - Parte 2
- Utilizando línea de tiempo en CANVAS - Parte 1
- Utilizando línea de tiempo en CANVAS - Parte 2
- Utilizando línea de tiempo en CANVAS - Parte 3
- POO en CANVAS
- Eventos de teclado en CANVAS
- Colisiones - Parte 1
- Colisiones - Parte 2
- Colisiones - Parte 3
- Creando nuestro primer juego en CANVAS
- Crea juegos de Plataforma tipo Mario Bros en CANVAS
- Diferencia entre: Librería, Framework y Plugin
- jQuery
- Bootstrap 4
- Carousel o JDSlider
- Galería de imágenes (Pinterest Grid y Ekko Lightbox)
- Mouse Parallax Effect
- Efecto con Scroll (jQuery Easing y Scroll Up)
- Super Scrollorama y Sticky JS
- Validación de formularios con Bootstrap 4 (Pattern HTML5 - plugin iCheck)
- Más Plugins...
- ¿Qué es ECMAScript?
- Nuevas declaraciones de Variables: VAR, LET, CONST
- Asignación por Destructuring
- IF Ternario
- Template Literales (Diferente forma de Concatenar)
- Funciones de tipo flecha
- Bucle ForEach
- Función .map()
- Funciones .filter() y .find()
- Callbacks
- Promises
- Async y Await
- Datos JSON
- Función .fetch() para servicios HTTP
- ¿Qué es Typescript?
- Instalación de NodeJS
- Instalando Typescript
- Clases, Propiedades y Constructor
- Métodos y Objetos
- ¿Qué es Angular?
- Recursos previos para trabajar Angular
- Crear un proyecto de Angular
- Estructura de un proyecto de Angular
- Los Módulos
- Los Componentes
- Las Vistas
- jQuery y Angular
- Creando Componentes y Vistas en Angular
- Personalizando cada Componente con CSS y JS
- Las Rutas
- Creando la página de Artículos
- Datos dinámicos en Angular
- Servicios HTTP
- Ejercicio con los Servicios de Galería y Artículos
- Directivas
- Ejercicio: Directivas de Galería y Artículos
- Parámetros en la URL
- Urls Amigables
- Formulario Login
- Formularios en Angular
- Directiva NGModel (Two Way Data Binding)
- Validar formulario con Angular
- Procesar Login
- Hola Mundo con NodeJS
- NPM (Node Package Manager)
- NODEMON
- Package JSON
- ¿Qué es una API RESTful?
- STATUS
- POSTMAN
- Puerto HTTP en NodeJS para construir API RESTful
- EXPRESS JS
- MONGODB
- Instalación de MONGODB
- Conectando la Base de Datos con MONGOOSE
- Peticiones Básicas HTTP (GET, POST, PUT, DELETE)
- Organizando el Patrón MVC en NodeJS
- Peticiones GET para Slide, Galería y Artículos
- Enumerar la cantidad de registros
- Creando un nuevo Slide
- Subir archivos con NodeJS
- Guardar archivos en el Servidor
- Actualizar el Slide
- Sincronizar tareas con Promesas
- Eliminar archivos antiguos del Servidor
- MONGOOSE DEPRECATIONS
- Eliminar Registro de Slide
- Tarea: Agregar nuevos Slide a la Base de Datos
- Organizar entorno de trabajo en POSTMAN
- CRUD para Galería
- Tarea: Agregar nueva Galería a la Base de Datos
- CRUD para Artículos
- Tarea: Agregar nuevos Artículos a la Base de Datos
- Administradores de la Base de Datos
- Encriptar contraseña con BCRYPT
- Evitar mostrar el campo Password en la DATA
- Completar el CRUD de Administradores
- Crear TOKEN de Autorización a través de LOGIN
- Proteger Rutas mediante uso de TOKEN
- Variable global para la Firma Secreta del TOKEN
- ¿Qué es MEAN STACK?
- Iniciar ANGULAR y NODEJS de forma simultánea
- CORS (Control de Acceso HTTP)
- Hacer peticiones GET a la API REST
- Habilitar permisos en la API para mostrar archivos
- Tarea: Traer los datos de la Galería y Artículos
- Página de Artículos con datos dinámicos
- Crear el CRUD de usuarios en NODEJS
- Crear un nuevo usuario desde ANGULAR
- Aplicando la directiva NGModel
- Servicios HTTP de tipo POST en ANGULAR
- Visualizar respuestas de la API
- Hacer LOGIN con ANGULAR y NODEJS
- Validaciones de Lado Servidor
- ¿Qué es React?
- Creando una Aplicación con React
- Estructura de un Componente en React
- Creando Componentes en React
- Instalando Bootstrap 4 en React
- Creando una pequeña plantilla con React y Bootstrap 4
- Instalando JS Prettier
- PROPS
- HOOKS
- Corrigiendo conflicto de Bootstrap con React
- ¿Qué es MERN Stack?
- Plantilla AdminLte con REACT
- Agregar Bootstrap 4 y jQuery a REACT
- Componente Header
- Componente Sidebar
- Componente Content
- Componente Footer
- Agregar Rutas en REACT
- Página Error 404
- Página del Login
- HOOK para iniciar sesión
- Conectando la API para el Login
- Decodificando el TOKEN para iniciar sesión
- Validar fecha de espiración del TOKEN
- Validaciones extras al TOKEN
- Cerrar sesión de Administrador
- Organizando las vistas de cada Gestor
- jQuery DataTable en REACT
- DataTable dinámico en REACT
- TAREA: DataTable dinámico para Gestores
- Petición GET para Administradores
- Formulario para crear Administradores
- Validar formulario en REACT
- Servicio POST para crear Administradores
- Formulario para editar Administradores
- Servicio PUT para editar Administradores
- Servicio DELETE para borrar Administradores
- Sweet Alert 2 en REACT
- Evitar borrar único Administrador
- Petición GET para los Slide
- Formulario para crear Slide
- Validar formulario del Slide
- Notie Alert en REACT
- Servicio POST para crear Slide
- Limpiar formulario antes de ser enviado
- Formulario para editar Slide
- Servicio PUT para editar Slide
- Servicio DELETE para borrar Slide
- Petición GET para la Galería
- Formulario para Múltiples Fotos
- Validar formulario Galería
- Servicio POST para crear Galería
- Servicio DELETE para borrar Galería
- Petición GET para los Artículos
- Formulario para crear Artículos
- Validar formulario Artículos
- Servicio POST para crear Artículo
- Plugin Summernote en REACT
- Formulario para editar Artículos
- Servicio PUT para editar Artículos
- Servicio DELETE para borrar Artículos
- Petición GET para los Usuarios
¿Por qué este curso cambiará tu carrera?
El desarrollo web tiene su punto de partida en el lenguaje de programación JavaScript. En este curso aprenderemos todo lo necesario para dominar el lenguaje de programación más popular que existe actualmente y todas las tecnologías a su alrededor con más demanda laboral y más proyección de futuro.
Aprenderás de manera práctica paso a paso la sintaxis y los fundamentos que utiliza este lenguaje, con ejemplos prácticos, aplicarás los conocimientos adquiridos para convertirte en un desarrollador full-stack (front-end y back-end), y darás el salto necesario para implementar recursos interactivos a tus proyectos web.
En este Máster de JavaScript aprenderás:
• Los principios de la programación con JavaScript desde cero y paso a paso, no necesitas ningún conocimiento previo.
• A programar con POO (programación Orientada a Objetos) creando código reutilizable y más simplificado.
• A crear recursos interactivos en Javascript con Programación Orientada a Objetos.
• HTML5 - CANVAS
• jQuery y sus plugins
• ECMAScript y TypeScript
• Desarrollar aplicaciones web SPA con Angular
• Desarrollar servicios y APIs RESTful con NodeJS, Express y MongoDB
• A desarrollar Aplicaciones Web con el sistema MEAN Stack
• Construir administradores de contenido con REACT usando la plantilla AdminLTE
• Conocer el MERN Stack
• Aumentar las posibilidades laborales como desarrollador
Este curso te enseñará todo lo que necesitas para ser un desarrollador full-stack (front-end y back-end), y estarás expuesto a enseñanzas muy prácticas con ejemplos de la vida real.
Al final de este curso, tendrás una comprensión profunda de JavaScript y por qué hoy en día es el lenguaje más popular de la web y en otros entornos de desarrollo, sabrás por qué JavaScript tiene ahora tanta demanda laboral y es tan importante para usuarios y empresas, y cómo se construyen aplicaciones web totalmente funcional y dinámicas utilizando las herramientas más eficaces disponibles.
¿CÓMO ES EL CURSO?
El curso se divide en varias secciones. En una primera sección haremos la introducción desde cero de JavaScript, no tienes que tener conocimientos previos en JavaScript, todo lo aprenderás acá.
En las siguientes secciones comenzaremos a construir paso a paso desde cero cada uno de los temas que nos darán la experticia en la materia de JavaScript, pasando por la Programación Orientada a Objetos, construyendo recursos interactivos y aplicando ejemplos de sitios web reales usando librerías y plugins.
En un siguiente nivel aprenderemos JavaScript moderno enteniendo que es el ECMAScript y TypeScript para la creación de Frameworks y entornos de trabajo del lado servidor.
En las últimas secciones nos concetraremos en construir un sitio web SPA con ANGULAR alimentando de datos traídos desde una API RESTFul construida con NodeJS y MongoDB, y dichos datos luego los gestionaremos desde un administrador de contenidos constuido en REACT.
MEAN Stack y MERN Stack en un solo curso.
¿CUÁNTO SE TARDA EN COMPLETAR EL CURSO?
Depende de ti. Estimo que menos de tres semanas puedes completar el curso, pero dependerá de tu ritmo de trabajo y de tu disponibilidad.
¿CUÁLES SON LOS REQUISITOS?
Descargar el material que se encuentra en los recursos de la primera clase de cada sección. Tener principios en HTML5 y CSS3, curso gratuito que puede realizar en UDEMY: "Aprende HTML5 y CSS3 desde cero".
Empieza hoy por solo $1 dólar
Accede a este curso y a toda la academia. Sin ataduras, cancela cuando quieras.
Plan Emprendedor
Luego $19.99 USD/mes · cancela cuando quieras
- Acceso ilimitado a este y todos los cursos
- Acceso ilimitado al Foro y la comunidad
- Gana dinero por permanencia*
- Gana dinero por recomendar la academia*
- Gana dinero por asesorar estudiantes*
- Monetiza tu conocimiento*
* Aplica términos y condiciones
Suscribirme por $1Pago seguro · Cancela cuando quieras
Otros CURSOS a los que tendrás acceso con la suscripción
Ellos ya dieron el paso y esto es lo que opinan
Conoce la experiencia de estudiantes que han aprendido conmigo y han valorado positivamente el contenido, la metodología y la claridad de las explicaciones.
Experiencias que hablan por sí solas
Estas opiniones provienen de estudiantes que han tomado el curso y comparten libremente su experiencia.
Conoce quién te acompañará
Hola, soy Juan Fernando Urrego
Quiero ser quien te acompañe paso a paso en este proceso de aprendizaje y ayudarte a transformar el conocimiento en habilidades reales que puedas aplicar en tus propios proyectos.
Diseñador Visual
Profesional en Diseño Visual y especializado en experiencias digitales.
Programador
Dedicado al desarrollo web, programación y creación de proyectos digitales reales.
Especialista en educación
Especialista en Administración de la Informática Educativa.
Fundador
Creador del portal educativo Tutoriales a tu Alcance.
Desde hace años me dedico de tiempo completo a la enseñanza del Desarrollo Web, la Programación y el Diseño Interactivo . Mi propósito es ayudar a más personas a adquirir habilidades digitales reales, desarrollar sus propios proyectos y aprovechar las oportunidades que ofrece el mundo de la tecnología.
Mi filosofía como instructor es sencilla:
No quiero que simplemente copies código. Quiero ayudarte a entender lo que estás haciendo, por qué funciona y cómo puedes utilizar ese conocimiento para crear tus propios proyectos.
Por eso, a lo largo del curso te acompañaré desde los conceptos fundamentales hasta la construcción de un proyecto completo y funcional, explicando cada proceso de una manera práctica, clara y progresiva.
Creo profundamente en el poder de Internet
Soy un convencido de que Internet representa una de las mayores oportunidades de nuestra generación para acceder al conocimiento, transformar la educación, emprender y prepararnos para los empleos del futuro.
Mi objetivo es ayudarte a convertir el conocimiento en una habilidad real que puedas aplicar en tus proyectos, en tu carrera profesional o en la creación de nuevas oportunidades.
No importa si todavía tienes mucho por aprender. Lo importante es comenzar, avanzar paso a paso y construir algo de lo que puedas sentirte orgulloso.
“Más que enseñarte a programar un proyecto, quiero ayudarte a desarrollar la confianza para crear los tuyos propios.”
Juan Fernando UrregoNo pagues por aprender. Que aprender te pague a ti.
Únete a la única academia donde tu constancia, tus recomendaciones y tu conocimiento se convierten en dinero.
Comienza por $1 ahora mismoEres el único que gana dinero mientras aprende
Ninguna otra academia te recompensa. Aquí tu conocimiento se convierte en ingresos reales.
Gana hasta $788 USDC por permanencia
Mientras más tiempo permaneces suscrito, más recompensas acumulas: hasta $788 USDC de retorno mensual.
Gana por recomendar
Invita a otros estudiantes a la academia y recibe recompensas más rápido por cada persona que aprende contigo.
Gana por asesorar
Ayuda a otros estudiantes con lo que aprendes y monetiza tu experiencia dentro de la comunidad.
Monetiza tu conocimiento
Convierte todo lo que dominas en una fuente de ingresos. Aprender nunca había sido tan rentable.
Preguntas frecuentes
Encuentra respuestas claras sobre el acceso a los cursos, la suscripción, la atención al estudiante y nuestro programa de recompensas.
Acceso inmediato
Comienza a estudiar después de confirmar tu suscripción.
Atención 24/7
Envía tus preguntas en cualquier momento.
Recompensas en USD
Recibe tus recompensas en dólares.
Cancela cuando quieras
Sin contratos de permanencia ni procesos complicados.
El acceso es inmediato. Una vez confirmada tu suscripción, podrás ingresar a la plataforma y comenzar a estudiar los cursos disponibles sin esperar aprobaciones manuales.
Sí. Puedes cancelar tu suscripción cuando lo decidas, sin contratos de permanencia ni procedimientos complicados.
Después de cancelar, conservarás el acceso hasta que termine el periodo que ya tienes pagado.
Podrás continuar utilizando la plataforma hasta la fecha de vencimiento de tu suscripción.
Al finalizar ese periodo, el acceso a los cursos y contenidos exclusivos quedará suspendido hasta que decidas reactivar tu cuenta.
Al suscribirte recibirás un enlace personal para recomendar Tutoriales a tu Alcance. Cada vez que una persona active su suscripción mediante tu enlace, será ubicada en una posición disponible dentro de tu estructura y podrás recibir recompensas mensuales según el nivel que ocupe y las condiciones vigentes del programa.
Además, tu estructura también puede crecer con estudiantes que lleguen de forma orgánica a la academia, por lo que podrás obtener recompensas por permanencia sin que sea obligatorio recomendar la plataforma.
Desde tu panel podrás consultar en todo momento tu estructura, tus referidos, los movimientos registrados y las recompensas acumuladas.
Las recompensas se pagan en dólares.
Para recibir el pago deberás seguir las instrucciones dentro de la Plataforma y cumplir las condiciones mínimas establecidas para recibir el dinero.
Sí. El programa está diseñado para que el potencial de tus recompensas pueda crecer a medida que aumente tu comunidad de referidos y existan más suscripciones activas relacionadas con tu red.
No. El programa de recompensas está incluido dentro de tu suscripción.
No necesitas comprar paquetes adicionales para obtener tu enlace personal y comenzar a recomendar la plataforma o ganar recompensas por permanencia.
Sí. Contamos con un canal de atención disponible 24 horas al día, los 7 días de la semana, para que puedas enviar tus preguntas, reportar inconvenientes o solicitar orientación.
Las solicitudes son revisadas según el orden de llegada y la complejidad de cada caso.
Sí. Dependiendo del curso, encontrarás recursos como códigos fuente, archivos de práctica, documentos, plantillas, bases de datos, ejercicios y otros materiales complementarios.
Los archivos autorizados para descarga estarán claramente identificados dentro de cada clase.
Los videos están disponibles para reproducción dentro de la plataforma y no se encuentran habilitados para descarga.
Sí podrás descargar los códigos fuente, documentos y recursos que el instructor haya dispuesto como material de apoyo.
Sí. Puedes ingresar desde computadores, tabletas y teléfonos móviles que tengan una conexión estable a Internet.
La plataforma cuenta con un diseño adaptable para que puedas continuar tu aprendizaje desde diferentes dispositivos.
No necesariamente. Encontrarás contenidos para diferentes niveles de experiencia.
En la descripción de cada curso podrás consultar los conocimientos previos recomendados y determinar si el programa es adecuado para ti.
Sí. No existen horarios obligatorios. Puedes estudiar cuando tengas disponibilidad, repetir las clases y avanzar de acuerdo con tu propio ritmo.
Tendrás acceso a los contenidos incluidos en tu plan mientras tu suscripción permanezca activa.
Nuestro propósito es mantener los contenidos vigentes y agregar actualizaciones cuando las tecnologías, herramientas o procedimientos presenten cambios importantes.
Las actualizaciones pueden publicarse como nuevas clases, recursos complementarios o nuevas versiones del curso.
Sí. Continuaremos incorporando nuevos cursos, clases y recursos para ampliar las posibilidades de aprendizaje de nuestros estudiantes.
Mientras tengas una suscripción activa, podrás acceder a los nuevos contenidos que estén incluidos dentro de tu plan.
No. La suscripción es personal e intransferible. Compartir las credenciales puede comprometer la seguridad de tu información y ocasionar la suspensión de la cuenta.
Utilizamos medidas de seguridad y proveedores especializados para procesar los pagos y proteger la información de los usuarios.
Los datos sensibles de las tarjetas son gestionados directamente por el proveedor de pagos correspondiente.
Sí. Puedes reactivar tu suscripción cuando quieras utilizando nuevamente tu cuenta registrada.
Una vez confirmado el nuevo pago, recuperarás el acceso a los contenidos disponibles en el plan seleccionado. Y comenzarás de nuevo una nueva comunidad y red de recompensas.
No. El propósito principal de la suscripción es darte acceso a contenidos educativos, herramientas y recursos de aprendizaje.
El programa de recompensas es un beneficio adicional, pero sus resultados dependen de las recomendaciones, las suscripciones activas y el cumplimiento de sus condiciones.
Dentro de la plataforma podrás consultar las reglas, porcentajes, requisitos, fechas de corte, condiciones de pago y demás disposiciones relacionadas con el programa de recompensas.
Te recomendamos leer estas condiciones antes de comenzar a promocionar tu enlace personal.
¿Todavía tienes alguna pregunta?
Nuestro equipo está disponible para ayudarte a tomar la mejor decisión.
Hablar con atención al estudiante