Udemy

Platform

Español

Language

Web Development

Category

Desarrollo web con JavaScript, Angular, NodeJS y MongoDB

Aprende a desarrollar una webapp como Spotify usando el MEAN Stack (Node, Mongo, Express, JWT, Angular 7, 8, 9, 10 y 11)

4.37 (2329 reviews)

9057

Students

17 hours

Content

Jan 2021

Last Update
$94.99
Regular Price


What you will learn

Desarrollar aplicaciones web con el MEAN Stack 2.0

Dominar Angular

Crear APIs RESTful con NodeJS

Crear webapps SPA con Angular

Hacer desarrollos full-stack completos

Usar JWT para hacer sistemas de login

Aumentar las posibilidades laborales como programador


Description

Bienvenido al curso Desarrollo web con JavaScript, Angular, NodeJS y MongoDB. Vas a aprender paso a paso como desarrollar servicios y APIs REST con NodeJS, Express, MongoDB, JWT y como crear aplicaciones web front-end complejas con la nueva versión de AngularJS (Angular 2, 4, 5, 6, 7, 8, 9, 10 y 11).  

En resumen vamos a aprender a hacer un desarrollo fullstack con el MEAN Stack 2.0, creando paso a paso una aplicación web similar a Spotify.

  • NodeJS es una tecnología que nos permite hacer desarrollos back-end usando únicamente JavaScript.

  • MongoDB es la base de datos NoSQL líder. Nos permite trabajar con documentos JSON binarios (BSON) en lugar de utilizar un sistema clásico de tablas y relaciones, lo cual hace que Mongo sea muy veloz.

  • Angular se está convirtiendo en el framework para JavaScript estándar para desarrollar aplicaciones web modernas y escalables en el lado del cliente basadas en la filosofía SPA.

Si quieres ser desarrollador front-end, back-end o full-stack, o incluso si ya te dedicas al desarrollo web, es casi obligatorio aprender a trabajar con estas tecnologías y frameworks.

El curso está divido en dos partes:

  1. En la primera parte nos dedicaremos al backend (servidor) y desarrollaremos un servicio o API REST con NodeJS.  Un API REST es un servicio que puede usarse desde cualquier dispositivo que entienda el protocolo HTTP, además interactúa directamente con la base de datos. Por ejemplo, las aplicaciones de smartphones interactúan con el servidor a través de un API RESTful.

  2. En la segunda parte nos centraremos en el frontend (cliente) y desarrollaremos una aplicación web de tipo SPA con Angular.  Una web SPA es una aplicación de una sola página en la que la carga de datos es asíncrona y la página no se recarga en casi ningún momento, pese a cambiar de ruta o url para navegar entre las secciones de la aplicación, es una nueva tendencia en el desarrollo web.

Al finalizar el curso serás capaz de desarrollar tus propias aplicaciones web con NodeJS, Express, Mongo DB, JWT y Angular.

Durante las más de 15 horas del curso verás como desarrollar una plataforma web tipo Spotify paso a paso.

En esta aplicación podremos identificarnos mediante un formulario de login, registrarnos en la plataforma, modificar los datos de nuestro usuario, subir una imagen de perfil, crear, editar y subir artistas, álbumes y artistas a la web, tendremos un listado paginado de los artistas de la plataforma, catálogo de álbumes, player de canciones y mucho más.

Abordaremos el desarrollo backend de esta aplicación partiendo desde cero, empezando por el diseño y creación de la base de datos, el servicio REST, servicios, controladores, autenticación basada en tokens con JWT (JSON Web Tokens), interacción con la base de datos con Mongoose, CRUD de usuarios, artistas, álbumes y videos en NodeJS.

Continuaremos programando la parte del cliente con Angular, desde la creación de los componentes necesarios, uso de rutas y servicios, consumo de servicios REST (mediante un API Rest programada en con Node y ExpressJS) con el componente HTTP de Angular, trabajo con el LocalStorage, hasta la creación y validación de formularios, entre otras cosas.

Trataremos todos los temas paso a paso y poco a poco hasta construir una aplicación web completa de vídeos tipo Spotify, pese a esto, para aprovechar al 100% el curso te recomendamos tener conocimientos en HTML, CSS  y JavaScript y además tener unas nociones básicas en el MEAN Stack.

A parte de esto, en los cursos de Víctor Robles conseguirás soporte, apoyo y ayuda muy rápida para que puedas conseguir tus objetivos y resolver tus dudas.

Si quieres aprender desarrollo full-stack moderno con JavaScript sin dolor, practicando poco a poco con las tecnologías y frameworks más actuales, subir de nivel en el desarrollo web con NodeJS y Angular y aumentar tus oportunidades laborales ¡Este es tu curso!

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

Únete al curso y sube de nivel: ¡¡ Aprende Desarrollo web con JavaScript, Angular, NodeJS y MongoDB !!


Screenshots

Desarrollo web con JavaScript, Angular, NodeJS y MongoDB
Desarrollo web con JavaScript, Angular, NodeJS y MongoDB
Desarrollo web con JavaScript, Angular, NodeJS y MongoDB
Desarrollo web con JavaScript, Angular, NodeJS y MongoDB

Content

Introducción

Introducción al curso

¿Que vamos a desarrollar en el curso? - Mini Spotify

El entorno de desarrollo y primeros pasos

Instalar NodeJS

Instalar MongoDB

Diseño de la base de datos

Instalar terminal de comandos

Crear el proyecto

Crear alias en la terminal

Empezando a desarrollar el API RESTful con NodeJS (back-end)

Instalar dependencias

Como desinstalar una dependencia

Crear la base de datos

Conexión a la base de datos

Crear el servidor web

El modelo de usuario

Crear los modelos

Quitar aviso de Mongoose Promise de la consola

Controlador de usuarios y login con tokens (JWT)

Crear controlador de usuarios, acción y ruta

Acción de registro de usuarios

Método para el login

Crear servicio para JWT

Middleware de autenticación (JWT)

Actualizar un usuario

Subir el avatar del usuario

Conseguir la imagen del usuario

Controlador de Artista

Crear el controlador y las rutas

Crear un artista

Conseguir un artista

Listado de artistas paginado

Actualizar artistas

Eliminar un artista

Métodos las imágenes del artista

Controlador de Album

Controlador y conseguir un album

Guardar un album

Devolver un album

Mostrar albums

Actualizar albums

Borrar albums

Métodos para las imágenes de albums

Controlador de Canción

Controlador de canciones y rutas

Acción para crear canciones dentro de un album

Conseguir una canción

Listar canciones

Actualizar canciones

Eliminar una canción

Subir ficheros de audio

Configuraciones finales del backend (NodeJS, Express, MongoDB, JWT)

Configurar cabeceras (CORS)

Devolver la imagen recién subida del usuario

Empezando a desarrollar el frontend SPA con Angular

Directorios del proyecto

Angular CLI

Instalar Angular

Incluir assets, Bootstrap y jQuery

Crear modelos de datos

Componente principal y vistas

Login y registro en el frontend

Crear formularios de login y registro

Two-way data binding en formularios

Crear servicios

Operator map

rxjs/Observable

Método login en el servicio de usuarios

Llamadas al servicio para identificar al usuario

Persistir el login con localStorage

Cerrar sesión en el cliente

Formulario y recepción de datos para el registro

Métodos en el servicio y registrar usuarios

Mejoras en el logueo

Configuración del usuario

Método para actualizar el usuario en el servicio

Componente para la sección de mis datos

Crear menú de navegación

Configurar el routing

Formulario de actualización del usuario

Actualizar los datos usuario

Adaptar formulario para subir imágenes

Subir el avatar del usuario

Actualizar imágenes de usario

Maquetar barra lateral

Los artistas

Componente para el listado de artistas

Marcar elementos del menú con Angular 2

Mostrar el botón de añadir artista

Página Home

Componente y formulario de añadir artista

Servicio para Artistas

Crear artista

Componente para editar artista

Métodos en el servicio de artista

Ruta y cargar datos en el formulario de editar artistas

Editar los datos del artista

Subir imagen del artista

Restringir acceso

Listar artistas

Mostrar más datos de los artistas

Maquetación del listado de artistas

Detalle del artista

Estilos para el detalle del artista

Eliminar artista

Los albums

Componente para crear albums

Formulario de creación de albums

Guardar un nuevo album

Componente para editar albums

Editar el album

Proceso de crear album

Peticón Get albums

Listado y maquetación de albums

Mejorando la edición del artista

Eliminar un album

Componente para el detalle del album

Mostrar el detalle del album

Las canciones

Componente para añadir canciones

Formulario de crear canciones

Guardar una canción

Editar canciones

Proceso de creación de un tema

Terminar el servicio de canciones

Listar canciones del álbum

Estilos CSS para el listado de canciones

Borrar canciones

El player (reproductor de canciones)

Componente para el player

Estilos CSS del reproductor

Mejoras estéticas

Reproducir canciones

Persistir el player

Código desarrollado durante el curso

EXTRA - Soluciones, Upgrades y migraciones de Angular

Instalación de Angular en su última versión

Solución al error Vulnerabilities de NPM y Node

Novedades en la estructura de ficheros y directorios

Migrar un proyecto de Angular a la ultima versión

Soluciones a problemas con Rxjs y Observable de Angular

Angular 7

Angular 8

Angular 9

Angular 9

BONUS - Despedida y regalos

BONUS - Despedida y sorpresas extra



Reviews

J
Jaime17 September 2020

Es un buen curso, sobretodo si no vienes con conocimientos basicos de node y angular. Si ya tienes un poco de recorrido en estas tecnlogias esta bien, pero se echan en faltan aspectos un poco mas profundos

J
Juan11 September 2020

Está muy bueno para empezar e intermedio. Sería bueno darle una pequeña actualización a la parte de dependencias.

L
Luis12 August 2020

Es fácil perderse y no encontrar donde tienes el fallo, debería haber partes de código escritas para encontrar errores por secciones y no tener que esperar al final para saber donde tienes un fallo, porque sino es fácil que te atasques y no puedas continuar.

A
Alexi28 July 2020

Muy bueno el curso.. sobretodo por lo practico que es... vas revisando y corrigiendo lo errores en la medida que avanza. Destaco que se ven todas la partes o capas para lograr ir desde una interfaz de usuario hasta una BBDD.

F
Francisco28 June 2020

Es ideal para empezar y aprender sobre el Stack MEAN, sin embargo, peca de mala estructura, falta de lenguaje en inglés, malas prácticas de codificación. Siendo objetivos, entra para aprender a ser programador, no desarrollador.

M
Maikol27 January 2020

Me gusto el curso aprendí lo básico, pero siento que falto mas explicación acerca de algunos términos, pero es aceptable

J
José18 January 2020

Me gusto demasiado el curso, para crear un spotify con la tecnología de ANGULAR, algo nuevo para mi, ademas de también ver como hacer una base de datos no relacional, relacional y consumir su API Maestro enseña rápido y conciso.

M
Miguel6 January 2020

Fue una buena experiencia ,pensé que me tomaría menos tiempo terminarlo , pero sin embargo lo pude terminar , me quede con ese gusto de seguir aprendiendo

P
Paula12 November 2019

Ando con este curso porque me lo dieron en la facu >_< la verdad que cambiaron un montón de cosas en angular 8 y tenia que estar haciendo corresponder cosas todo el tiempo, pero esa es la vida del programador. como extra también lo hice en ionic, aprendí un montón, good job

D
Daniel2 November 2019

He acabado el curso y tengo que decir que es un curso muy practico donde aprendí mucho y entendí todos los conceptos sobre las tecnologías y como aplicarlas en mis proyectos. Super recomendable.

M
Mario22 August 2019

el codigo del curso no esta actualizado, tiene muchos errores y las preguntas y soluciones no son respondidas...

O
Oscar22 August 2019

El profesor sabe del tema, eso ni dudarlo. Pero para que un curso sea bueno no basta con eso. En ningún momento explica arquitectura, razones, diferencias entre paquetes, sintaxis, opciones, problemáticas. En pocas palabras: no da explicaciones, solo va narrando lo que va escribiendo. No tiene ningún apoyo didáctico como presentaciones, material de lectura, links de apoyo. Solo es una pantalla de código y él narrando desde el micrófono diadema. Esto lo hace tedioso. El proyecto es bueno e interesante pero faltaría apoyarse de elementos pedagógicos.

C
Cynthia23 July 2019

Ver los videos equivale a verlo trabajar con un relato de lo que está haciendo... esto para mi no es una clase.

H
Haroldo27 June 2019

Me ha gustado el curso, sin embargo, creo que debería usar metodología de sugerir que los estudiantes hagan actividades solos, y luego mostrar como hacerlo, para que se haga esfuerzo por aprender y no solo seguir lo que hace al pie de la letra

L
Luis20 June 2019

A veces la parte de ayuda, para no preguntar lo que previamente ya hizo algún otro alumno, se espera una respuesta del instructor y en todo dice: "no te preocupes lo solucionaremos, enviame tu código para revisar o te envío esa sección para revisar o en otros casos revisa todo paso a paso con el curso", creo que una respuesta más personalizada para uso de todos sería lo ideal!



Coupons

StatusDateDiscount
Expired9/4/202095% OFF
Expired9/10/202094% OFF

1023976

Udemy ID

11/26/2016

Course created date

11/1/2019

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram
Android PlayStore
Apple Appstore