Curso Profesional de Angular

Curso Profesional de Angular

Instruido por:
Nicolas Molina
Nicolas Molina
Básico
3 horas de contenido
Ver la ruta de aprendizaje
Platzi Shop -  Implementación
Proyecto del curso
Platzi Shop - Implementación

Implementa el proyecto Platzi Shop. Aplica los patrones de Smart and Dumb Components para crear tu propia aplicación web.

Curso Profesional de Angular

Curso Profesional de Angular

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

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

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

Novedades en Angular 8.

Material Thumbnail

Introducción y Objetivos del curso

00:35 min

Material Thumbnail

Migrando de Angular 7 a Angular 8

09:39 min

Material Thumbnail

Differential loading

04:40 min

Arquitectura en Angular

Material Thumbnail

Presentación del proyecto

04:18 min

Material Thumbnail

Patrón LIFT (Locate, Identify, Flat and Try DRY) y Naming

10:39 min

Material Thumbnail

Aplicando el patrón: Smart and Dumb components

10:06 min

Material Thumbnail

Manejo del estado en la aplicación

03:17 min

Material Thumbnail

Implementando Short imports con Typescript

06:12 min

HttpClient

Material Thumbnail

Evitando doble subscribe

09:23 min

Material Thumbnail

Tipado en peticiones

09:21 min

Material Thumbnail

Manejo de errores

09:08 min

Material Thumbnail

Manejo de errores con sentry

07:09 min

Material Thumbnail

Uso de retry() para reintentar una petición

09:19 min

Material Thumbnail

Creando un interceptor para Auth

09:09 min

Material Thumbnail

Creando interceptores en http

11:34 min

Material Thumbnail

Enviendo Token con interceptores

07:39 min

Unit Tests

Material Thumbnail

Preparación de entorno de pruebas

06:34 min

Material Thumbnail

Pruebas a providers y servicios HTTP

14:20 min

Material Thumbnail

Reporte con Coverage

04:45 min

Puesta a producción.

Material Thumbnail

Deploy con NGINX y Docker

12:38 min

Material Thumbnail

AOT: Compilación de alto nivel

06:22 min

Conclusiones

nuevosmás votadossin responder
Christian Guevara
Christian Guevara
Estudiante

Consulta ¿como puedo hacer que este interceptor solo aplique para ciertos servicios y no a todos?

0
Bernardo
Bernardo
Estudiante

Hola a todos, tengo algunas dudas y quisiera me pudieran ayudar a aclararlas.

¿qué es lo que hace malo tener el token almacenado en el localStorage???

¿qué diferencia hay entre el localStorage y el sessionStorage a nivel de seguridad??

si yo puedo ver el token que viaja en el header, ¿por qué debo buscarle algún nivel de seguridad al momento de almacenarlo???

gracias de antemano.

4
Christian Guevara
Christian Guevara
Estudiante

Tengo una consulta, se me esta presentando el siguiente error al momento de hacer un subscribe de los servicios que hemos creado.

“subscribe is deprecated: Use an observer instead of a complete callback (deprecation)”

¿alguien la causa del esta advertencia?

3
Eduardo García López
Eduardo García López
Estudiante

¿A alguien más le sale el error de “Cannot find module '@core/…”? Ya revise mi tsconfing y está bien, si hago “ng serve” todo sirve pero con “ng test” me dice ese error, en material, shared y admin no me sale el mismo error

Éste es mi tsconfing

{
  "extends": "./tsconfig.base.json",
  "compilerOptions": {
    "outDir": "./out-tsc/app",
    "types": [],
    "paths": {
      "@material/*": [
        "src/app/material/*"
      ],
      "@core/*": [
        "src/app/core/*"
      ],
      "@shared/*": [
        "src/app/shared/*"
      ],
      "@admin/*": [
        "src/app/admin/*"
      ],
    }
  },
  "files": [
    "src/main.ts",
    "src/polyfills.ts"
  ],
  "include": [
    "src/**/*.d.ts"
  ],
  "exclude": [
    "src/test.ts",
    "src/**/*.spec.ts"
  ]
}```

0
Jose Perdomo Saenz
Jose Perdomo Saenz
Estudiante
una pregunta, cada vez que actualizo la página, los usuarios solamente pueden ver las novedades si acceden al sitio con un navegador en modo incógnito, como solucionar este inconveniente? gracias
0
Raymundo Jesus Mayen Ortiz
Raymundo Jesus Mayen Ortiz
Estudiante

En que momento se crea el directorio “dist”?

0
javi_alma Almazan
javi_alma Almazan
Estudiante

cuando monto mi app en nginx y pulso f5 me da error 404 alguna solucion

1
Cristian Sotomayor
Cristian Sotomayor
Estudiante

La teoria de componente Smart and Dumb tambien la vi en React para usos de formularios en donde los componentes solo devuelven objetos y la parte de logica, validacion y efectos de errores estarian encapsuladas en la parte del componente del formulario.
Si quieren ver un ejemplo pueden ver el el siguiente stackblitz smart and dumb

0
Cristian Sotomayor
Cristian Sotomayor
Estudiante

Una pregunta, primero el contexto, debido a que estuve en un proyecto de angular bastante grande. Al nivel de tener distintos modulos y dentro de los modulos se tenian subrutas que eran pantallas enteras con varias funcionalidades por lo que el modulo se sobrecargo con componentes sin tener un dominio fijo. Por lo que decidi ponerle un nivel mas a la carpeta componentes con el nombre de la subruta para que sea mas facil de identificar y dividir los componentes. La pregunta es, que otra opcion podria elegir ? o cuales serian las consideraciones que deberia tener ?

0
Johan Quijano
Johan Quijano
Estudiante

Saludos, existe un curso actualizado para Angular 11? 2020-2021 ?
Gracias

5