Curso Profesional de Angular 5 con Material Design

Así que por fin has decidido aprender Angular, esa es una excelente decisión. Angular es una muy buena opción cuando se implementan sistemas enterprise como aplicaciones de una sola página (Single Page Applications); debido a su gran cantidad de módulos out-of-the-box se ha convertido en una de las herramientas que todo Front-end Developer Profesional debería conocer y dominar. Durante este curso estaremos aprendiendo la versión más reciente de Angular, nos introduciremos paso a paso en la creación de una aplicación con autenticación contra un REST API para consumo y generación de nueva información. Pero, no sólo eso también aprenderemos a utilizar los componentes de Material Design para acelerar nuestro desarrollo.

Para ver este curso completo te invitamos a que nos ayudes haciendo una aportación con la cual adquieres acceso total a las lecciones.

Hacer aportación

Agregar a mis favoritos

Parte 1 - Breve introduccción y ¿Qué aprenderemos? (7:21)

Parte 2 - Presentación de la Aplicación Final Angular 5 y Material Design (3:00)

Parte 3 - Arquitectura de Nuestra App en Angular 5 con Material Design (1:22)

Parte 4 - Angular CLI (8:12)

Parte 5 - Ejercicio #1 Creando componentes con Angular CLI (11:44)

Parte 6 - Angular Material (5:46)

Parte 7 - Configuración y mi primer componente con Angular Material (4:39)

Parte 8 - Integración de Bootstrap (4:26)

Parte 9 - Preguntas y Respuestas (lecciones 1 - 8) (19:36)

Parte 10 - Ejercicio #4 Formularios con Angular Material (11:02)

Parte 11 - HTTP Client desde Angular 4.3.0 (11:06)

Parte 12 - Ejercicio #5 Comunicación con REST API para Autenticación (Laravel) (7:52)

Parte 13 - Autenticación y Routers (18:53)

Parte 14 - Preguntas y Respuestas (lecciones 10 - 13) (9:34)

Parte 15 - Interceptores (3:16)

Parte 16 - Ejercicio #7 Creando un interceptor para inyección de headers (11:22)

Parte 17 - REST API | Datos - Revisión con CakePHP (3:47)

Parte 18 - Ejercicio #8 Comunicación con CakePHP (20:38)

Parte 19 - Preguntas y Respuestas (lecciones 15 - 18) (12:25)

Parte 20 - Breve Recordatorio (6:34)

Parte 21 - Ejercicio #10 Agregando paginación (9:11)

Parte 22 - Ejercicio #11 Agregando sorting (7:58)

Parte 23 - Angular Material Menús (13:06)

Parte 24 - Preguntas y Respuestas (lecciones 20 - 23) (6:55)

Parte 25 - Ejercicio #12 Combinando eventos de Angular con Material (9:27)

Parte 26 - Angular Material Dialog (39:10)

Parter 27 - Preguntas y Respuestas (lecciones 25 - 26) (5:53)

Parte 28 - Ejercicio #14 Creación de un Dialog para manejo de errores (34:18)

Parte 29 - Preguntas y Respuestas Finales (lección 28) (7:36)

Arquitectura, Configuración y Archivos de Código importantes
1. Arquitectura de una aplicación de Angular
2. Revisión de archivos fuente importantes
3. Ciclo de vida de una aplicación Angular
Angular CLI
1. Instalación
2. Generación de componentes
3. Creación de servicios
4. Bootstrapping con Angular
Módulos y Componentes
1. @Component
2. Uso de @NgModule
3. Componentes inteligentes y componentes dumb
Templates
1. Interpolación
2. Bindings de propiedades y eventos
3. Two-way data binding
Built-in Directives
1. nglf
2. ngFor y su uso con colecciones
3. ngClass
Angular Material
1. ¿Qué es Material Design?
2. Componentes más comunes
  1. Form Controls
  2. Navigation
  3. Layouts
  4. Buttons & Indicators
  5. Popups & Modals
  6. Data Tables
3. Uso de plantillas
4. Uso de tipografías

Instalar:

Node.js
Un editor de código como Visual Studio Code o WebStorm
Tener acceso a una terminal con permisos de administrador

¿Tienes alguna pregunta?

Para ver esta funcionalidad debe aceptar el uso de cookies.

Instructor

Alex Arriaga

Adquiere tu Membresía

Ahora ya puedes adquirir tu membresía premium y obtener acceso a todos los cursos, empieza ahora y conviértete en un profesional de la web.

Adquirir ahora

Aportaciones por Curso

Con tus aportaciones podremos continuar con este proyecto, lo que aportes será destinado a:

Seguir creando contenido actualizado enfocado a dar soluciones.
Promoción de la democratización del conocimiento. Necesitamos que más jóvenes continúen preparándose para hacer juntos un futuro mejor.
Costos de operación (transmisión en vivo, servidores web, newsletters).

$19.99 USD

Acceso al curso profesional totalmente en vivo.
Acceso al curso profesional después de la transmisión (lo podrás ver cuántas veces quieras).
Respuesta a TODAS tus preguntas durante el curso en vivo.
Acceso al código fuente con ejemplos listos para ser aplicados en tus proyectos personales.

Aportar $19.99 USD

$49.99 USD

Acceso al curso profesional totalmente en vivo.
Acceso al curso profesional después de la transmisión (lo podrás ver cuántas veces quieras).
Respuesta a TODAS tus preguntas durante el curso profesional en vivo.
Prioridad alta para responder tus preguntas en nuestro sistema de comentarios.
Acceso al código fuente con ejemplos listos para ser aplicados en tus proyectos personales.
Obtén un certificado por tu asistencia, con un enlace público para poder compartirlo en tu perfil social (LinkedIn o tu sitio personal).
Tendrás prioridad en la selección de próximos eventos por ejemplo si quieres aprender sobre: Metodologías para CSS, lo haremos especialmente pensando en ti.

Aportar $49.99 USD

$149.99 USD

Acceso al curso profesional totalmente en vivo.
Acceso al curso profesional después de la transmisión (lo podrás ver cuántas veces quieras).
Respuesta a TODAS tus preguntas durante el curso profesional en vivo.
Prioridad alta para responder tus preguntas en nuestro sistema de comentarios.
Acceso al código fuente con ejemplos listos para ser aplicados en tus proyectos personales.
Tendrás prioridad en la sección de próximos eventos por ejemplo si quieres aprender sobre: Metodologías para CSS, lo haremos especialmente pensando en ti.
Obtén un certificado por tu asistencia, con un enlace público para poder compartirlo en tu perfil social (LinkedIn o tu sitio personal).
Videos editados en Full HD descargables para que puedas verlos cuántas veces quieras sin necesidad de conexión.

Aportar $149.99 USD

Curso Profesional de Angular 5 con Material Design

Arquitectura, Configuración y Archivos de Código importantes

Angular CLI

Módulos y Componentes

Templates

Built-in Directives

Angular Material