Curso de NodeJS y Angular - Crea webapps con el MEAN Stack
4.4 (489 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.
2,188 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Curso de NodeJS y Angular - Crea webapps con el MEAN Stack to your Wishlist.

Add to Wishlist

Curso de NodeJS y Angular - Crea webapps con el MEAN Stack

Aprende a desarrollar servicios RESTful (APIs) con NodeJS y MongoDB y a crear webs SPA con Angular2 y 4 (AngularJS)
4.4 (489 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.
2,188 students enrolled
Created by Víctor Robles
Last updated 5/2017
Spanish
Current price: $23 Original price: $150 Discount: 85% off
30-Day Money-Back Guarantee
Includes:
  • 14.5 hours on-demand video
  • 4 Articles
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Desarrollar aplicaciones web completas con el MEAN Stack 2.0 (MongoDB, Express, Angular 2 y NodeJS)
  • Crear APIs RESTful con NodeJS
  • Crear webapps SPA con Angular 2
  • Desarrollar servicios y APIs REST
  • Hacer desarrollos full-stack completos
  • Mejorar la capacidad de adaptación a otros frameworks
  • Aumentar las posibilidades laborales como desarrollador
View Curriculum
Requirements
  • HTML / CSS
  • JavaScript básico
Description

Bienvenido al Curso de NodeJS y Angular 2, vas a aprender paso a paso como desarrollar servicios y APIs REST con NodeJS y MongoDB y como crear aplicaciones web SPA y front-ends con la nueva versión de AngularJS.

En definitiva vamos a aprender a hacer desarrollos fullstack con el MEAN Stack 2.0 (MongoDB, Express, Angular 2 y NodeJS).

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(Single Page Apps).

Si quieres ser desarrollador web front-end o full-stack, o incluso si ya te dedicas al desarrollo web, es casi obligatorio aprender a usar estas plataformas y como trabajan conjuntamente.

En el curso desarrollaremos APIs RESTful utilizando JavaScript en el servidor, mediante NodeJS, Express y MongoDB.
 
¿Que es un API RESTful?

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.


También aprenderemos Angular 2 desde cero y como crear clientes web y desarrollaremos aplicaciones web de tipo SPA con este framework de Google(AngularJS 2).

¿Que es una web SPA?

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

Este es el único curso de NodeJS y Angular 2 en Español que existe hasta la fecha y está diseñado para que aprendas a desarrollar webapps mediante ejemplos prácticos, paso a paso y de forma fácil para que no te quedes con dudas.

Se tratan desde los aspectos más básicos y sencillos hasta los más avanzados, por tanto no es necesario que sepas nada de NodeJS o AngularJS para aprender a usarlo, aunque si que necesitarás saber JavaScript y HTML para aprovechar al 100% este curso.

Verás muchísimos ejemplos prácticos. Iremos usando cada una de las partes fundamentales de los frameworks y haremos varios ejemplos.

Además desarrollaremos dos aplicaciones web desde cero, para unir todas las piezas del puzzle.

Crearemos una aplicación web de gestión de marcadores favoritos y desarrollaremos una segunda aplicación más avanzada de gestión de albums de imágenes.

Abordaremos el desarrollo de estas aplicaciones partiendo desde cero, desde la creación de las APIs RESTful en el backend y en el frontend crearemos los componentes necesarios, uso de rutas y servicios, consumo de servicios REST con el componente HTTP de Angular 2, hasta la creación y validación de formularios, directivas, estilos CSS, entre otras cosas.

Además de todo 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 full-stack moderno basado en JavaScript sin dolor, practicando poco a poco con las tecnologías con más proyección, subir de nivel en el desarrollo web 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 NodeJS y Angular 2 !!

Who is the target audience?
  • Estudiantes de informática
  • Desarrolladores web
  • Estudiantes de ingenieria y ciclos formativos
  • Programadores que quieren adquirir nuevos conocimientos
  • Cualquiera con conocimientos básicos de desarrollo web
Curriculum For This Course
100 Lectures
14:32:27
+
Introducción al curso de NodeJS y Angular 2 en Español
1 Lecture 07:57

Introducción al curso de NodeJS y Angular 2 - Crea webapps con el MEAN Stack 2.0 en Español.

Preview 07:57
+
Introducción a NodeJS
9 Lectures 01:05:56

Veremos como instalar Cygwin, git, ssh entre otras herramientas en nuestro sistema. En Mac y Linux no es necesario.

Instalar Cygwin + Git + SSH
05:43

Aprenderemos a instalar Node JS paso a paso.

Instalar NodeJS
04:13

Crearemos un alias en nuestra consola para tener acceso rápido al directorio del proyecto de Node.js y Angular 2.

Crear alias en la consola
02:46

Veremos como hacer una aplicación de consola de comandos (script a lo shell script) utilizando NodeJS, crearemos una pequeña calculadora.

Crear scripts para la linea de comandos con NodeJS (app calculadora)
15:16

Instalaremos el framework Express en NodeJS para usarlo en nuestro proyecto.

Instalar Express
09:45

Veremos como se crea un servidor HTTP en NodeJS.

Crear un servidor
04:52

Instalaremos BodyParser y Nodemon desde cero.

BodyParser y Nodemon
11:50

Veremos como utilizar las rutas y parámetros para las acciones de las apis que crearemos con NodeJs.

Rutas y parámetros
07:29

Aprenderemos que son las funciones flecha en JavaScript (TypeScript, NodeJS, Angular2, EcmaScript 6)

Funciones flecha (arrow functions)
04:02
+
Desarrollando una API RESTful completa con NodeJS y MongoDB (back-end)
13 Lectures 01:17:05

Métodos y códigos de status HTTP.

Metodos y códigos HTTP
00:07

Crearemos la estructura del proyecto del API RESTful que vamos a crear con NodeJS, ExpressJS y MongoDB desde cero.

Estructura del proyecto
11:48

Crearemos las acciones del controlador principal que vamos a utilizar en el proyecto de Node y Mongo.

Acciones del controlador
09:37

En esta clase aprenderemos a instalar MongoDB.

Instalar MongoDB
06:00

Instalaremos el ORM Mongoose para usar MongoDb dentro de Node.js

Instalar Mongoose
13:01

Crearemos un método en nuestra API Restful para guardar documentos y datos en la base de datos de MongoDB.

Método para guardar datos
09:50

Haremos consultas a la base de datos y listaremos y ordenaremos los resultados que nos devuelva con Mongoose.

Listar y ordenar registros
08:40

Crearemos una acción en el controlador y una ruta para devolver un documento en base a su id de base de datos.

Devolver un documento (acción)
03:07

Aprenderemos a actualizar los datos de un documento concreto de la base de datos y crearemos una acción para hacer el update dentro de nuestro controlador de nodejs.

Actualizar datos
04:37

Logs en la terminal con NodeJS

Console.log()
00:30

Programaremos la acción Delete de nuestro api para eliminar documentos de nuestra entidad de MongoDB.

Acción Delete
02:57

Configuraremos las diferentes cabeceras HTTP del back-end de Nodejs.

Configurar cabeceras HTTP (CORS, Methods)
04:51

Haremos mejoras en el controlador del servicio REST.

Mejoras del controlador del servicio rest
02:00
+
Introducción a Angular 2
8 Lectures 01:12:52

Aprende TypeScript (Tipado, POO, EcmaScript 6) y programación orienta a objetos. 

Aprende TypeScript
00:06

Aprenderemos a hacer la instalación de Angular 2 desde cero y como hacer un hola mundo con el framework.

Instalar Angular 2 y hacer un hola mundo
19:04

Crearemos un directorio para el proyecto de webapp SPA con Angularjs 2

Directorio del proyecto
02:05

Aprenderemos cual es la estructura de un componente (@Component) y de un módulo(app.module. @NgModule).

Estructura de un componente y un módulo
09:03

Veremos como utilizar las templates, plantillas o vistas en Angular 2 y como pasarles datos desde el componente.

Preview 06:00

Aprenderemos a crear muchos componentes dentro de la aplicación y veremos como cargar un componente dentro de otro en Angular 2.


Multiples componentes
07:46

Aprenderemos a utilizar las directivas en las plantillas de Angular 2. Utilizaremos directivas como el ngIf, ngFor, ngClass, directivas de eventos, como el click, blur, change, etc.

Templates y directivas (bucles, eventos, atributos, etc)
18:54

Seguimos profundizando en el uso de Angular 2 y sus directivas.

Directivas y atributos (ngClass, etc)
09:54
+
Desarrollando una aplicación web SPA con Angular 2 desde cero (front-end)
16 Lectures 02:59:10

Maquetaremos de forma básica nuestra aplicación web con Angular2.

Maquetación básica (CSS)
19:27

Crearemos una clase para el modelo de datos de Angular 2.

Crear modelo
04:25

Crearemos un componente para el listado principal, aprenderemos a crear servicios y hacer peticiones AJAX con el modulo HTTP de Angular 2 paso a paso en Español.

Componente para el listado principal, servicios y HTTP (AJAX)
19:56

Trabajaremos con los servicios, el HTTP(ajax) y mostraremos datos procedentes del servicio rest en la vista.

Servicio, HTTP y mostrar datos en la vista
04:50

Mostraremos más datos y haremos modificaciones en el CSS del proyecto.

Mostrar más datos y CSS
15:59

Aprenderemos a trabajar con el sistema de rutas de Angular 2 y veremos como enlazar un componente con otros.

Routing y enlaces
18:51

Haremos una sección para mostrar un marcador favorito de la base de datos, será un ejemplo completo de componentes, rutas, parámetros y http en Angular 2.

Ver marcador (componente, ruta, parametros y http)
15:57

Conceptos de objetos, tipos y AJAX.

Objetos, tipos y AJAX
06:09

En esta clase veremos como hacer un efecto de carga en Angular 2 para los listados cargados desde el API RESTful de NodeJS

Efecto de carga (loading spinner)
04:26

Crearemos un botón que enlace a otro componente y cargue una ruta de Angularjs.

Botón enlace a otro componente
07:00

Rutas y componentes para la sección de crear favorito.

Ruta y componente para crear favorito
05:05

Aprenderemos a crear formularios en Angular 2 en Español.

Crear formulario
13:14

En esta clase veremos como hacer validaciones de formularios de forma fácil en Angular 2.

Validar formulario
04:30

Guardaremos los datos del formulario en la base de datos mediante el API REST que hemos creado con Node JS, Express, y Mongo DB.

Guardar datos del formulario
13:35

Crearemos el formulario de editar datos.

Formulario de editar
10:50

Veremos como crear un método que elimine documentos consumiendo el api rest desde angular 2.

Eliminar marcadores / favoritos
14:56
+
Angular CLI
2 Lectures 34:48

Aprenderemos a utilizar Angular CLI en proyectos de Angular 2.

Instalar y probar Angular CLI
15:00

Veremos como poner un proyecto de Angular 2 en producción a un hosting o servidor APACHE + PHP.

Pasar un proyecto a producción (Apache+PHP)
19:48
+
Backend para una aplicación de albums de imágenes
16 Lectures 02:15:33

Empezaremos a desarrollar una nueva API RESTful desde cero e instalaremos Express, BodyParser, Mongoose y Connect Multiparty

Instalar Express, BodyParser, Mongoose y Connect Multiparty
07:26

Instalaremos nodemon para trabajar de forma más comoda con NodeJS.

Instalar Nodemon
02:10

Crearemos un servidor con NodeJS y Express y haremos la conexión a MongoDB en el proyecto de albums, victorroblesweb.es

Crear servidor y conexión a MongoDB
12:51

Crearemos los modelos de nuestra aplicación. victorroblesweb.es

Crear modelos
08:11

Crearemos nuestros primeros controladores, métodos y rutas para la api restful de albums.

Controladores, acciones, rutas y listados
15:20

Guardaremos documentos de tipo album en nuestra base de datos de MongoDB mediante un método de nuestra API REST.

Guardar un album
07:40

Aprenderemos a crear un método para nuestra API que nos permita actualizar un album de la base de datos de Mongo usando Mongoose en NodeJS

Método Actualizar album
06:56

Crearemos un método delete para eliminar albums de nuestra app.

Borrar album
03:57

Crearemos el controlador para el API RESTful con NodeJS que controle las imagenes que contienen los albums

Controlador de imágenes
04:57

Guardar documentos en la base de datos de MongoDB, devolver una imagen, y usar el método populate.

Guardar imágenes, devolver una y método populate
15:24

Crearemos métodos para el api que nos devolverán los listados de imágenes en json y usaremos tambien el método populate con Mongoose.

Conseguir listados de imágenes y populate
13:07

Crearemos un método para el API RESTful con NodeJS que nos elimine un recurso de la base de datos.

Actualizar imagen
05:47

Crearemos una url para el api de albums que nos permita eliminar imágenes de la base de datos.


Eliminar imágenes
05:31

Veremos como subir ficheros con node.js, express.js y connect multiparty. Curso completo de NodeJS y Angular2 victorroblesweb.es

Subir archivos con NodeJS
15:47

Crearemos un método que nos devuelva una imagen por HTTP.

Devolver una imagen y configurar cabeceras HTTP
08:37

Veremos unas cuantas mejoras en el método del api que hemos creado anteriormente.

Mejora al devolver imágen
01:52
+
Frontend SPA para la aplicación de albums
27 Lectures 04:00:59

Instalar Angular 2 desde cero en Español con Angular CLI.

Instalar Angular 2 para el proyecto
07:53

Arrancaremos el entorno de desarrollo para desarrollar con el MEAN Stack 2.0

Arrancar el entorno de desarrollo
03:51

Crearemos un componente y una vista para el listado principal de albums. victorroblesweb.es

Crear el componente y la vista para albums
06:30

Añadiremos un fichero de estilos css3 para la aplicación web con Angular 2.

Añadir una hoja de estilos (CSS)
04:03

Configuraremos el sistema de rutas de Angular2 paso a paso.

Configurar el routing de AngularJS 2
10:23

Daremos los estilos básicos a la webapp con Angular 2 en Español de Víctor Robles.

Maquetación web básica
05:05

Crearemos los modelos de álbum e imagen y crearemos una clase para el servicio y las peticiones http.

Modelos y servicios
14:02

Listado principal de albums en la aplicación de Angular 2.

Pagina principal de albums
14:57

Pondremos un spinner de Ajax en el listado de recursos de la webapp de Angular2.

Efecto de carga (Loading ajax)
04:37

Crearemos nuevos componentes para las nuevas funcionalidades de la app de Angularjs2

Crear componente para añadir album
06:00

Crearemos un formulario para añadir un album a la base de datos. Usaremos formularios, data binding, servicios, etc dentro de Angular2 paso a paso.

Crear un album (servicio + two-way databinding)
14:47

Crearemos un componente para la página de detalle del album.

Página del album
13:39

Editar albums en la webapp.

Edición del album
14:45

Eliminar albums de fotos de nuestra aplicación web SPA de Angular 2.

Eliminar albums
09:13

Maquetaremos  y mejoraremos los estilos css de la página principal de la webapp de Angular2. Cursos online de Víctor Robles.

Estilos CSS en la home
04:25

Crearemos un nuevo componente(página) en Angular 2 para poder añadir imágenes a la webapp.

Componente, ruta y servicio para añadir imágenes a un album
11:39

Guardaremos la imagen el la base de datos de MongoDB a través del formulario.

Guardar la imagen
12:52

Crearemos múltiples métodos en el servicio de Imágenes para hacer peticiones http.

Métodos del servicio
05:20

Mejoras en los servicios de AngulasJS.

Mejoras en el servicio de imágenes
00:25

Componente para editar imágenes en la web spa de albums con Angular 2.

Editar imagen
11:01

Subir archivos e imágenes desde Angular 2 (Angular.js)

Subir ficheros con Angular2
17:11

Haremos las peticiones al servicio REST desde angular2 para sacar el listado de imágenes.

Petición para el listado de imágenes de un album
07:59

Listado de imágenes dentro del album (webapp angularjs2)

Listar imágenes en un album
13:26

Estilos CSS para el listado de la página de album.

Maquetación de las imágenes
06:04

Crearemos una página para mostrar las imágenes y su detalle dentro de la web hecha con Angular 2.

Detalle de la imagen
15:46

Añadiremos la funcionalidad de eliminar imágenes de la aplicación web (NodeJS, Angular2, MongoDB, Express)

Botón borrar imagen
04:58

Descargar el código.

Descarga el código desarrollado en el curso
00:08
+
Más cosas de Angular 2
1 Lecture 07:19

Como usar jQuery dentro de los componentes de Angular2.

Utilizar jQuery dentro de Angular 2
07:19
+
[EXTRA] Chat con Sockets
6 Lectures 50:15

Crearemos el proyecto inicial para empezar a desarrollar la aplicación web de chat con SocketIO y Node.js

Crear el proyecto base
05:14

Instalaremos las dependencias necesarias, como por ejemplo, express, socket.io, nodemon, etc

Instalar dependencias
03:46

Cargaremos los módulos para empezar a crear el chatroom con nodejs.

Cargar librerias y módulos
08:17

Crearemos un evento en el socket para que permita conectarse a los clientes.

Conexión al socket
08:37

Crearemos lo básico para emitir mensajes desde el servidor a los clientes.

Emitir mensaje de bienvenida y mostrarlo en los clientes
10:51

Enviar y recibir mensajes.

Enviar y recibir mensajes en el Chat
13:30
1 More Section
About the Instructor
Víctor Robles
4.3 Average rating
7,526 Reviews
23,794 Students
17 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 y en mis perfiles en las diferentes redes sociales ;) .