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

Aprende a desarrollar servicios RESTful (APIs) con NodeJS y MongoDB y a crear webs SPA con Angular2 (nuevo AngularJS)
4.2 (180 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.
1,271 students enrolled
$23
$40
42% off
Take This Course
  • Lectures 100
  • Length 14.5 hours
  • Skill Level All Levels
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2016 Spanish

Course 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 !!

What are the requirements?

  • HTML / CSS
  • JavaScript básico

What am I going to get from this course?

  • 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

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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

07:57

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

Section 1: Introducción a NodeJS
05:43

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

04:13

Aprenderemos a instalar Node JS paso a paso.

02:46

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

15:16

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

09:45

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

04:52

Veremos como se crea un servidor HTTP en NodeJS.

11:50

Instalaremos BodyParser y Nodemon desde cero.

07:29

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

04:02

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

Section 2: Desarrollando una API RESTful completa con NodeJS y MongoDB (back-end)
00:07

Métodos y códigos de status HTTP.

11:48

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

09:37

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

06:00

En esta clase aprenderemos a instalar MongoDB.

13:01

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

09:50

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

08:40

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

03:07

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

04:37

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.

00:30

Logs en la terminal con NodeJS

02:57

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

04:51

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

02:00

Haremos mejoras en el controlador del servicio REST.

Section 3: Introducción a Angular 2
00:06

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

19:04

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

02:05

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

09:03

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

06:00

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

07:46

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


18:54

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.

09:54

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

Section 4: Desarrollando una aplicación web SPA con Angular 2 desde cero (front-end)
19:27

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

04:25

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

19:56

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.

04:50

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

15:59

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

18:51

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

15:57

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.

06:09

Conceptos de objetos, tipos y AJAX.

04:26

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

07:00

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

05:05

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

13:14

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

04:30

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

13:35

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

10:50

Crearemos el formulario de editar datos.

14:56

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

Section 5: Angular CLI
15:00

Aprenderemos a utilizar Angular CLI en proyectos de Angular 2.

19:48

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

Section 6: Backend para una aplicación de albums de imágenes
07:26

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

02:10

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

12:51

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

08:11

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

15:20

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

07:40

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

06:56

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

03:57

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

04:57

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

15:24

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

13:07

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.

05:47

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

05:31

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


15:47

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

08:37

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

01:52

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

Section 7: Frontend SPA para la aplicación de albums
07:53

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

03:51

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

06:30

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

04:03

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

10:23

Configuraremos el sistema de rutas de Angular2 paso a paso.

05:05

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

14:02

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

14:57

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

04:37

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

06:00

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

14:47

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.

13:39

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

14:45

Editar albums en la webapp.

09:13

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

04:25

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

11:39

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

12:52

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

05:20

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

00:25

Mejoras en los servicios de AngulasJS.

11:01

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

17:11

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

07:59

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

13:26

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

06:04

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

15:46

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

04:58

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

00:08

Descargar el código.

Section 8: Más cosas de Angular 2

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Víctor Robles, 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 ;) .

Ready to start learning?
Take This Course