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
Students17 hours
ContentJan 2021
Last UpdateWhat 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:
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.
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
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
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
Está muy bueno para empezar e intermedio. Sería bueno darle una pequeña actualización a la parte de dependencias.
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.
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.
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.
Me gusto el curso aprendí lo básico, pero siento que falto mas explicación acerca de algunos términos, pero es aceptable
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.
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
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
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.
el codigo del curso no esta actualizado, tiene muchos errores y las preguntas y soluciones no son respondidas...
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.
Ver los videos equivale a verlo trabajar con un relato de lo que está haciendo... esto para mi no es una clase.
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
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
| Status | Date | Discount | ||
|---|---|---|---|---|
| Expired | 9/4/2020 | 95% OFF | ||
| Expired | 9/10/2020 | 94% OFF | ||
1023976
Udemy ID11/26/2016
Course created date11/1/2019
Course Indexed date
