Curso de Angular 4 avanzado: MEAN, JWT, Módulos, Animaciones
4.4 (28 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.
339 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Curso de Angular 4 avanzado: MEAN, JWT, Módulos, Animaciones to your Wishlist.

Add to Wishlist

Curso de Angular 4 avanzado: MEAN, JWT, Módulos, Animaciones

Crea webapps avanzadas con Angular 4 + Login, registro y roles de usuario + Backend con NodeJS, MongoDB, JWT y mucho más
4.4 (28 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.
339 students enrolled
Created by Víctor Robles
Last updated 8/2017
Spanish
Current price: $10 Original price: $200 Discount: 95% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 14 hours on-demand video
  • 3 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Dominar Angular 4
  • Desarrollar aplicaciones web SPA
  • Crear aplicaciones web modernas con Angular 4
  • 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
View Curriculum
Requirements
  • HTML y CSS básico
  • JavaScript básico
  • Conocer las bases de Angular 2 o Angular 4
Description

Bienvenido al curso de Angular 4 avanzado. Vamos a aprender a desarrollar aplicaciones web completas con Angular4 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 4 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 4 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 Angular4 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 4 e intentaremos que todo sea desde cero, pero es recomendable tener unas nociones básicas de Angular 4 o Angular 2 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 4
  • 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 4
  • Servicios en Angular
  • HTTP y AJAX en Angular
  • Sesiones en Angular 4
  • Subir imágenes con Angular 4
  • 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 4 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 4 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 4 avazado !!




Who is the target audience?
  • Desarrolladores web
  • Estudiantes de informática
  • Estudiantes de ingenieria o ciclos formativos
  • Personas interesadas en el desarrollo web
  • Interesados en el desarrollo front-end
  • Interesados en el mundo de AngularJS, Angular 2 y Angular 4
  • Cualquier persona que conozca lo básico de Angular
Students Who Viewed This Course Also Viewed
Curriculum For This Course
100 Lectures
13:48:00
+
Introducción
1 Lecture 04:59

Introducción al curso de Angular 4 avanzado en Español - Aprende a desarrollar aplicaciones avanzadas con módulos, animaciones, JWT, usuarios, login, registro y roles con Angular 4, NodeJS, MongoDB, JWT y mucho más.

Aprenderemos Angular 4 avanzado y el MEAN Stack 4.0

Preview 04:59
+
Instalación y entorno de desarrollo
3 Lectures 07:53

Instalación de NodeJS y requisitos previos

Instalar NodeJS
00:11

Aprenderemos a instalar Angular 4 paso a paso y desde cero en Español

Preview 05:55

Configuraremos el proyecto de Angular en nuestro entorno de desarrollo para programar con la nueva versión de AngularJS en el.

Crear el proyecto en el editor de código
01:47
+
Componentes
2 Lectures 20:46

Repasaremos el trabajo con componentes, decoradores, estilos, etc dentro de Angular 4 (compatible con Angular 2)

Crear componentes, plantillas y estilos
13:55

Aprenderemos a trabajar con múltiples componentes dentro de un proyecto web SPA de Angular4 y Angular2

Creación de varios componentes
06:51
+
Comunicación entre componentes
2 Lectures 22:41

Aprenderemos a compartir información entre componentes y como pasar datos de un componente padre a un componente hijo dentro de Angular 5

Inputs
11:20

Comunicaremos los componentes hijos con los componentes padres pudiendo pasar datos de hijos a padres en un proyecto de AngularJS 4

Outputs
11:21
+
Hooks
4 Lectures 17:26

Aprenderemos a trabajar con el evento OnChanges del ciclo de vida de un componente de Angular, para detectar cambios en el componente.

OnChanges
06:18

Usaremos el hook OnInit de Angular 4

Preview 03:13

Aprenderemos a usar el Hook del ciclo de vida para detectar cambios en la aplicación de Angular 2, 4, 5.

DoCheck
05:36

Detectaremos cuando se va a eliminar la instancia de un componente de nuestro proyecto de Angular.

OnDestroy
02:19
+
Routing y páginas
3 Lectures 24:32

Configuraremos el routing de Angular

Configurar el sistema de rutas
07:38

Crearemos multiples rutas y componentes dentro de Angular

Router y componentes
13:45

Crearemos un menú de navegación entre las páginas

Navegación entre rutas
03:09
+
Sesiones y LocalStorage
2 Lectures 12:05

Aprenderemos a trabajar con el localstorage, el hook docheck y las sesiones en Angular 4

LocalStorage y DoCheck. Ejemplos prácticos.
09:51

Veremos como borrar indices del localstorage y la memoria del navegador

Eliminar elementos del LocalStorage
02:14
+
Bootstrap y maquetación web
4 Lectures 26:18

Incluiremos Bootstrap y jQuery dentro de nuestra webapp con Angular

Instalar Bootstrap y jQuery
08:38

Daremos estilos al menú de navegación de nuestra webapp de Angular4 5

Maquetar el menú
08:52

Estilizaremos la pagina principal de la aplicación de la web spa de Angular con Bootstrap y CSS3

Maquetación de home page
06:34

Aprenderemos a marcar y resaltar el elemento del menú que corresponde a la pagina actual en la que nos encontramos dentro de la web que estamos creando con Angular 4

La ruta actual (routerLinkActive)
02:14
+
Librerías externas
4 Lectures 30:35

Aprenderemos a trabajar con jQuery dentro de las nuevas versiones de Angular

jQuery dentro de Angular
09:02

Instalaremos plugins y extensiones de jQuery dentro de Angular js 2 4 5

Utilizar plugins de jQuery
05:11

Aprenderemos a instalar otro tipo de librerías dentro del proyecto con Angular4

Instalar editor de texto enriquecido (tinymce)
16:18

Más ejemplos de uso de librerías externas.

Más ejemplos
00:04
+
Módulos
4 Lectures 54:43

Conoceremos cuales son las diferentes maneras de crear y utilizar modulos en Angular y como modularizar las aplicaciones.

Formas de modularizar las webapps con Angular
04:20

Aprenderemos a crear módulos simples en Angular 4

Crear módulo simple
25:07

Crearemos un feature module en Angular que intereactue con el router

Crear módulo avanzado con rutas. Feature. Parte 1
07:28

Aprenderemos a crear un módulo de funcionalidad y a usar las rutas hijas en las últimas versiones del framework Angular victorroblesweb.es

Modulo funcionalidad. Rutas hijas. Parte 2
17:48
10 More Sections
About the Instructor
Víctor Robles
4.3 Average rating
9,119 Reviews
28,397 Students
20 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 victorroblesweb y en mis perfiles en las diferentes redes sociales ;) .