Udemy

Platform

Español

Language

Web Development

Category

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.01 (1170 reviews)

4850

Students

22 hours

Content

Jan 2021

Last Update
$94.99
Regular Price

What you will 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




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, Angular 10 y Angular 11


Screenshots

Desarrollar una red social con JavaScript, Angular y NodeJS
Desarrollar una red social con JavaScript, Angular y NodeJS
Desarrollar una red social con JavaScript, Angular y NodeJS
Desarrollar una red social con JavaScript, Angular y NodeJS

Content

Introducción al curso

Introducción

Preparación del entorno de desarrollo

Instalar terminal

Instalar MongoDB

Administración visual de Mongo.db

Instalar NodeJS

La base de datos

Diseñar la base de datos

Empezando a desarrollar el API RESTful - Backend

Empezar un proyecto de Node.js

Instalar librerías y paquetes

Crear la base de datos

Conexión a la base de datos

Crear el servidor web

El cliente RESTful

Crear el modelo de Usuario

Creando más modelos

¿Que es el Modelo Vista Controlador? - MVC

Usuarios, login y registro

Controlador de usuarios

Registro de usuarios en el backend

Control usuarios duplicados

Método de Login

Eliminar un propiedad de un objeto en JavaScript

Servicio y tokens JWT

Middleware de autenticación

Ruta para devolver los datos del usuario

Usuarios paginados

Actualizar los datos del usuario

Subir avatar de usuario. Primera parte

La imagen de usuario. Segunda parte

Devolver imágenes de usuario

Sistema de seguimiento / follows

Controlador y rutas de seguimiento

Seguir a un usuario

Dejar de seguir usuarios

Listado de usuarios que sigo

Listado de seguidores

Listado de usuarios sin paginar

¿Sigo a este usuario?

Async y Await

Ids de usuarios, comprobar el seguimiento

Devolver contadores y estadisticas

Las publicaciones

Controlador y rutas de publicaciones

Guardar nuevas publicaciones

Método publicaciones timeline

Devolver una publicación

Eliminar publicaciones

Subir ficheros en las publicaciones

Número total de publicaciones

Mensajería privada

Mejoras en el modelo Message

Crear controlador, acciones y rutas

Enviar mensajes

Mensajes recibidos

Devolver campos específicos con Mongoose

Listado de mensajes enviados

Contar los mensajes sin leer

Marcar mensajes como leidos

Configurar cabeceras HTTP y acceso CORS

Repaso básico de Angular 5

Antes de continuar aprendiendo Angular

Actualizar NodeJS

Utilizar Angular CLI

¿Que es un componente?

Creación de componentes

Directiva condicional

Directiva ngFor

¿Que es TypeScript?

Plantillas en linea

Tipos de datos

Empezando el frontend con Angular

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

Instalar librerías externas

Configurar librerías en Angular

La barra de navegación

Crear dos componentes

Configurar el routing

Los modelos

Registro, Login y Mis datos

Página y formulario de registro

Maquetación de la pagina de registro

Recibir datos del formulario

Crear servicio de usuarios

rxjs/Observable

Registrar usuarios

Formulario de Login

Identificar usuarios

Persistir la sesión del usuario

Página Home

Menú de usuario

Cerrar sesión / logout

Mejoras en el servicio

Conseguir estadisticas

Componente y ruta Mis Datos

Formulario para actualizar datos de mi usuario

Modificar el usuario

Mejoras en el BACKEND

Campo de subida de foto de perfil

Servicio de subida de archivos

Subir avatares

Mostrar avatar

Sección de Gente y sistema de follows

Página, componente y ruta de Gente

Servicio y usuarios paginados

Listado de usuarios

Botones de seguimiento

Servicio de follows

Botón de seguir

Dejar de seguir

Timeline y publicaciones

Empezando el sidebar

Maquetación de tarjeta de usuario

Crear formulario de publicaciones

Sección del Timeline

Crear publicaciones

Nuevos métodos en los servicios

Mostrar publicaciones

Estilizar publicaciones

Mostrar más publicaciones. Paginación/Scroll infinito

Scroll automático animado

Mostrar nuestras propias publicaciones

Mostrar fecha. Hace cuantos tiempo

Recargar publicaciones. Propiedad Output

Mostrar nuevas publicaciones

Perfiles de usuario

Crear componente, página y ruta del perfil de usuario

Conseguir datos de los usuarios

Mostrar datos del usuario

Botones de seguir

Efectos en los botones

Mostrar contadores de usuario

Publicaciones en el perfil

Nuevas funcionalidades Timeline

Mejoras en la paginación

Enlaces al perfil

Adjuntar imagenes

Mostrar imágenes de publicaciones

Borrar publicaciones

Mejoras en el timeline

Seguidores y seguidos

Listado de usuarios siguiendo

¿De quien son los seguimientos?

Listado de seguidores

Módulo de mensajería privada

Crear un módulo y componentes internos

Rutas hijas e integración

Servicio de mensajes

Componente para envío de mensajes

Enviar mensajes

Enlace en el menú

Mensajes enviados

Mensajes recibidos

Control de acceso

Restringir acceso

El proyecto

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 - Novedades e instalación paso a paso

Angular 8

Angular 9

Angular 9

EXTRA - Comunicación entre componentes

Efecto de carga

Propiedad Input

Propiedad Output

BONUS - Despedida + REGALOS

BONUS - Despedida y sorpresas



Reviews

J
JoSe17 September 2020

El curso puede ser bueno o malo, pero sin ayuda del profesor ni tampoco pidiendo asistencia en las diferentes redes sociales, no hay manera de avanzar, ni siquiera que te pase el código. Aquí se termino Victor Robles como instructor.

M
Manuel25 August 2020

Es lo que me esperaba, es un curso que se aprende muchisimo y te da un proyecto para dejar ver a otros como primera practica laboral, muy recomendado, si hay unas clases que personalmente me gustaria se rehicieran ya que unas son muy engorrosas y te pierdes pero nada que no se puede solucionar, cuando veas que te enredas ve el video completo hasta que entiendas,

J
Joan26 June 2020

El Bootstrap esta completamente desactualizado y poco funcional con el seguimiento de las instrucciones. Me toca ir punto por punto a mirar la guia de bootstrap 4. En parte va bien, pero igualmente podria aprenderlo sin perder tanto tiempo si estuviera actualizado.

E
Endys19 June 2020

definitivamente fue algo que me costo un mundo (literalmente parir), pero creo que puede decir que he aprendido Me gustó mucho

L
Luis11 June 2020

Muy buen curso, sirve para sentar las bases de estas tecnologías y empezar a desarrollar tus propias aplicaciones.

B
Beatriz16 September 2019

Realmente no suelo dominar muy bien los temas, y aveces se me hacen tediosos, pero este curso no seme hace aburrido ni tedioso es entretenido y bien explicado al igual que si tienes otro sistema operativo te explica las opciones que puedes hacer.

J
Juan14 September 2019

Es un muy buen curso para los que recién nos iniciamos en el ámbito de JavaScript/TypeScript. Lo único que tengo para comentar es que este curso requiere de un conocimiento previo, ya que si no, sentirán que el profesor solo comenta lo que esta desarrollando y quedaran a la deriva con muchos temas en el medio. Como recomendación digo que primero realicen el Master de este mismo profesor, para seguir sus practicas y también que se tenga en cuenta que el curso ya tiene algunos añitos, por lo tanto algunas cosas de diseño como de funcionalidades en el back podrían realizarse mejor. Con respecto al curso, es excelente y te hace experimentar en la vida real, como seria el desarrollo de una webapp funcional, por lo tanto te hace ver un poco mas allá de como es el trabajo en la vida cotidiana, y como se conecta backend con frontend.

G
Geovanni5 September 2019

me sale un error al querer instalar mongo asi como el profesor lo solicito de crearlo desde el mongo.exe

J
JFadó27 August 2019

Carece de diseño previo sobre el cuál ir desarrollando lo que provoca un exceso de pérdida de tiempo por backtracking

F
Franz21 August 2019

Porqué califico con este valor a este curso? 1. Malas prácticas de programación. 2. Pésimo manejor de errores. 3. El instructor no sabe el uso real del 'use strict' 4. Malas prácticas en el nombramiento de endpoints. 5. Pésimo enfoque en manejo de imágenes. 6. No presenta manejo de patrones de diseño. 7. if-else hells 8. Implementación con muchos issues (errores), debido a falta de pruebas unitarias. Se supone que éste curso tiene un nivel avanzado, sin embargo por como se enfocó y desarrolló el curso, hace notar que es para principiantes (juniors). Definitivamente me descepcinó este curso, siento haber perdido mi tiempo y mi dinero.

F
Franz11 August 2019

Yo adquirí el curso en Agosto del 2019, hay algunas dependencias que están en modo DEPRECADO, pero muy buen tutorial hasta el momento (6% del progreso)

J
Javier1 August 2019

Este curso ha sido una buena elección. Es perfecto para adquirir conocimientos de programación en los lenguajes más avanzados. Muy fácil de aprender y rápido

A
Arlex27 July 2019

Genial, a pesar de no contar con una base de MongoDB, se logra entender el manejo de documentos JSON de Mongo con el uso de los servicios REST para lograr una aplicación MEAN decente, ya las ganas de seguir aprendiendo e innovando son de cada uno, Gracias por el curso!!

A
Aron28 June 2019

Excelente curso, recomendado para los que ya realizaron el master de javascript ya que lo complementa muy bien. Falto un sistemas de notificaciones pero en lineas generales muy buen curso

J
Jolman22 June 2019

Voy en el 10% del curso y hasta el momento ha sido una muy buena elección, de verdad que el tutor es excelente en lo que hace y aparte se le entiende lo que quiere enseñar. muy bueno


Coupons

StatusDateDiscount
Expired9/4/202095% OFF
Expired9/10/202093% OFF
Expired10/14/202093% OFF
Expired12/23/202095% OFF
Expired2/12/202195% OFF


1220378

Udemy ID

5/18/2017

Course created date

11/20/2019

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram
Android PlayStore
Apple Appstore