Udemy

Platform

Español

Language

Web Development

Category

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)

3.40 (941 reviews)

3675

Students

14.5 hours

Content

Jan 2021

Last Update
$94.99
Regular Price


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


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


Screenshots

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

Content

Introduccion al curso de Node y Angular

Introducción al curso de NodeJS y Angular 2 en Español

Introducción a NodeJS

Instalar Cygwin + Git + SSH

Instalar NodeJS

Crear alias en la consola

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

Instalar Express

Crear un servidor

BodyParser y Nodemon

Rutas y parámetros

Funciones flecha (arrow functions)

Desarrollando una API RESTful completa con NodeJS y MongoDB (back-end)

Metodos y códigos HTTP

Estructura del proyecto

Acciones del controlador

Instalar MongoDB

Instalar Mongoose

Método para guardar datos

Listar y ordenar registros

Devolver un documento (acción)

Actualizar datos

Console.log()

Acción Delete

Configurar cabeceras HTTP (CORS, Methods)

Mejoras del controlador del servicio rest

Introducción a Angular 2

Aprende TypeScript

Instalar Angular 2 y hacer un hola mundo

Directorio del proyecto

Estructura de un componente y un módulo

Plantillas, vistas y binding por interpolación

Multiples componentes

Templates y directivas (bucles, eventos, atributos, etc)

Directivas y atributos (ngClass, etc)

Desarrollando una aplicación web SPA con Angular 2 desde cero (front-end)

Maquetación básica (CSS)

Crear modelo

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

Servicio, HTTP y mostrar datos en la vista

Operator map

rxjs/Observable

Mostrar más datos y CSS

Routing y enlaces

Ver marcador (componente, ruta, parametros y http)

Objetos, tipos y AJAX

Efecto de carga (loading spinner)

Botón enlace a otro componente

Ruta y componente para crear favorito

Crear formulario

Validar formulario

Guardar datos del formulario

Formulario de editar

Eliminar marcadores / favoritos

Angular CLI

Instalar y probar Angular CLI

Pasar un proyecto a producción (Apache+PHP)

Backend para una aplicación de albums de imágenes

Instalar Express, BodyParser, Mongoose y Connect Multiparty

Instalar Nodemon

Crear servidor y conexión a MongoDB

Crear modelos

Controladores, acciones, rutas y listados

Guardar un album

Método Actualizar album

Borrar album

Controlador de imágenes

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

Conseguir listados de imágenes y populate

Actualizar imagen

Eliminar imágenes

Subir archivos con NodeJS

Devolver una imagen y configurar cabeceras HTTP

Mejora al devolver imágen

Frontend SPA para la aplicación de albums

Instalar Angular 2 para el proyecto

Arrancar el entorno de desarrollo

Crear el componente y la vista para albums

Añadir una hoja de estilos (CSS)

Configurar el routing de AngularJS 2

Maquetación web básica

Modelos y servicios

Operator map

Pagina principal de albums

Efecto de carga (Loading ajax)

Crear componente para añadir album

Crear un album (servicio + two-way databinding)

Página del album

Edición del album

Eliminar albums

Estilos CSS en la home

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

Guardar la imagen

Métodos del servicio

Mejoras en el servicio de imágenes

Editar imagen

Subir ficheros con Angular2

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

Listar imágenes en un album

Maquetación de las imágenes

Detalle de la imagen

Botón borrar imagen

Descarga el código desarrollado en el curso

Más cosas de Angular 2

Utilizar jQuery dentro de Angular 2

[EXTRA] Chat con Sockets

Crear el proyecto base

Instalar dependencias

Cargar librerias y módulos

Conexión al socket

Emitir mensaje de bienvenida y mostrarlo en los clientes

Enviar y recibir mensajes en el Chat

BONUS - Despedida y regalos

BONUS - Despedida y sorpresas extra



Reviews

M
Maria30 August 2020

Me ha gustado mucho la explicación , pero al centrarse solo en Windows es un problema ya que tengo un iMac y no sabia que tenia practicamente todo instalado.

A
Alan25 May 2020

Bien explicado, solo me gustaria saber como montar la app en un servidor / Host y que tambien funcione mi back end ..

L
Luis1 May 2020

Un buen curso bien explicado todos los temas así como el backend y el frontend aprendí muchas cosas nuevas ahora voy a seguir con el curso de angular avanzado ya que entiendo varios temas hay que aprender mas cosas nuevas

D
David25 April 2020

conozco las herramientas de node, angular y express por empirismo, pero gracias al curso estoy aprendiendo cosas nuevas y realmente útiles que no conocía

J
Juan11 April 2020

El profesor no tiene las ideas claras de muchas cosas de las que habla y se limita a pasar de largo en los conceptos que debe aclarar.

S
Sonia24 September 2019

viene muy muy bien! no sabia ni tenia nada de idea de lo que estoy viendo , y me parece super interesante!

C
Cristina5 September 2019

El curso está bien para iniciarse en estas tecnologías, aprenderás lo suficiente como para empezar a desenvolverte y crear tus propias apps. Si tienes conocimientos medios/avanzados no lo recomiendo, puede ser un poco lento. Puntos positivos: - Victor responde rápido las dudas que te van surgiendo. - Compredí perfectamente la estructura que tiene una aplicación MEAN, qué es cada cosa y como funciona. - Hay varios ejemplos de apps con una mayor dificultad a medida que vas avanzando. Puntos negativos: - Me ha faltado ver algún esquema conceptual al inicio, creo que sería interesante para próximos cursos. - Hay algunos contenidos obsoletos, en los servicios de angular,por ejemplo, me he tenido que pelear un poco para conseguir que funcione. - He echado de menos angular cli (opinión puramente personal ), entiendo que hacerlo "a pelo" es la mejor forma de aprender. Gracias Victor :) , seguiré haciendo tus cursos.

J
Javier17 May 2019

La curva de aprendizaje es muy alta, ya que el profesor es muy bueno. Quizás debería el profesor actualizar algunos vídeos que están empezando a quedarse un poco obsoletos. Pero no hay problema, ya que una vez comprendido el código (algo fácil con este profe), uno mismo puede programar con código más actualizado. Me gusta que la parte del Angular se haga de forma manual, ya que es muy didáctica, pero es mucho más cómodo hacerlo con la forma automática y debería usarse más (aunque eso se aprende rápido). En general, un excelente curso. Muy recomendable

L
Leopoldo15 January 2019

Es un buen curso aunque al parecer se debe tener experiencia anterior y no se especifica en los requisitos.

R
Ricard5 January 2019

Acabo de terminarlo, me ha gustado mucho, es muy práctico, si vas siguiendo las clases paso a paso aprendes bastante y coges una buena base para futuros proyectos con estas tecnologías. El instructor es muy accesible, siempre contesta a las dudas y te intenta ayudar con los problemas.

J
Jesús10 October 2018

la estoy viendo en el año 2018, creo que deberia actualizarse un poco el curso, aun asi averiguando cumple con las expectativas

A
Abel24 August 2018

Fue un poco confusa la explicación sobre los componentes, pero en la parte practica se entendió mejor.

I
Irene17 August 2018

Llevo varios cursos en Udemay y este chico me parece sin lugar a dudas el MEJOR PROFESOR que he tenido hasta ahora Lo hace fácil, sencillo, a un ritmo que no es lento pero que es fácil de seguir. Resumiendo le doy un 9,9 de nota porque llevo muchos años trabajando en el mundo de la calidad y por principios me niego a dar el 10 a nada :)

M
Marcelino23 July 2018

Buen curso, pero le falta profundizar un poco en angular como funcionan los componentes, o si tenemos que hacer una función que se comparta entre dos componentes como se podría resolver ese problema. Pero menos esos detalles, buen curso para empezar a aprender.

E
Erick26 May 2018

Al final quizá una mejor explicación sobre las arrow functions y diferencias importantes. Entiendo que estas solo interactúan localmente (?), y algún momento esto me dio un buen rato de confusión.



Coupons

StatusDateDiscount
Expired9/3/202095% OFF

990674

Udemy ID

10/21/2016

Course created date

11/20/2019

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram
Android PlayStore
Apple Appstore