Desarrollo web con JavaScript, Angular, NodeJS y MongoDB
4.4 (768 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
3,882 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Desarrollo web con JavaScript, Angular, NodeJS y MongoDB to your Wishlist.

Add to Wishlist

Desarrollo web con JavaScript, Angular, NodeJS y MongoDB

Aprende a desarrollar una webapp como Spotify usando el MEAN Stack 2.0 (NodeJS, MongoDB, Express, JWT y Angular 4 y 2)
4.4 (768 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
3,882 students enrolled
Created by Víctor Robles
Last updated 6/2017
Spanish
Current price: $30 Original price: $200 Discount: 85% off
30-Day Money-Back Guarantee
Includes:
  • 15 hours on-demand video
  • 3 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Desarrollar aplicaciones web con el MEAN Stack 2.0
  • Dominar Angular
  • Crear APIs RESTful con NodeJS
  • Crear webapps SPA con Angular 2
  • Hacer desarrollos full-stack completos
  • Usar JWT para hacer sistemas de login
  • Aumentar las posibilidades laborales como programador
View Curriculum
Requirements
  • HTML intermedio
  • CSS intermedio
  • JavaScript básico
  • Conocer las bases de NodeJS y Angular 2 (Requisito recomendable pero no imprescindible)
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).  

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 2 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 2.  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 2.

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 2, 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 2, 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 !!

Who is the target audience?
  • Desarrolladores web
  • Estudiantes de ingenieria y ciclos formativos
  • Estudiantes de informática
  • Programadores que quieren adquirir nuevos conocimientos
  • Cualquiera con conocimientos en NodeJS o Angular
Curriculum For This Course
120 Lectures
15:11:42
+
Introducción
2 Lectures 14:29

Introducción al curso Desarrollo web con Javascript, Angular, Node.js y MongoDB.

Preview 07:45

Veremos que es lo que vamos a desarrollar en el curso, en este curso de NodeJS, Angular 2, JWT, MongoDB y ExpressJS vamos a crear una aplicación web similar a Spotify paso a paso.

Preview 06:44
+
El entorno de desarrollo y primeros pasos
6 Lectures 31:46

Instalaremos Node.js paso a paso.

Instalar NodeJS
04:13

Instalaremos el Mongo DB para hacer basaes de datos no SQL.

Instalar MongoDB
06:00

Diseñaremos la base de datos que vamos a utilizar durante el desarrollo de la aplicación tipo Spotify que vamos a crear.

Diseño de la base de datos
08:44

Instalaremos una terminal de comandos para nuestro sistema operativo.

Instalar terminal de comandos
05:43

Crearemos el proyecto en nuestro editor de código o IDE.

Crear el proyecto
05:22

Crearemos un comando(alias) para trabajar más eficientemente con la consola de comandos.

Crear alias en la terminal
01:44
+
Empezando a desarrollar el API RESTful con NodeJS (back-end)
8 Lectures 40:17

Instalaremos las librerías, paquetes, módulos y dependencias que usaremos en nuestro backend de Node.js

Preview 07:02

Aprenderemos a desinstalar dependencias con npm.

Preview 01:37

Crearemos la base de datos que usaremos en el proyecto.

Crear la base de datos
04:08

Aprenderemos a conectar la base de datos con Mongoose y NodeJS

Conexión a la base de datos
04:57

Crearemos un servidor HTTP con NodeJS y ExpressJS

Crear el servidor web
07:46

Crearemos el modelo para la entidad de Usuario.

El modelo de usuario
04:44

Crearemos los modelos de datos de las diferentes entidades de la base de datos.

Crear los modelos
09:53

Quitar aviso de Mongoose Promise de la consola
00:10
+
Controlador de usuarios y login con tokens (JWT)
8 Lectures 01:30:13

Crearemos el controlador para los usuarios.

Crear controlador de usuarios, acción y ruta
10:35

Crearemos un método para registrar usuarios en la base de datos.

Acción de registro de usuarios
17:11

Crearemos una acción para el login de usuarios usando JWT

Método para el login
11:28

Crearemos un servicio para trabajar con los tokens de JWT

Crear servicio para JWT
11:25

Crearemos un middleware para aplicar seguridad a las rutas de la aplicación

Middleware de autenticación (JWT)
12:30

Crearemos un método en el controlador para actualizar la información de los usuarios.

Actualizar un usuario
07:26

Crearemos una acción el controlador para subir la imagen del usuario registrado.

Subir el avatar del usuario
12:30

Conseguir la imagen del usuario
07:08
+
Controlador de Artista
7 Lectures 49:27

Crearemos el controlador y las rutas para la entidad de artista.

Crear el controlador y las rutas
10:09

Crearemos una acción para guardar un documento de tipo artista en la base de datos de MongoDB usando NodeJS y Mongoose.

Crear un artista
05:28

Devolveremos un artista de la base de datos creando un método en el controlador de artista.

Conseguir un artista
03:51

Crearemos un método que nos devolverá los artistas de la base de datos y crearemos una paginación.

Listado de artistas paginado
08:14

Haremos un update de los artistas creando un método en el controlador y una ruta.

Actualizar artistas
04:41

Crearemos un nuevo método para poder eliminar artistas de la base de datos.

Eliminar un artista
09:45

Crearemos una acción que nos permitirá subir imágenes para los artistas.

Métodos las imágenes del artista
07:19
+
Controlador de Album
7 Lectures 38:21

Crearemos un controlador, rutas y acciones para los albums

Controlador y conseguir un album
03:52

Crearemos una acción para crear albums en base de datos.

Guardar un album
05:38

Crearemos un método en el controlador para conseguir un album de la base de datos de Mongo.

Devolver un album
05:55

Crearemos un método para devolver los albums.

Mostrar albums
09:03

Crearemos métodos y rutas en NodeJS para actualizar documentos de tipo album de la bbdd de MongoDB

Actualizar albums
05:02

Haremos una acción que nos permita borrar albums de la aplicación

Borrar albums
03:54

Crearemos un método para subir imágenes y otro para devolverlas, también usaremos las rutas de express, etc.

Métodos para las imágenes de albums
04:57
+
Controlador de Canción
7 Lectures 33:58
Controlador de canciones y rutas
04:59

Crearemos una acción para guardar canciones con nuestra api restful

Acción para crear canciones dentro de un album
05:18

Crearemos un método para mostrar una canción.

Conseguir una canción
03:34

Listaremos las canciones de la base de datos y las devolveremos en json

Listar canciones
06:14

Crearemos un método que nos permitirá actualizar las canciones de la bbdd.

Actualizar canciones
04:02

Crearemos una acción en el controlador que nos permita eliminar canciones de la aplicación.

Eliminar una canción
02:28

Crearemos una acción que nos permitirá subir ficheros de audio mp3 al servidor y asociarlos a un documento de tipo canción de la base de datos.

Subir ficheros de audio
07:23
+
Configuraciones finales del backend (NodeJS, Express, MongoDB, JWT)
2 Lectures 05:28

Configuraremos las cabeceras del servidor para evitar errores con el CORS y el control de recursos compartidos entre dominios.

Configurar cabeceras (CORS)
03:33

Mejoras en el método de getImage del controlador de usuarios.

Devolver la imagen recién subida del usuario
01:55
+
Empezando a desarrollar el frontend SPA con Angular
6 Lectures 55:20

Crearemos la estructura de carpetas necesaria para empezar a trabajar en el cliente con Angular 2

Directorios del proyecto
02:50

Aprenderemos a usar la herramienta Angular CLI

Angular CLI
15:00

Instalar Angular (AngularJS, Angular 2, Angular 4) desde cero con Angular CLI

Instalar Angular
03:24

Incluiremos los assets del proyecto

Incluir assets, Bootstrap y jQuery
08:06

Crearemos las entidades que vamos a usar en el front de Angular.

Crear modelos de datos
12:25

Crearemos el componente principal app.component.ts y la vista para el login y el registro.

Componente principal y vistas
13:35
+
Login y registro en el frontend
10 Lectures 01:20:17

Crearemos la vista de login y registro y los formularios correspondientes en Angular 2 (AngularJS 2)

Crear formularios de login y registro
07:18

Recibiremos los datos de los formularios de login y registro jwt

Two-way data binding en formularios
07:40

Crearemos un servicio en Angular para los usuarios y otro para las configuraciones globales de la webapp.

Crear servicios
12:26

Crearemos un método para realizar las peticiones ajax al api rest con nodejs para hacer el login.

Método login en el servicio de usuarios
04:57

Usaremos el servicio de usuario para hacer el login.

Llamadas al servicio para identificar al usuario
15:26

Persistir la información del usuario logueado en Angular 2 con LocalStorage y JWT

Persistir el login con localStorage
08:41

Cerrar la sesión del front-end.

Cerrar sesión en el cliente
04:37

Crearemos el formulario y recibiremos los datos del mismo en el componente para posteriormente guardar los datos del usuario en la base de datos.

Formulario y recepción de datos para el registro
07:25

Acabaremos la funcionalidad de registro de usuarios.

Métodos en el servicio y registrar usuarios
10:14

Haremos mejoras en el flujo de funcionamiento del login

Mejoras en el logueo
01:33
6 More Sections
About the Instructor
Víctor Robles
4.3 Average rating
10,349 Reviews
32,233 Students
23 Courses
Desarrollador web

Soy desarrollador web en una empresa y llevo inmerso en el mundo de la programación y la informática desde los 15 años.

Me encanta programar y todo lo relacionado con Internet y las nuevas tecnologías, crear cosas y enseñar a los demás.

Soy casi completamente autodidacta, por eso voy a ofrecerte muchos de mis conocimientos para que tú puedas aprender más fácilmente y más rápido de lo que yo lo hice y hago cada día.

Puedes saber más de mí en mi blog victorroblesweb y en mis perfiles en las diferentes redes sociales ;) .