Crea tu tienda online con Angular

Taller: Crea tu tienda online con Angular

avanzado
5 horas

También puedes acceder a todos los cursos con un solo pago

Sube a premium

Crea tu tienda online con Angular

Toma este curso
Crea tu tienda online con Angular

Taller: Crea tu tienda online con Angular

avanzado
+5 horas
Sube a premium

Y accede a todos los cursos con un solo pago

Crea tu tienda online con Angular

Crea tu tienda online con Angular

Desarrolla un ecommerce con Angular y Angular Material

Nivel: avanzado
Fecha de lanzamiento: 16 de dic.
Duración: +5 horas
(Ver temario)
Calificación: 4.9
(Ver 24 opiniones)

* Accede a este y a todos los cursos, talleres y especialidades

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.

¿Qué aprenderás en este curso?

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

Prof. Luis Aviles

@luixavilesVer perfil

Luis es Google Developer Expert en Tecnologías Web y Angular. Tiene más de 8 años de experiencia desarrollando software. Se considera entusiasta de JavaScript y el Open Source. Ha participado en diferentes eventos y conferencias internacionales de tecnología, dando charlas técnicas, talleres y diversas sesiones de capacitación. Es organizador de la comunidad Angular Bolivia y la conferencia NG Bolivia.

Temario del curso

Creación del proyecto

  • 1.1 - Introducción al workshop

  • 1.2 - ¿Qué aprenderemos y qué herramientas usaremos?

  • 1.3 - Mockups para el proyecto

  • 1.4 - Integración con Angular Material

  • 1.5 - Definiendo el modelo de datos en backend

  • 1.6 - Generando servicios RESTful

  • 1.7 - Probando los servicios RESTful

Login y listado de productos

  • 2.1 - Definiendo la arquitectura de la aplicación

  • 2.2 - Implementando el Login

  • 2.3 - Definir la plantilla de Login

  • 2.4 - Creando el modelo de datos para el Login

  • 2.5 - Validando las credenciales de usuarios

  • 2.6 - Definir la ruta para mostrar el Login

  • 2.7 - Implementando el listado de productos

  • 2.8 - Definiendo la plantilla para el listado de productos

  • 2.9 - Creando el modelo de datos para productos

  • 2.10 - Obteniendo los productos del Backend

  • 2.11 - Definiendo la ruta para el listado de productos

Registro de productos

  • 3.1 - Implementando el registro de productos

  • 3.2 creando el componente para el registro de productos

  • 3.3 - Definiendo la plantilla para el registro de productos

  • 3.4 - Definiendo la ruta para el registro de productos

  • 3.5 - Creando el modelo de datos para el registro de productos

  • 3.6 - Registrando los productos en backend

  • 3.7 - Actualizando el listado de productos

  • 3.8 - Implementando el Toolbar y añadir producto

Edición y borrado de productos

  • 4.1 - Implementando, Creando el componente y Creando el modelo de datos para la edición de productos

  • 4.2 - Cargando detalles del producto

  • 4.3 - Actualización de producto en backend

  • 4.4 - Actualización de listado de productos

  • 4.5 - Habilitando la opción de edición de productos

  • 4.6 - Implementando el borrador de productos

  • 4.7 - Dialogo de confirmación reusable y definir la plantilla para el dialogo de confirmación

  • 4.8 - Definir el comportamiento para el dialogo de confirmación

  • 4.9 - Usando una instancia del dialogo de confirmación

Validación y mensajes de error

  • 5.1 - Refactorizando el Código común

  • 5.2 - Creando formulario de productos

  • 5.3 - Refactorizando el formulario de adición de productos

  • 5.4 - Refactorizando el formulario de edición de productos

  • 5.5 - Agregando reglas de validación para el Login

  • 5.6 - Agregando reglas de validación para adición y edición de productos

  • 5.7 - Manejando errores en la aplicación

  • 5.8 - Indicadores de progreso en la aplicación

  • 5.9 - Creando el servicio para mostrar el progreso

  • 5.10 - Creando el componente para mostrar el progreso

  • 5.11 - Creando el Interceptor

  • 5.12 - Mostrando el indicador de progreso

  • 5.13 - Recomendaciones y conclusiones

Avatar

Prof. Luis Aviles

@luixavilesVer perfil

Luis es Google Developer Expert en Tecnologías Web y Angular. Tiene más de 8 años de experiencia desarrollando software. Se considera entusiasta de JavaScript y el Open Source. Ha participado en diferentes eventos y conferencias internacionales de tecnología, dando charlas técnicas, talleres y diversas sesiones de capacitación. Es organizador de la comunidad Angular Bolivia y la conferencia NG Bolivia.

Empieza a aprenderCrea tu tienda online con Angular

¿Aún no te decides? Mira una clase gratis

Mostrar precios en

  • Mensual
  • Semestral
  • Anual

Premium

$360240USDAhorras $120 USD

Paga 8 meses y obtén 12

Gráfico de tabla

Alcanza tus metas con todos los cursos y funciones premium.

  • Paga 8 meses y obtén 12

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam

  • Sin límite de reproducciones diarias

  • Sin anuncios

  • Certificado de culminación

  • Todos los cursos (101+)

  • Todos los workshops (30+)

  • Todas las especialidades (19+)

  • 3+ cursos nuevos cada mes

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Reportes semanales de estudios (pronto)

  • Paga 8 meses y obtén 12

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam

  • Sin límite de reproducciones diarias

  • Sin anuncios

  • Certificado de culminación

  • Todos los cursos (101+)

  • Todos los workshops (30+)

  • Todas las especialidades (19+)

  • 3+ cursos nuevos cada mes

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Reportes semanales de estudios (pronto)

  • Ver todas las características

unicorn-head-smile¿Tienes un EDycupón?

*Los planes premium no tienen permanencia obligatoria. Cancela cuando quieras

Pago único

Sólo este curso

$30USD
Gráfico de tabla

Conserva este curso de por vida y obtén un certificado con un único pago.

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Sin límite de reproducciones diarias

  • Sin anuncios

  • Guarda tus apuntes de clases

  • Reproducción automática de clases

  • Guarda el avance de tus estudios

  • Descarga los recursos de las clases

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Ver todas las características

¿Quieres regalar este curso?

24 calificaciones de los estudiantes (4.9)

Cargando Calificaciones...

Ver más opiniones