Crea tu tienda online con Angular

Taller: Crea tu tienda online con Angular

Desarrolla un ecommerce con Angular y Angular Material

Si llegaste a este curso ya eres un programador frontend con Angular y estás listo para desarrollar tu primera aplicación. En este taller desarrollaremos una tienda en línea aplicando todo lo aprendido en los cursos previos. Además tendrás acceso al código para implmentarlo en tus propios proyectos.

Este curso forma parte de:

Poster del curso
Avatar

Luis Aviles

Taller: Crea tu tienda online con Angular

O actualiza a premium y accede a todos los cursos

Regala este curso

¿Qué aprenderás?

  • Crear una aplicación CRUD con Angular
  • Integrar Angular Material en tu proyecto
  • Aplicar la validación de formularios
  • Consumir servicios RESTful

¿Qué conocimientos necesitas?

Nivel

avanzado

+5horas

Temario del curso

¿Eres estudiante premium o has comprado este curso?Empieza aquí

Creación del proyecto

  • 1.1 - Introducción al workshop04:42
  • 1.2 - ¿Qué aprenderemos y qué herramientas usaremos? 05:35
  • 1.3 - Mockups para el proyecto02:35
  • 1.4 - Integración con Angular Material04:01
  • 1.5 - Definiendo el modelo de datos en backend03:05
  • 1.6 - Generando servicios RESTful 04:37
  • 1.7 - Probando los servicios RESTful14:27

Login y listado de productos

  • 2.1 - Definiendo la arquitectura de la aplicación11:06
  • 2.2 - Implementando el Login02:45
  • 2.3 - Definir la plantilla de Login08:56
  • 2.4 - Creando el modelo de datos para el Login08:56
  • 2.5 - Validando las credenciales de usuarios05:34
  • 2.6 - Definir la ruta para mostrar el Login06:13
  • 2.7 - Implementando el listado de productos07:13
  • 2.8 - Definiendo la plantilla para el listado de productos06:41
  • 2.9 - Creando el modelo de datos para productos03:28
  • 2.10 - Obteniendo los productos del Backend10:08
  • 2.11 - Definiendo la ruta para el listado de productos14:01

Registro de productos

  • 3.1 - Implementando el registro de productos03:25
  • 3.2 creando el componente para el registro de productos02:52
  • 3.3 - Definiendo la plantilla para el registro de productos06:03
  • 3.4 - Definiendo la ruta para el registro de productos02:20
  • 3.5 - Creando el modelo de datos para el registro de productos10:01
  • 3.6 - Registrando los productos en backend11:52
  • 3.7 - Actualizando el listado de productos03:33
  • 3.8 - Implementando el Toolbar y añadir producto10:17

Edición y borrado de productos

  • 4.1 - Implementando, Creando el componente y Creando el modelo de datos para la edición de productos11:17
  • 4.2 - Cargando detalles del producto11:43
  • 4.3 - Actualización de producto en backend06:32
  • 4.4 - Actualización de listado de productos03:58
  • 4.5 - Habilitando la opción de edición de productos02:04
  • 4.6 - Implementando el borrador de productos08:31
  • 4.7 - Dialogo de confirmación reusable y definir la plantilla para el dialogo de confirmación04:20
  • 4.8 - Definir el comportamiento para el dialogo de confirmación04:08
  • 4.9 - Usando una instancia del dialogo de confirmación08:37

Validación y mensajes de error

  • 5.1 - Refactorizando el Código común02:25
  • 5.2 - Creando formulario de productos14:10
  • 5.3 - Refactorizando el formulario de adición de productos06:45
  • 5.4 - Refactorizando el formulario de edición de productos 05:22
  • 5.5 - Agregando reglas de validación para el Login07:53
  • 5.6 - Agregando reglas de validación para adición y edición de productos17:44
  • 5.7 - Manejando errores en la aplicación14:06
  • 5.8 - Indicadores de progreso en la aplicación05:20
  • 5.9 - Creando el servicio para mostrar el progreso03:01
  • 5.10 - Creando el componente para mostrar el progreso04:19
  • 5.11 - Creando el Interceptor08:09
  • 5.12 - Mostrando el indicador de progreso04:24
  • 5.13 - Recomendaciones y conclusiones05:47

¿Por qué elegir EDteam?

Profesores reales

Profesores reales

Todos nuestros profesores tienen experiencia real en aulas.Porque no basta saber un tema, sino saber enseñarlo.

Especialidades

Especialidades

Las especialidades son rutas de aprendizaje detalladas que te llevan a traves de cursos cortos a tu objetivo.

Aprende con proyectos

Aprende con proyectos

Somos la primera plataforma en incluir un proyecto del mundo real (no un examen) para completar los cursos.

Comunidad

Comunidad

No te quedes con dudas, busca apoyo en la comunidad, ayuda a tus compañeros y gana reputación.

Seguimiento de aprendizaje

Seguimiento de aprendizaje

Lleva seguimiento de tus avances, tomar notas y obtén un certificado de culminación desde nuestra plataforma.

Clases en vivo

Clases en vivo

Toda la semana tenemos clases en vivo en las que nuestros estudiantes interactuan con los profesores y sus compañeros.

Poster del curso
Avatar

Luis Aviles

Taller: Crea tu tienda online con Angular

O actualiza a premium y accede a todos los cursos

Regala este curso