Master en Frameworks JavaScript: Aprende Angular, React, Vue

Aprende desarrollo web con los frameworks para JavaScript más potentes. Aprenderás Angular, React JS, Vue.js, Node y +

4.52 (4195 reviews)
Udemy
platform
Español
language
Web Development
category
instructor
Master en Frameworks JavaScript: Aprende Angular, React, Vue
18,588
students
28 hours
content
Jan 2024
last update
$79.99
regular price

What you will learn

Dominar Angular

Dominar React

Dominar Vue

Aprender NodeJS

Maquetación de sitios web

Nociones en bases de datos con MongoDB

Aprender programación orientada a objetos en JavaScript

Conocer el MEAN Stack

Conocer el MERN Stack

Conocer el MEVN Stack

Desarrollar aplicaciones web SPA

Desarrollo front y back-end

Reforzar el conocimiento de JavaScript y buenas prácticas

Desarrollar servicios y APIs RESTful con NodeJS, Express y MongoDB

Aprender a programar con ReactJS

Aprender a programar con Angular

Aprender a programar con VueJS

Aprender desarrollo web con los frameworks para JavaScript más importantes

Desarrollo back-end con JavaScript

Mejorar la capacidad de adaptación a otros frameworks JavaScript

Crear aplicaciones web modernas con JavaScript, Angular, React y Vue

Aumentar las posibilidades laborales como desarrollador

Mejorar tu perfil de programar

Posibilidad de optar a mejores puestos de trabajo bien remunerados

¡Y mucho más!

Why take this course?

Bienvenido al Máster en frameworks para JavaScript, en el que aprenderemos todo lo necesario para dominar Angular, React y Vue, los frameworks más populares, con más demanda laboral y más proyección de futuro.

Este no es un curso cualquiera, estás ante un máster completo de decenas de horas de contenido único y exclusivo.

Aprenderemos a trabajar con:

  • JavaScript moderno, el lenguaje de programación más popular en la actualidad.

  • Maquetación web profesional, desarrollando varios proyectos web con HTML 5 y CSS3 paso a paso.

  • Responsive web design, haciendo que cualquier web se adapte a cualquier dispositivo móvil o pantalla.

  • Angular, el framework para JavaScript, impulsado por Google, más completo para desarrollar aplicaciones web SPA, dinámicas, modernas y escalables.

  • React, la librería para JavaScript, impulsada por Facebook, más popular para desarrollar interfaces de usuario y aplicaciones instantáneas y reactivas en el front-end.

  • Vue.js, el framework progresivo de JavaScript, mantenido por la comunidad, más ligero y versátil para crear aplicaciones web de una sola página e interfaces web interactivas fácilmente.

  • Node.js, plataforma que nos permite hacer desarrollos back-end usando únicamente JavaScript

  • Express, framework para desarrollo de APIs RESTful con Node.

  • MongoDB, la base de datos NoSQL más popular.

  • MEAN, MERN, MEVN Stack, desarrollo web completo con los stacks de desarrollo más buscados.

  • Habilidades de front-end profesional, haciendo cientos de prácticas y varios proyectos.

Si quieres ser desarrollador front-end o full-stack, o incluso si ya te dedicas al desarrollo web, aprender a trabajar con estas tecnologías y frameworks es muy importante y te abrirá un mundo nuevo de posibilidades.

La metodología de aprendizaje es la ideal:

  • Todo explicado desde cero y paso a paso.

  • Decenas de horas de contenido en clases en vídeo.

  • Cientos de prácticas y ejercicios.

  • Más de 257 clases bien explicadas.

  • Varios proyectos poniendo en práctica todo lo aprendido.

  • Orden lógico y progresivo, diseñado para interiorizar todos los conocimientos tanto si sabes programar como si no.

  • Además te estaré ayudando cuando tengas cualquier duda o problema.

Al finalizar el curso:

  • Sabrás desarrollo web y programación de aplicaciones web SPA (Single Page Application).

  • Dominarás todos los frameworks para JavaScript más importantes (Angular, ReactJS y VueJS) para desarrollar proyectos o aplicarlos a proyectos ya existentes.

Durante las más de 26 horas del curso verás como desarrollar varias webs y haremos practicarás con todo lo que enseñamos.

Trataremos todos los temas paso a paso y poco a poco hasta conseguir un buen nivel en desarrollo web con JavaScript, TypeScript, Angular, React.js, Vue, NodeJS, MEAN Stack, MERN Stack, MEVN Stack, etc.

Para aprovechar al 100% el curso te recomendamos tener conocimientos básicos en HTML, CSS y JS, aún así dentro del curso haremos un repaso de todo y maquetaremos varias webs para afianzar estos conocimientos.

Si quieres aprender desarrollo front-end moderno con JavaScript sin dolor, practicando poco a poco con las tecnologías y frameworks más potentes y solicitadas en el mercado, subir de nivel en el desarrollo web y aumentar tus oportunidades laborales ¡Este es tu MASTER!

Échale un vistazo al programa del curso para ver todos temas que aprenderás.

Únete al curso y sube de nivel: ¡¡ Se un Máster en Frameworks para JavaScript !!

Content

Introducción al Master en Frameworks para JavaScript

Introducción al Master en Frameworks para JavaScript: Angular, React y Vue JS
CURSO 100% MODULAR (IMPORTANTE)

HTML (Repaso opcional) - Aprender a crear páginas webs desde cero

HTML - Introducción a esta sección - ¿Que aprenderás?
¿Que es HTML?
¿Que son las etiquetas y como funcionan en HTML?
Crear la estructura básica de una página web HTML
Etiquetas para textos
Crear listas ordenadas y desordenadas
Insertar imágenes en una página web con HTML
Como crear tablas en una web
Crear formularios en un sitio web con HTML
Proyecto completo (Crear una web desde cero con HTML)
Crear varias páginas dentro del sitio web
Enlaces y navegación con HTML

JavaScript (Repaso opcional) - Aprender a programar desde cero con JS

JavaScript - Introducción a esta sección - ¿Que aprenderás?
Preparar el entorno de desarrollo para trabajar con los frameworks para JS
Introducción al repaso de JavaScript
Repaso general de JavaScript
Objetos de JavaScript literales - JSON
Promesas
Clases
Herencia
Profundizar en el aprendizaje de JavaScript

Maquetación web con HTML 5 y CSS 3 - Aprender a crear webs con diseño atractivo

Maquetar webs con HTML y CSS - Introducción a esta sección - ¿Que aprenderás?
¿Que vamos a maquetar?
Introducción a la maquetación de sitios web
Estructura básica HTML para el sitio web
HTML para la cabecera y la barra de navegación
CSS para la cabecera y la navbar
Cambiar las fuentes y el tipo de letra con CSS 3
CSS del menú de navegación
Animaciones con CSS3
HTML y CSS para el Slider o Marquesina de la web. Primera parte
Montando el Slider. Segunda parte
Marquesina pequeña según la sección con CSS
HTML de la barra lateral y del contenido central
Maquetando con CSS el sidebar y la caja de contenido central
CSS para el formulario de busqueda y los botones de la web
Maquetando el footer
Listado de artículos con HTML, CSS y JavaScript
Mejoras en el listado de la página principal
CSS del listado de articulos
Página de detalle de los artículos
Formularios con HTML5
Dando estilo a los formularios con CSS3
Enlaces con HTML

Responsive Web Design - Aprender a adaptar webs para smartphones y tablets

Responsive y webs adaptables - Introducción a esta sección - ¿Que aprenderás?
Primeros pasos con el diseño web adaptable (css3)
Responsive de la web paso a paso
Adaptando la maquetación para el proyecto de Angular
Adaptación de HTML y CSS para el proyecto de Angular
Mejorando el responsive de la web
Adaptando la maquetación para el proyecto de VueJS
Viewport para mejorar el Responsive
Maquetación web y Responsive Web Desing con HTML 5 y CSS3 terminada con éxito

MongoDB - Aprender lo más importante de NoSQL y MongoDB

MongoDB y bases de datos no relacionales - Introducción - ¿Que aprenderás?
Teoria de Mongo y NoSQL
Instalar MongoDB desde cero y paso a paso
Instalación de MongoDB en Mac OSX
Crear bases de datos, colecciones y documentos en Mongo db
Administrador visual de MongoDB (GUI para Mongo)

NodeJS - Aprender a crear un backend con JavaScript y Node.js desde cero

NodeJS - Introducción a esta sección - ¿Que aprenderás?
Instalando NodeJS desde cero
Como crear un proyecto en Node.js
Instalar dependencias en el proyecto de Node para desarrollar un back-end Rest
Liberia de validación de datos para NodeJS
Conectar NodeJS con MongoDB
Como crear un servidor con Node
Trabajando con un cliente RESTful
Arquitectura de la aplicación web (back-end)
Crear modelos
Controladores y rutas en NodeJS
Acción para guardar artículos y validación de datos
Guardar artículos en la base de datos
Método que devuelve todos los artículos de la base de datos
Sacar últimos articulos
Devolver un solo artículo
Método para actualizar articulos
Acción para eliminar artículos
Subida de archivos con NodeJS
Subir archivos con Node. Segunda parte
Método para sacar una imagen
Acción para buscar artículos en el API REST (buscador nodejs)
Configurar el CORS en el API RESTful de NodeJS
Backend con Node y Mongo finalizado con éxito (API REST completa)

Angular 8 - Aprender a crear aplicaciones web modernas con Angular desde cero

Angular - Introducción a esta sección - ¿Que aprenderás?
¿Que es Angular y para que sirve?
Conceptos teóricos de Angular

Instalación y primeros pasos - Angular

Instalar Angular paso a paso
Pantalla de bienvenida de Angular
Estructura de un proyecto de Angular moderno

Componentes - Angular

Analizando un componente
Crear componentes
Vista separada del componente
Multiples componentes en Angular
Hooks
De maquetación a componentes de Angular
Cargar estilos CSS en Angular CLI
Cabecera de la web
Slider y Sidebar
Pie de página

Routing y navegación - Angular

Router de Angular (Routing / Rutas)
Página de error 404 en Angular
Menú de navegación en la aplicación web
Elementos del menú activos
Parámetros por la URL en Angular
Redirecciones en Angular

Directivas - Angular

Directivas ngIf y ngFor
Directivas ngStyle y ngClass
ngTemplate

Comunicación entre componentes - Angular

Modelos en Angular
Propiedad Input (Comunicación entre componentes en Angular)
Marquesina con texto variable
Slider pequeño
Separar en componentes
Output (Comunicación de hijo a padre en Angular)

Pipes y filtros - Angular

Pipes
Crear pipes personalizadas

Formularios y validación - Angular

Formularios en Angular
Validar formularios en Angular
Eventos con Angular

Servicios y HTTP - Angular

Debes arrancar MongoDB y el API REST con NodeJS
Servicios en Angular
Crear modelo y servicio de articulos
Peticiones HTTP
Mostrar el listado de artículos

Proyecto completo con Angular desde cero y paso a paso

Componente de articulos y propiedad input
Formatear fechas en la vista (hace x tiempo) con moment
Efecto de carga en Angular
Últimos artículos
Componente y página de detalle del artículo
Mostrar datos del artículo en su página individual
Buscador en Angular. Parte 1
Buscador con Angular. Parte 2
Formulario de busqueda
Página de creación de un artículo
Formulario para crear articulos
Guardar artículos haciendo peticiones http al backend
Subir imágenes con Angular
Preparar servicio de Angular
Editar artículos del blog
Eliminar articulos
Alertas visuales en Angular
Mejoras en las alertas

Angular 8 y Angular 9

Angular 9: Novedades, instalación y actualización

ReactJS - Aprender a desarrollar webapps dinámicas con React paso a paso

React - Introducción a esta sección - ¿Que aprenderás?

Instalación y primeros pasos - React

Instalar ReactJS
Estructura de un proyecto de React
Hola Mundo con React.js + Primeros pasos con JSX

Componentes - React

¿Que es un componente?
Como crear componentes en React
Más acerca de los componentes
Multiples componentes en React
Componente Header para la interfaz de la web
Crear componente para el Slider
Componente para la barra lateral de la web
Componente del pie de página
Componente de pruebas del sitio web

Estado, props y JSX - React

El estado de los componentes (React State)
Definir métodos alternativos
Props en React
Listar y recorrer un array de objetos en React.js
Componente hijo con Props
Modificar Estado de los componentes
Comunicación de componente hijo a padre
Métodos del ciclo de vida
Condicionales en JSX

Routing y navegación - React

Configuración de rutas en React (Routing - React Router)
Ruta 404
Crear rutas sin componentes
Parámetros en la URL
Menú de navegación para la aplicación web con React.js
Rutas activas en React
Rutas reales con el router de ReactJS
Ruta para el blog

Formularios y eventos - React

Creando las páginas del proyecto web
Formularios en ReactJS
Más acerca de los formularios de React
OnChange en React

HTTP y peticiones asíncronas - React

Debes arrancar MongoDB y el API REST con Node
Introducción a HTTP y peticiones asíncronas con ReactJS
Crear componente de articulos
Petición HTTP por Get con React
Efecto de carga en React.js

Proyecto completo con React desde cero y paso a paso

Mostrar el listado de artículos
Mostrar imágenes de los articulos
Mostrar fechas en formato "Hace cuanto" "Hace X dias"
Links y Enlaces con ReactJS
Mostrar los últimos artículos en la home
Componente del buscador (buscador react)
Formulario de busqueda
Crear el componente de la página individual de los articulos
Página del artículo
Detalle del artículo
Página de creación de artículos
Formulario para crear posts
Recoger datos del formulario de creación
Guardar nuevos artículos desde React
Solución de errores y avisos en ReactJS
Subir imágenes con React
Validar formularios en ReactJS
Alertas visuales
Funcionalidad de eliminar artículos en el frontend
Edición de artículos

VueJS - Aprender desarrollo web con Vue desde cero hasta crear una webapp

Vue - Introducción a esta sección - ¿Que aprenderás?

Instalación y primeros pasos - Vue JS

Instalar Vue
Estructura de un proyecto de Vue.js
Hola Mundo con VueJS

Componentes - Vue JS

Como crear un componente en Vue
Importar estilos CSS en el proyecto de Vue.js
Multiples compnentes en Vue + Cabecera de la web
Crear componente del slider / marquesina
Componente de la barra lateral y últimos artículos
Componente para el pie de página

Routing y navegación - Vue JS

Configurar Vue Router (Routing y sistema de rutas en vue.js)
Menú de navegación en Vue
Recoger parámetros de la url
Hooks en Vue
Página de error 404 en VueJS
Items del menú activos
Redirecciones con el Vue Router
Quitar avisos de console

Vistas y directivas - Vue

Reactividad en Vue.js 2
Directivas condicionales (v-if en Vue)
Directivas iterativas (v-for en Vuejs)
Recorrer array de objetos y mostrarlo en la vista con Vue.js
Binding Condicional en Vue

Comunicación entre componentes - Vue

Props y separar componentes
Marquesina independiente
Datos variables con props input (Comunicación entre componentes de padre a hijo)
Props output (Comunicación entre componentes de hijo a padre)

Propiedades computas y filtros - Vue.js

Propiedades computadas
Filtros en Vue.js

Formularios y validación - Vue

Formularios en VueJS
Validar formularios en Vue

HTTP y peticiones asíncronas - Vue JS

Debes arrancar MongoDB y el API REST con Node.js
Como hacer una petición HTTP con Vue.js
Listado de artículos desde el API RESTful
URL global
Componente de artículos abstraido

Proyecto completo con Vue JS desde cero y paso a paso

Últimos artículos
Efecto cargando en Vue
Formatear fechas en Vue.js con vuemoment
Buscador en Vue.js. Primera parte
Buscador en VueJS. Segunda parte
Buscador con Vue. Tercera parte
Página de detalle de los artículos
Página de crear artículo
Crear modelo de artículos
Crear formulario de creación
Vincular formulario con el objeto basado en el modelo
Guardar los datos en el backend
Validación de formulario
Subida de imágenes con Vue
Separar templates en archivos independientes
Alertas en Vue
Botones de edición y borrado
Página de edición
Editar los artículos
Eliminar artículos

BONUS - Despedida y sorpresas

Agradecimientos
BONUS - Despedida y sorpresas extra

Screenshots

Master en Frameworks JavaScript: Aprende Angular, React, Vue - Screenshot_01Master en Frameworks JavaScript: Aprende Angular, React, Vue - Screenshot_02Master en Frameworks JavaScript: Aprende Angular, React, Vue - Screenshot_03Master en Frameworks JavaScript: Aprende Angular, React, Vue - Screenshot_04

Reviews

Alicia
October 6, 2023
Me parece un curso muy completo y el profesor explica muy bien. Espero que me sirva como complemento a mi aprendizaje.
Adrian
August 12, 2023
Es un buen curso, pero esta desactualizado. Varias de las partes han cambiado bastante. Lo recomiendo porque esta muy bien explicado, solo que advierto que van a tener que entender la manera del curso y comprender el porque se actualizó.
Joana
August 6, 2023
Me gusto este curso, le hubiera dado 5 estrellas pero en la mayoría de videos de react el profeso re trababa y volvía a hacer todo demasiadas veces lo cual me confundía mucho !
Àlex
July 30, 2023
El curso está bien, pero la verdad que hay bastantes cosas desactualizadas. La gran mayoría de errores se solucionan rápido en el apartado de PyR, pero puede llegar a ser pesado, además de que se usan cosas que no dan error, pero están desactualizadas. Obvio que es difícil mantener actualizado el curso, pero se aprende.
David
June 30, 2023
El curso fue buena elección, si es cierto que esta un poco obsoleto a la actualidad pero con los comentarios y un poco más de tiempo sale casi todo. Angular tuvo pequeñas dificultades por lo dicho, React un poco más que Angular, y Vue fue como la seda. Gran profesor explicando, en general me voy del curso satisfecho :)
Alfredo
June 28, 2023
Se puede seguir el curso, si tienes el tiempo extra a disposición para hacer los ajustes y correcciones necesarios a causa de lo muy desactualizado que esta. revisando cada 2x3 la sección de preguntas para ver si alguien ya comento una posible solución al problema con el que te encontraste, si Víctor publico en la sección de comentarios un enlace a su blog privado con la solución al problema de su propio curso, o otra vez toca buscar en otros recursos externos y ser quien deja el comentario con la respuesta.
Monica
June 9, 2023
Excelente explicación y aunque hay nuevas formas de implementar, siempre encuentro apoyo en la sección de preguntas y respuestas.
Jorge
May 31, 2023
El curso es muy amplio, toca todo lo basico que necesita saber un desarrollador junior que quiera trabajar con Javascript y muchos de sus frameworks. El unico inconveniente es que a dia de hoy en 2023 muchas de las clases se han quedado un poco desactualizadas. Animo a que se actualice y se mejore con el tiempo.
Jose
May 31, 2023
En general el curso está bien para añadir conceptos de los Frameworks, pero presenta varios problemas: usa el javascript y el css de forma antigua, hace poco hice un curso de javascript y el uso de var debería dar paso a let y a const siempre que se pueda. De hecho yo en mi código siguiendo el curso lo he hecho siempre de esta manera para evitar los problemas de seguridad que conlleva el uso de var. Lo mismo pasa con algunas funciones como suscribe que ya no se formulan con 2 funciones de flecha como parámetros, en caso de hacerlo sale que está deprecated. Yo no estoy pudiendo cumplir con mi objetivo de aprender de forma rápida lo necesario de estos frameworks porque estoy dedicando mucho tiempo a corregir cosas que ya no funcionan así, algunas que son por corrección y otras por obsoletas. Yo entiendo lo complicado que es tener actualizado un curso de este tamaño en el tiempo y por eso considero que es merecedor de más del aprobado, pero no es lo que esperaba encontrar. Le falta poder ser fluido, sin tener que preocuparnos por versiones ni cosas que ya no funcionan. Si el autor le dedicara una revisión y actualización a las versiones actuales el curso sería muy completo.
Francisco
May 8, 2023
Lo explica bien, sin embargo aplica estilos de una manera obsoleta. Casi nunca usaría márgenes negativos para colocar un elemento en css. Llevamos varios videos de maquetación y no se ha mencionado nada de display.flex, algo lo cual pienso que es fundamental para colocar elementos. Pienso que podría mejorarse mucho.
Sebastián
April 15, 2023
Partí viendo la edición corta del curso inicial de react y cuando lo terminé, quise venir a comprar de inmediato este para poder seguir viendolo. Muchas gracias por la explicación tan bien desarrollada
Luis
March 29, 2023
GENERAL. El Curso en general es bueno, me ha gustado bastante, para aprender los fundamentos y como trabajar con las tecnologias está super interesante: Se parte desde lo mas basico, html, css, maqutacion. Tambien se hizo el Backend usando NodeJs. Punto extra por esa parte. Muy bueno. REACT: El Curso es bueno, aunque hay algunos puntos que con React estan quedando obsoletos. Sería bonito si se actualizaran, como por ejemplo el manejo de rutas en. la Librería react-router-dom, pasó de la version 5 a la 6 y hay muchas cosas que ya no funcionan con los componentes de clase. Recomiendan usar solo componentes funcionales. Haber profundizado mas en los Hooks y hacer Custom Hooks.
Heriberto
March 11, 2023
La tecnología que enseña esta bastante desactualizada, utiliza estructuras y metodos que la misma documentacion oficial de los framework dicen evitar, algunas explicaciones quedan un poco en el aire ya que nunca se profundiza lo suficiente, esta bien para entender un poco por encima el funcionamiento de cada framework y en caso de que te encontraras con un proyecto que no avanzo de versiones probablemente te venga bien, pero en el mercado no suele ser el caso.
Jonathan
January 24, 2023
It goes over my expectations; the knowledge of the framework, the capacity to explain, and the sequence built to develop the app are outstanding! The price is worth it! No regrets.
Julieta
January 6, 2023
Muy buen Master, Instructor muy practico, va de cero a experto, especial para personas que desean programar. recomendado al 100

Coupons

DateDiscountStatus
5/2/202094% OFF
expired
9/4/202095% OFF
expired
9/10/202094% OFF
expired
9/19/202095% OFF
expired
10/31/202094% OFF
expired
11/15/202092% OFF
expired
12/23/202095% OFF
expired
1/8/202194% OFF
expired
2/3/202194% OFF
expired
2/24/202194% OFF
expired
3/14/202195% OFF
expired
4/12/202194% OFF
expired
4/21/202195% OFF
expired
4/29/202194% OFF
expired
5/13/202195% OFF
expired
6/10/202195% OFF
expired
6/16/202195% OFF
expired
6/21/202194% OFF
expired
9/7/202194% OFF
expired
10/14/202285% OFF
expired

Charts

Price

Master en Frameworks JavaScript: Aprende Angular, React, Vue - Price chart

Rating

Master en Frameworks JavaScript: Aprende Angular, React, Vue - Ratings chart

Enrollment distribution

Master en Frameworks JavaScript: Aprende Angular, React, Vue - Distribution chart
1719364
udemy ID
5/29/2018
course created date
10/29/2019
course indexed date
Bot
course submited by