Curso de Angular

Clases del Curso de Angular

Instruido por:
Nicolas Molina
Nicolas Molina
Básico
8 horas de contenido
Ver la ruta de aprendizaje
Platzi Shop
Proyecto del curso
Platzi Shop

Desarrolla una tienda en línea con Angular desde cero. Aprovecha las características de Angular para construir una aplicación en menos tiempo usando componentes, módulos y rutas. Usa Angular Material para dar estilo los elementos de tu webapp. Despliega tu aplicación de e-commerce a Internet.

Curso de Angular

Curso de Angular

Progreso del curso:0/56contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/56contenidos(0%)

Introducción a Angular

Material Thumbnail

Todo lo que aprenderás sobre Angular

00:59 min

Material Thumbnail

Instalación y preparación del entorno de desarrollo

03:05 min

Material Thumbnail

Preparando el entorno para Windows

03:05 min

Material Thumbnail

Preparando el entorno para Linux

04:12 min

Material Thumbnail

Crea tu primera aplicación en Angular

03:16 min

Estructuras de control

Material Thumbnail

Introducción al Angular CLI y proyecto del curso

04:28 min

Material Thumbnail

String interpolation

03:12 min

Material Thumbnail

Data binding en Angular

02:25 min

Material Thumbnail

Uso de ngFor add y delete

07:53 min

Material Thumbnail

Uso de ngFor para recorrer objetos

07:35 min

Componentes

Material Thumbnail

¿Qué son los componentes y decoradores?

07:36 min

Material Thumbnail

Uso de Inputs y Outputs

10:24 min

Material Thumbnail

Ciclo de vida de los componentes

09:23 min

Material Thumbnail

Estilos para mostrar la lista de productos

09:32 min

Material Thumbnail

Uso de ng generate y ng lint

04:07 min

Pipes y Directivas

Material Thumbnail

Usando los pipes de Angular

06:50 min

Material Thumbnail

Construyendo un propio pipe

03:54 min

Material Thumbnail

Construyendo una directiva propia

03:51 min

Módulos y Rutas

Material Thumbnail

Introducción al NgModule

02:20 min

Material Thumbnail

Creando rutas en Angular

14:05 min

Material Thumbnail

Creando la página home de la tienda

13:07 min

Material Thumbnail

Usando routerLink y routerActive

10:38 min

Material Thumbnail

Creando el detalle de cada producto

11:03 min

Material Thumbnail

Elaboración de la página de detalle de producto

05:36 min

Material Thumbnail

Creando el módulo del website con vistas anidadas

06:20 min

Material Thumbnail

Preparar el proyecto para Lazy Loading

10:30 min

Material Thumbnail

Implementación del Lazy Loading

09:11 min

Material Thumbnail

Creando un shared module y core module

15:21 min

UI/UX, estilos

Material Thumbnail

Instalando Angular Material

10:30 min

Material Thumbnail

Instalando un sistema de grillas

02:33 min

Material Thumbnail

Creando el header

09:53 min

Material Thumbnail

Estilos a product-card

09:48 min

Material Thumbnail

Creando vistas con Angular schematic

13:15 min

Servicios

Material Thumbnail

Creando nuestros propios servicios: HTTP Client

14:10 min

Material Thumbnail

Haciendo una solicitud GET desde el servicio

09:50 min

Material Thumbnail

Haciendo una solicitud POST desde el servicio

09:02 min

Material Thumbnail

Haciendo una solicitud PUT y DELETE desde el servicio

10:20 min

Material Thumbnail

Ambientes en Angular

10:29 min

Material Thumbnail

Lista de inventario y detalle

14:12 min

Material Thumbnail

Cierre de ejercicio de detalle

09:04 min

Formularios

Material Thumbnail

Introducción al FormControl

16:09 min

Material Thumbnail

Creando el formulario de productos

10:58 min

Material Thumbnail

Ajustar estilos en un formulario

10:05 min

Material Thumbnail

Validaciones personalizadas

12:40 min

Material Thumbnail

Editar un producto a través de un formulario

09:30 min

Programación reactiva

Material Thumbnail

Añadiendo productos al carrito

07:58 min

Material Thumbnail

Usa un pipe para hacer un contador de productos

04:34 min

Material Thumbnail

Creando la página de la orden y uso de async

14:28 min

Firebase

Material Thumbnail

Instalar Angular Firebase y configurar Firebase Auth

12:45 min

Material Thumbnail

Implementando Auth y Guards

13:16 min

Material Thumbnail

Subiendo una imagen a Firebase Storage

15:07 min

Material Thumbnail

Haciendo deploy a Firebase Hosting

04:14 min

Conclusiones

nuevosmás votadossin responder
Diego Fernando Caceres Garcia
Diego Fernando Caceres Garcia
Estudiante

A alguien más en angular 12.1.3, en el momento de implementar el ward no le sale o simplemente no le deja escoger de las opciones que salen al inicio del video, o sea, literalmente no sale!

1
L_jaramillo
L_jaramillo
Estudiante

a mi no me genera el file e2e, que puedo hacer?

1
Jorge Alfonso Pérez Bucio
Jorge Alfonso Pérez Bucio
Estudiante

Alguien sabe porque no me actualiza solo agrega la propiedad changes en el json.

changes:
description: "edicion titulo"
price: 555555
proto: Object
description: "edicion titulo"
id: "2"
image: "assets/images/hoodie.png"
price: 555555
title: "Hoodie"
proto: Object

1
Saul Vega Ramírez
Saul Vega Ramírez
Estudiante

Si es un put no deberia enviarse completo el objeto? entiendo que si es patch ahi si se puede enviar partial

1
César Torres García
César Torres García
Estudiante

hi, una duda, en noto que en un servidor ya online si recargo mi pagina, con una url así (con un la ruta de un componente )locathost;4000/home. me sale un error donde no encuentra la pagina, alguna solución o tip para evitar esto

1
Alberto Diaz
Alberto Diaz
Estudiante

Buenas Tardes , mi pregunta es la siguiente , puedo almacenar un valor que no sea Estatico dentro de un FormControl() como en el siguiente ejemplo o como podria hacerlo ?

<data: ProductoI; producto: new FormControl(this.data.Nombre)> 
1
Saul Vega Ramírez
Saul Vega Ramírez
Estudiante

donde quedó el componente cart en este punto?

1
Diana Estrada Delgado
Diana Estrada Delgado
Estudiante

Al correr en consola ng new platzi-store --routing=true --style=scss me manda errores, ¿alguien sabe por qué?:

CREATE platzi-store/src/app/app.component.html (24722 bytes)
CREATE platzi-store/src/app/app.component.spec.ts (1075 bytes)
CREATE platzi-store/src/app/app.component.ts (217 bytes)
CREATE platzi-store/src/app/app.component.scss (0 bytes)
/ Installing packages (npm)...npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/jasmine-core
npm ERR!   dev [email protected]"~3.7.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer [email protected]">=3.8" from [email protected]
npm ERR! node_modules/karma-jasmine-html-reporter
npm ERR!   dev [email protected]"^1.5.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\Diana\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Diana\AppData\Local\npm-cache\_logs\2021-07-13T04_24_32_738Z-debug.log
× Package install failed, see above.
The Schematic workflow failed. See above.
2
L_jaramillo
L_jaramillo
Estudiante

como se sube el proyecto que tenemos en local stackblizt?

1
Julián Gabriel Zapata
Julián Gabriel Zapata
Estudiante

no se me actualizan los cambios en el servidor. Tengo que cortar e iniciar el servidor de nuevo. Alguno sabe como configurar eso?

1