Desarrollar una red social con JavaScript, Angular y NodeJS
4.5 (1,068 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,320 students enrolled

Desarrollar una red social con JavaScript, Angular y NodeJS

Crea webapps complejas y una red social como Twitter con el MEAN Stack, Angular, NodeJS, MongoDB, Bootstrap, CSS3 y +
4.5 (1,068 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,320 students enrolled
Created by Víctor Robles
Last updated 7/2020
Spanish
Spanish [Auto]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 22 hours on-demand video
  • 4 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Aumentar las oportunidades laborales
  • Desarrollar una red social
  • Desarrollar aplicaciones web complejas con NodeJS y Angular
  • Mejorar las habilidades de programación y planteamiento de webapps
  • Crear aplicaciones web a medida
  • Hacer desarrollos full-stack completos
  • Desarrollar aplicaciones web con el MEAN Stack
  • Crear APIs RESTful con NodeJS
  • Dominar Angular
  • Crear webapps SPA con Angular
  • Usar JWT para hacer sistemas de login
  • Maquetación web con HTML5, CSS3 y Bootstrap
  • Conocer aspectos avanzados del desarrollo con Angular
  • Desarrollar aplicaciones web SPA
  • Utilizar bases de datos NoSQL como MongoDB
  • Mejorar la capacidad de adaptación a otros frameworks JavaScript
  • Y muchos mas temas
Course content
Expand all 154 lectures 21:49:10
+ Introducción al curso
1 lecture 06:15

Introducción al mejor curso de Angular y el MEAN Stack en Español

Preview 06:15
+ Preparación del entorno de desarrollo
4 lectures 24:16

Aprenderemos a instalar una consola de comandos en nuestro sistema operativo.

Instalar terminal
05:43

Aprenderemos a instalar MongoDB en nuestro sistema operativo paso a paso

Instalar MongoDB
06:00

Trabajaremos con RoboMongo o Robo 3T para gestionar la base de datos visualmente.

Administración visual de Mongo.db
07:05

Aprenderemos a realizar la instalación de Node.js

Instalar NodeJS
05:28
+ La base de datos
1 lecture 12:41

Aprenderemos a hacer el diseño de la base de datos de la red social que vamos a desarrollar, creando un esquema paso a paso

Diseñar la base de datos
12:41
+ Empezando a desarrollar el API RESTful - Backend
9 lectures 01:05:49

Aprenderemos a iniciar un proyecto de NodeJS

Empezar un proyecto de Node.js
06:31

Haremos la instalación de las librerias y paquetes necesarios para el proyecto de Node.js

Instalar librerías y paquetes
08:16

Veremos como hacer la creación de una base de datos con MongoDB

Crear la base de datos
03:17

Veremos como conectar NodeJS a MongoDB

Conexión a la base de datos
07:16

Veremos como hacer la creación de un servidor web con Node.js

Crear el servidor web
10:46

Aprenderemos a trabajar con un cliente HTTP para testear nuestro backend de Node y Mongo

El cliente RESTful
06:58

Veremos como hacer la creación de un modelo con mongoose en NodeJS

Crear el modelo de Usuario
06:39

Creación del resto de modelos de nuestra red social con Javascript y NodeJS

Creando más modelos
11:55

Aprenderemos que es el modelo vista controlador o patrón de diseño mvc dentro de nodejs

¿Que es el Modelo Vista Controlador? - MVC
04:11
+ Usuarios, login y registro
13 lectures 02:09:13

Crearemos el controlador de usuarios y las rutas

Controlador de usuarios
09:46

Crearemos un método para registrar a los usuarios en la plataforma

Registro de usuarios en el backend
15:08

Controlaremos que no se guarden usuarios con el mismo email o nickname en nuestra red social con JavaScript, NodeJS y Angular 5

Control usuarios duplicados
08:23

Crearemos el login en el backend de NodeJS

Método de Login
09:15

Aprenderemos a borrar propiedades de objetos javascript en español

Eliminar un propiedad de un objeto en JavaScript
00:51

Aprenderemos a crear servicios en NodeJS y a trabajar con Tokens con JWT

Servicio y tokens JWT
10:19

Crearemos un middleware para la autenticación en el api

Middleware de autenticación
13:57

Crearemos un método y una ruta para sacar los datos de un usuario

Ruta para devolver los datos del usuario
08:29

Haremos un listado de usuarios paginados

Usuarios paginados
12:42

Aprenderemos a hacer un update de los documentos de usuario con Node.js y mongo.db

Actualizar los datos del usuario
11:28

Crearemos un método para subir el avatar de usuario.

Subir avatar de usuario. Primera parte
18:33

Continuaremos desarrollando la parte de subidas de imágenes de usuarios.

La imagen de usuario. Segunda parte
04:07

Crearemos un método y una ruta para devolver las imágenes de los usuarios

Devolver imágenes de usuario
06:15
+ Sistema de seguimiento / follows
10 lectures 01:40:40

Crearemos un nuevo controlador en NodeJS para manejar el sistema de follows

Controlador y rutas de seguimiento
10:24

Crear un método para seguir un usuario

Seguir a un usuario
07:42

Crearemos un método para dejar de seguir usuarios

Dejar de seguir usuarios
04:55

Haremos un método que devolverá una colección de objetos con un listado de los usuarios que nuestro usuario identificado sigue.

Listado de usuarios que sigo
17:54

Haremos un listado de los usuarios que nos siguen usando todo lo necesario con nodejs, express y mongodb

Listado de seguidores
07:37

Crearemos un listado sin paginar de usuarios seguidos

Listado de usuarios sin paginar
08:29

Haremos lo necesario para comprobar si sigo a un usuario o no

¿Sigo a este usuario?
06:40

Trabajaremos con nodejs de forma sincrona y asincrona

Async y Await
15:48

Generaremos un array con los identificadores de los usuarios que nos siguen o seguimos en la red social

Ids de usuarios, comprobar el seguimiento
13:06

Crearemos unos métodos para devolver los contadores y estadisticas de usuarios seguidos, seguidores, publicaciones, etc

Devolver contadores y estadisticas
08:05
+ Las publicaciones
7 lectures 58:47

Creación de controladores y rutas en NodeJS

Controlador y rutas de publicaciones
09:06

Crearemos un método para guardar nuevas publicaciones en la red social (backend)

Guardar nuevas publicaciones
07:04

Haremos una ruta en el backend con Nodejs que nos listará las publicaciones de los usuarios que nuestro usuario identificado esta siguiendo.

Método publicaciones timeline
17:02

Crearemos un método y una ruta para el servicio rest para que nos devuelva la información de una publicación.

Devolver una publicación
03:05

Daremos la posibilidad de eliminar publicaciones de nuestra red social

Eliminar publicaciones
07:42

Crearemos métodos para subir archivos adjuntos en las publicaciones de la red social de NodeJS y Angular 4 y 5

Subir ficheros en las publicaciones
11:11

Veremos como añadir un nuevo contador a las estadísticas del usuario de nuestra red social mean stack 5.0

Número total de publicaciones
03:37
+ Mensajería privada
9 lectures 42:48

Modificaciones y mejoras en el modelo o entidad de mensajes en NodeJS

Mejoras en el modelo Message
01:57

Crearemos el controlador, las acciones y las rutas para el controlador de mensajería privada

Crear controlador, acciones y rutas
06:53

Crearemos un método y ruta en el api para enviar mensajes entre usuarios

Enviar mensajes
08:15

Crearemos un método para listar los mensajes recibidos

Mensajes recibidos
07:25

Aprenderemos a devolver solo los campos que nos interesan en las queries a la base de datos

Devolver campos específicos con Mongoose
02:29

Crearemos los metodos y urls en el backend de nodejs necesarias para listar los mensajes enviados

Listado de mensajes enviados
03:00

Aprenderemos a crear un método contador de mensajes sin leer en la parte de mensajes privados del backend

Contar los mensajes sin leer
05:33

Marcaremos los mensajes como leidos usando un update con MongoDB y Mongoose

Marcar mensajes como leidos
04:24

Configuraremos el acceso cruzado entre dominios en el backend de Express.js y Node.js

Configurar cabeceras HTTP y acceso CORS
02:52
+ Repaso básico de Angular 5
10 lectures 59:38
Antes de continuar aprendiendo Angular
02:13

Instalar y actualizar NodeJS 

Actualizar NodeJS
04:25

Instalar y usar angular cli e instalar Angular 5

Utilizar Angular CLI
10:47

Aprenderemos que es un componente en Angular

Preview 08:39

Como crear un componente en Angular 5

Preview 10:38

Aprenderemos a utilizar ngIf

Preview 05:47

Aprenderemos a utilizar los bucles en las plantillas de Angular

Directiva ngFor
04:23

Aprenderemos que es TypeScript de Microsoft y para que sirve dentro de Angular 

¿Que es TypeScript?
04:38

Aprenderemos las ventajas de separar las plantillas para en lugar de usar plantillas en linea separarlas en vistas html

Plantillas en linea
01:27

Hablaremos acerca de las variables y tipos de datos con JavaScript

Tipos de datos
06:41
+ Empezando el frontend con Angular
7 lectures 49:46

Veremos que funcionalidades vamos a crear en la red social y trabajaremos con Angular CLI y Angular 2, 3, 4  y 5 (angularjs)

Introducción al front-end y creación del proyecto de Angular
05:44

Instalaremos librerías externas como Bootstrap y jQuery dentro de Angular

Instalar librerías externas
03:17

Cargar librerías externas en Angular

Configurar librerías en Angular
06:31

Crearemos la barra de navegación de la web con html5, css3, bootstrap y angular

La barra de navegación
10:11

Crearemos dos componentes dentro de Angular. Uno para el login y otro para el registro.

Crear dos componentes
08:48

Configuraremos el router de Angular 5 con Víctor Robles WEB

Configurar el routing
07:47

Crearemos los modelos de la aplicación en el front-end de AngularJS 5

Los modelos
07:28
Requirements
  • Es recomendable saber HTML, CSS y JavaScript básico
  • Es recomendable tener algunos conocimientos básicos de Angular
Description

Bienvenido al curso Desarrollar una red social con JavaScript, Angular y NodeJS, vas a aprender paso a paso como desarrollar una aplicación web completa y funcional paso a paso, a nivel de backend y frontend, usando únicamente tecnologías JavaScript.

La red social que vamos a crear será muy parecida a Twitter y es un caso práctico de un desarrollo profesional a medida con el MEAN Stack (MongoDB, Express, Angular y Node.js)

Si quieres ser desarrollador web, o incluso si ya te dedicas al desarrollo web, es casi obligatorio aprender todos los frameworks y tecnologías con las que vamos a trabajar en el curso y sobre todo como combinarlas para crear aplicaciones completas a medida.                  

Para la creación de la red social utilizaremos muchas tecnologías, entre ellas:

  • JavaScript, uno de los lenguajes de programación mas populares de la web.

  • NodeJS, plataforma muy popular para desarrollar con JavaScript en el lado del servidor.

  • ExpressJS, framework para Node.js que nos permite trabajar con el protocolo HTTP y tener un sistema de rutas.

  • MongoDB, el sistema gestor de bases de datos NoSQL basado en JavaScript mas potente y popular.

  • Angular, el framework impulsado por Google cuyo propósito es el desarrollo de aplicaciones web SPA(Single page applications). Reactivo e instantáneo.

  • jQuery, el framework frontend imprescindible y más conocido para JavaScript.

  • AJAX, para hacer peticiones asíncronas al servidor. 

  • Bootstrap, el framework CSS y JS más estandarizado e imprescindible actualmente para la construcción de interfaces de usuario

  • HTML5, CSS3, JavaScript, etc.


Al finalizar el curso serás capaz de desarrollar tus propias aplicaciones web a medida de alta complejidad, modificar otras que ya estén programadas y además crear redes sociales y webs con intereactividad completa entre usuarios.      

Este es el único curso que te va a enseñar a desarrollar una red social a medida con JavaScript y el MEAN Stack desde cero que existe hasta la fecha, y está diseñado para que aprendas a desarrollar una red social como Twitter y además para que adquieras habilidades para el mundo real mediante casos prácticos completos, paso a paso y de forma fácil para que no te quedes con dudas.

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

En esta red social(webapp SPA) las siguientes funcionalidades:

  • Registrarnos e identificarnos en la plataforma.

  • Modificar nuestros datos.

  • Subir una imagen de perfil.

  • Seguir y dejar de seguir a cualquier usuario (follow y unfollow).

  • Hacer publicaciones con texto e imagenes.

  • Ver las publicaciones de la gente que seguimos en el timeline.

  • Ver mi perfil de usuario y el del resto de personas.

  • Recibir y enviar mensajes privados (MD).

  • ¡Y mucho más!


Abordaremos el desarrollo de esta aplicación partiendo desde cero. 

Comenzaremos por el backend: Empezando por el diseño y creación de la base de datos, creación del API RESTful con NodeJS y MongoDB, creación de modelos, controladores, rutas(routing), respuestas en JSON, servicios y middlewares, JWT(JSON Web Tokens), autenticación en el API, interacción con la base de datos con Mongoose, CRUDs, sistema de seguimiento, JavaScript sincrono y asíncrono, control de acceso, etc, etc, etc.     

Una vez terminado el servicio RESTful haremos el frontend: Instalaremos Angular, creación de la webapp dinámica SPA, creación de modelos, componentes, rutas, servicios en Angular, pipes, Input y output, Localstorage, creación de formularios, módulos y miles de cosas más.

Trataremos todos los temas paso a paso y poco a poco hasta construir la aplicación web social completa, pese a esto, para aprovechar al 100% el curso te recomendaría tener conocimientos en HTML, CSS y además tener unas nociones básicas en Angular y JS.          

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

Si quieres aprender desarrollo web full-stack moderno sin dolor y crear una red social usando Javascript y Angular, enfocándonos al mundo real, practicando poco a poco, subir de nivel en el desarrollo web con Angular, NodeJS 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!

Curso totalmente compatible con Angular 2 Final, Angular 4, Angular 5, Angular 6, Angular 7, Angular 8, Angular 9 y Angular 10

Who this course is for:
  • Desarrolladores web
  • Estudiantes de ingenieria y ciclos formativos
  • Estudiantes de informática
  • Programadores que quieren adquirir nuevos conocimientos y habilidades
  • Apasionados por la tecnológia
  • Informáticos que quieren mejorar sus posibilidades laborales