Udemy

Platform

Español

Language

Web Development

Category

Curso de Angular Avanzado: MEAN, JWT, Módulos, Animaciones

Crea webapps avanzadas con Angular 7, 8, 9, 10, 11 + Login, registro y roles usuario + Backend con NodeJS, MongoDB, JWT

3.95 (1094 reviews)

4373

Students

16.5 hours

Content

Jan 2021

Last Update
$94.99
Regular Price


What you will learn

Dominar Angular

Desarrollar aplicaciones web SPA

Crear aplicaciones web modernas con Angular

Conocer aspectos avanzados del desarrollo con Angular

Desarrollar aplicaciones web con el MEAN Stack 2.0

Crear APIs RESTful con NodeJS

Utilizar bases de datos NoSQL como MongoDB

Hacer desarrollos fullstack completos

Usar JWT para hacer sistemas de login

Aumentar las posibilidades laborales como desarrollador

Mejorar la capacidad de adaptación a otros frameworks JavaScript


Description

Bienvenido al curso de Angular avanzado, compatible con Angular 2, Angular 4, Angular 5, Angular 6, Angular 7, Angular 8, Angular 9, Angular 10 y Angular 11.

Este es el curso Original de Angular avanzado, el primero que se ha creado en habla hispana. Dentro de el vamos a aprender a desarrollar aplicaciones web completas con Angular utilizando temas avanzamos como módulos, animaciones, hooks, routing, rutas hijas, guards, localstorage y mucho más. Además también aprenderemos a crear el backend con NodeJS, Express, MongoDB y JWT. 

¡No solo aprenderemos Angular avanzado si no que también haremos un desarrollo web fullstack con el MEAN Stack!

Angular 4 es el framework para JavaScript más popular actualmente. Está desarrollado por Google y su objetivo principal es el desarrollo y creación de webapps SPA, es decir, aplicaciones web dinámicas, instantáneas, reactivas y asíncronas con el servidor.

Al acabar este curso serás capaz de crear tus propias aplicaciones web SPA (Single Page Apps) usando Angular y sus componentes avanzados, además entenderás como crear un backend completo con NodeJS y MongoDB algo fundamental si quieres convertirte en desarrollador web full-stack con JavaScript moderno.

Este curso de Angular avanzado en Español, es exclusivo, está diseñado para que aprendas todo lo necesario para cubrir todas las necesidades en un desarrollo con el MEAN Stack 4.0 (MongoDB, Express, Angular y NodeJS). 

Todo lo que vamos a ver en el curso tiene un enfoque completamente práctico, real y paso a paso para que no te quedes con ninguna duda.

Se hará un repaso de Angular e intentaremos que todo sea desde cero, pero es recomendable tener unas nociones básicas de Angular para poder aprovechar al máximo este curso.

Durante las más de 14 horas del curso verás muchísimos ejercicios prácticos y desarrollaremos una aplicación de un zoológico. Algunos de los temas que veremos son los siguientes:

  • Instalación de Angular

  • Angular CLI

  • Componentes, plantillas y estilos

  • Múltiples componentes

  • Comunicación entre componentes

  • Propiedad Input

  • Propiedad Output

  • Hooks de ciclo de vida

  • Uso practico de los hooks

  • Routing

  • Rutas hijas

  • Guards y restricciones de acceso 

  • LocalStorage

  • Integración de Bootstrap y jQuery

  • Maquetación web con Bootstrap

  • Utilización de librerías externas

  • Usar plugins de jQuery

  • Integrar editor de texto enriquecido

  • Módulos en Angular

  • Módulos simples

  • Feature modules

  • Creación de un panel de administración

  • Transiciones y animaciones con CSS3

  • Animaciones y transiciones con Angular

  • Animaciones entre componentes y rutas

  • Crear un backend con NodeJS, Express y MongoDB

  • Desarrollo de servicios RESTful con NodeJS

  • Trabajo con bases de datos no relacionales con MongoDB

  • Diseño básico de bases de datos

  • Utilizar programas GUI para gestionar MongoDB

  • Autenticación, login y seguridad en APIs REST con JWT

  • Subir imágenes con NodeJS

  • Uso de middlewares en el backend de NodeJS

  • Login y registro en Angular

  • Servicios en Angular

  • HTTP y AJAX en Angular

  • Sesiones en Angular

  • Subir imágenes con Angular

  • Avatar de usuario

  • Roles de usuario en front y back-end

  • Pipes y filtrado de datos con JavaScript

  • ¡Y mucho más!


Como puedes comprobar es un curso muy completo y poco a poco desarrollaremos una aplicación web completa en la que uniremos todas las piezas del puzzle que nos ofrece Angular y el MEAN Stack.

Empezaremos el desarrollo desde cero y paso a paso desde el planteamiento hasta la creación del front-end y el back-end para crear una web completa.

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

Si quieres aprender Angular avanzado y desarrollo con MEAN Stack sin dolor, practicando poco a poco, subir de nivel en el desarrollo frontend y backend con JavaScript 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 Angular 2, 4, 5, 6, 7, 8, 9, 10 y 11 avanzado !!





Screenshots

Curso de Angular Avanzado: MEAN, JWT, Módulos, Animaciones
Curso de Angular Avanzado: MEAN, JWT, Módulos, Animaciones
Curso de Angular Avanzado: MEAN, JWT, Módulos, Animaciones
Curso de Angular Avanzado: MEAN, JWT, Módulos, Animaciones

Content

Introducción

Antes de continuar aprendiendo

Introducción

Instalación y entorno de desarrollo

Instalar NodeJS

Instalación de Angular

Crear el proyecto en el editor de código

Componentes

Crear componentes, plantillas y estilos

Creación de varios componentes

Comunicación entre componentes

Inputs

Outputs

Hooks

OnChanges

OnInit

DoCheck

OnDestroy

Routing y páginas

Configurar el sistema de rutas

Router y componentes

Navegación entre rutas

Sesiones y LocalStorage

LocalStorage y DoCheck. Ejemplos prácticos.

Eliminar elementos del LocalStorage

Bootstrap y maquetación web

Instalar Bootstrap y jQuery

Maquetar el menú

Maquetación de home page

La ruta actual (routerLinkActive)

Librerías externas

jQuery dentro de Angular

Utilizar plugins de jQuery

Instalar editor de texto enriquecido (tinymce)

Más ejemplos

Módulos

Formas de modularizar las webapps con Angular

Crear módulo simple

Crear módulo avanzado con rutas. Feature. Parte 1

Modulo funcionalidad. Rutas hijas. Parte 2

Módulo del panel de administración

Maquetación del modulo del panel de administración

Formulario de añadir animales

Animaciones

Transiciones en CSS3

Animaciones con CSS 3

Animaciones simples con estados en Angular

Animaciones entre componentes

Fundidos y más efectos

Backend con NodeJS, MongoDB, Express y JSON Web Tokens (API RESTful)

Introducción al back-end con NodeJS, Express.js, MongoDB y JWT

Instalar MongoDB

Administrar MongoDB con GUI (RoboMongo y Robo3T)

Diseñar esquema de la base de datos

Instalar dependencias

Crear la base de datos

Conectarnos a la bbdd desde NodeJS

Crear servidor web con Node.js y Express

El cliente RESTful y como testear el api

Crear modelos y entidades

Crear controlador y rutas

Acción para el registro de usuarios

Controlar usuarios duplicados

Método para el Login de usuarios

Servicio y generar token con JWT

Middleware de autenticación

Actualizar usuario

Subir avatar de usuario

Devolver imágenes de usuario

Método para listar cuidadores

Controlador de animales

Acción de guardado de animales

Devolver listado de animales

Devolver objeto json de un animal concreto

Actualizar animal

Subir y mostrar la imagen del animal

Borrar animales de la bbdd

Middleware para el rol de administrador

Configurar cabeceras HTTP y acceso CORS

Página de registro de usuarios

Optimizar y minificar librerías del proyecto

Elementos del menú para el login y el registro

Componentes y rutas para login y registro

Formulario de registro

Crear modelos

Recibir los datos del formulario de registro

Operator map

rxjs/Observable

Servicios para usuarios

Dar de alta nuevo usuario

Autenticación y login de usuarios

Formulario de Login

Vincular objeto de usuario al formulario de login

Servicio y login

Persistir sesión del usuario (localstorage y jwt)

Logout

Sección "Mis datos"

Componente de mis datos

Formulario para editar mis datos

Actualizar información del usuario

Subir avatar de usuario

Mostrar imágenes de usuario

Guards y roles

Mejorando el API RESTful

Mostrar link al panel de administración

Guards en el módulo admin

Desarrollando el Panel de administración

Componente añadir animales

Guardar el nuevo animal

Subir imagen del animal desde el front

Listado de animales

Detalle del animal

Maquetar el detalle

Editar un animal

Botón y popup de borrado de animales

Pipes y buscador instantaneo

Buscador de animales

Parte pública y extras

Sección de animales

Listar y maquetar animales

Página de cuidadores

Animaciones desde un lateral

Repaso de Angular

Antes de empezar esta sección...

Novedades de Angular 5

Actualizar NodeJS

Instalar Angular 5

¿Que es un componente?

Creación de componentes

Directivas condicionales

Bucles en plantillas

¿Que es TypeScript?

Vistas y plantillas independientes

Tipos de datos en TypeScript

Soluciones, Upgrades y migraciones de Angular

Instalar Angular 6

Solución al error Vulnerabilities de NPM y Node

Novedades en la estructura de ficheros y directorios

HttpClient

Migrar un proyecto de Angular a la ultima versión

Soluciones a problemas con Rxjs y Observable de Angular

Angular 7

Angular 8

Angular 9

Angular 9

Bonus y extras

El proyecto

BONUS - Despedida y sorpresas extra



Reviews

D
David30 September 2020

Un curso muy completo donde amplías tus conocimientos, tanto en el Front como en el Back. Me gusta mucho la forma de explicar de Victor, muy detallada y haciendo hincapié en las cosas más relevantes. Felicidades!

L
LUDWIG30 August 2020

Fue una experiencia muy positiva, solo quiero recalcar el hecho que hay instrucciones de código que están desactualizadas y sería bueno al final indicar la equivalencia en las nuevas versiones de este código de versiones anteriores. Sugiero en la medida de lo posible mayor rapidez en las respuestas a las preguntas planteadas por los alumnos. En general muy bueno el curso.

F
Francisco28 June 2020

Mejor estructurado en cuanto al otro de MEAN que tiene. Para aprendices y Jr. está perfecto. Mejoraría por el tema del uso correcto del inglés y aprendizaje de buenas prácticas.

L
Luisana31 May 2020

Muy bueno el curso, es bastante amplio todo lo que abarca. La explicación es bastante detallada, aprendí bastante

A
Adrian12 February 2020

Excelentes ejercicios, excelente explicacion, excelentes metodos, todo muy bien es el 2ndo curos que tomo con Victor Robles y super contento.

M
Miki29 January 2020

A veces, ser conciso y no repetir las cosas las hace más claras. No digo que sea el caso, muy buena experiencia por ahora, aunque la instalaión es algo que se podría actualizar ya que ha cambiado bastante, tanto el proceso como el proyecto base que te brindan

M
Melvin7 January 2020

Fue una buena elección, Porque recién estoy dando mis primeros pasos en este tema y me pareció muy didáctico gracias.

M
Miguel9 December 2019

El titulo del curso señala que es sobre angular avanzado y no lo es. Se enseñan cosas básica sobre angular, ademas esta muy desactualizado... Es una lastima, porque tenia altas expectativas acerca del curso.

C
César20 November 2019

El curso es de angular dos, solo hay un vídeo como de siete minutos el cual habla de angular ocho, por lo que muchas cosas que se utilizan en el curso ya no sirven actualmente, lo que trae demora al momento de estar haciendo el curso.

J
Juan21 September 2019

Buen curso para adentrarse en MEAN STACK. Como todos los cursos de este profesor, está todo muy bien explicado. Hecho en falta un poco más de profundidad en Mongoose, hay cosas que se pasan de largo como las validaciones en el constructor, uso de los AND y OR en las búsquedas de las bases de datos, filtros en campos devueltos. También hecho un poco en falta un glosario con los tipos de códigos devueltos por la api. Hay ejemplos en los que la api te puede devolver diferentes 200 uno con datos y otro sin estos, cosa que nos puede llevar a la confusión. Le hubiera dado un 5 al curso si hubiera tenido estos contenidos a mi parecer necesarios, ya que no se aprovecha toda la potencia que nos da Mongoose. Estaría bien que lo añadiese a los bonus :)

A
Alan18 September 2019

Buenos interesante seria bueno si hicieras un curso con spring boot persintencia spring jdbc si es que puede claro esta

R
Ricardo6 September 2019

Ya realice el de cero a avanzado y fue genial ahora me imagino que sera igual, falta un curso que hagas de ionic basico-intermedio y otro avanzado creando una app con geolocalización algo asi tipo uber la idea es utilizar bien la api de google y todo lo que trae.

J
Juan26 August 2019

Este es el segundo curso que tomo con Victor Robles, considero que es un buen instructor, es directo, práctico, pero hay dos cosas que me parecen deficientes en este curso, primero, esperaría que el ejemplo desarrollado fuera avanzado, no solo un CRUD, si no un proyecto complejo donde existieran casos de uso igualmente complejo con DI de servicios y operaciones asincronas en el que se haga uso extensivo de observables y emisores, ya que lo que está desarrollando Victor en un casi un 40% del curso ya, no es mas que un simple mantenedor y no la funcionalidad o "core" de negocio que nos toca desarrollar en un ambiente con Backends como SAP PI, Oracle OSB , eso sería muy valioso, una experiencia que se condiga con el titulo de "Avanzado" , ya que no me parece que el curso hasta ahora, entregue mucho mas de lo que se encuentra en la web simplemente googleando, por lo que esperaría mucho más de Victor. Lo segundo, es el tratamiento que Victor da la "Arquitectura", hasta ahora veo que la relega a un concepto de organización, pero no veo un trabajo profundo en el diseño de comunicación de objetos, los desarrolla en la marcha, pero no nos hace entender por medio de un diseño o mapa previo al desarrollo, se salta el análisis como si eso no fuera parte, queda del lado nuestro cómo lo vamos a aplicar, eso en una etapa de entrenamiento lo considero superficial, acá Victor debiera partir exponiendo un desafío, una aplicación compleja de B2B o Ecommerce por ejemplo, verla completa, explicando todo su sistema de componentes, módulos, servicios, con un BackEnd robusto como ORACLE o SQL SERVER, no MongoDb que no se usa intensivamente en bancos por ejemplo, recién ahí comenzar a enseñar y hacer entender cómo lograr el resultado, creo que eso es motivador, acá vas clase a clase encontrando cosas, útiles nadie lo discute, pero avanzado? con un fuerte entendimiento de lo que es una arquitectura de componentes y servicios? Espero Victor realice algo como lo que sugiero, si fuera así le compro un tercer curso sin duda.

O
Oscar20 August 2019

Este curso utiliza en todo momento Angular 4 para el proyecto base del Zoo y han habido bastantes cambios de Angular 4 al 8, sobre todo relacionados con los observables y dependencias, la solución "mandame un MP que yo te mando el curso (en Angular 4 se entiende) no me parece una solución valida. No se usan los comandos de generación de componentes y módulos durante la realización de la app del Zoo, no es que sea un problema grave, con recortar esas partes en plan "antes y después" estaría bien, pero es un tiempo perdido por capitulo. Lo único 100% positivo es la manufactura de la API y MongoDB.

G
Guillermo17 July 2019

todo bien, pero hay varios temas que se vuelven a tocar respecto al curso "Curso de Angular 8 - Desde cero hasta profesional"



1184020

Udemy ID

4/17/2017

Course created date

11/20/2019

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram
Android PlayStore
Apple Appstore