Curso de Rendimiento en Angular

Curso de Rendimiento en Angular

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

Usando los nuevos features de Angular 8, optimiza todas las funciones de Platzi Shop hasta llevar el proyecto a producción.

Curso de Rendimiento en Angular

Curso de Rendimiento en Angular

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

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

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

Introducción

Material Thumbnail

Angular 8 Performace

00:47 min

Analizando el tamaño del Bundle

Material Thumbnail

¿Qué es un bundle size? Tree shaking y su importancia

04:21 min

Material Thumbnail

Implementando Webpack Bundle Analyzer

07:36 min

Material Thumbnail

Moment vs date-fns

13:01 min

Material Thumbnail

Aplicando un Performance Budget desde el Angular CLI

05:45 min

Aumenta la velocidad de navegación

Material Thumbnail

Code splitting a nivel de rutas

06:15 min

Material Thumbnail

Implementando una propia estrategia de precarga

08:23 min

Material Thumbnail

Implementando QuicklinkStrategy

09:11 min

Material Thumbnail

Usando Machine Learning para predecir rutas

06:15 min

Material Thumbnail

Google Analytics y Angular

11:21 min

Material Thumbnail

Implementando GuessJs

13:13 min

Material Thumbnail

Precarga con Services workers

09:21 min

Material Thumbnail

¿Qué es Server Side Render?

03:35 min

Material Thumbnail

Implementando Angular Universal

09:23 min

Material Thumbnail

Cuidados con SSR y Angular

09:18 min

Rendimiento en tiempo de ejecución

Material Thumbnail

¿Qué es el Change Detection?

09:17 min

Material Thumbnail

Preparando módulo para Change Detection

09:52 min

Material Thumbnail

Analizando el Change Detection

11:11 min

Material Thumbnail

Optimización de componentes con OnPush

08:34 min

Material Thumbnail

Usando pipes puros

08:11 min

Conclusiones

nuevosmás votadossin responder
Christian Guevara
Christian Guevara
Estudiante

Tengo una consulta a dia de hoy en mi proyecto estoy importando iconos externos y lo almaceno en mi carpeta de assets, al poner en marchi mi servidor tengo un problema y es que me aparace el siguiente error:

ERROR Error: Error retrieving icon :platzi! Unable to find icon with the name ":platzi"

Actualmente yo importo los iconos con Angular Material en la documentacion, implmente lo aprendido en esta clase pero no consigo solucion al error 😦

import { Component, OnInit, PLATFORM_ID, Inject } from'@angular/core';
import { isPlatformBrowser, isPlatformServer } from'@angular/common';
import { DomSanitizer } from'@angular/platform-browser';
import { MatIconRegistry } from'@angular/material/icon';

@Component({
  selector: 'app-footer',
  templateUrl: './footer.component.html',
  styleUrls: ['./footer.component.scss'],
})
exportclassFooterComponentimplementsOnInit{
  constructor(
    iconRegistry: MatIconRegistry,
    sanitizer: DomSanitizer,
    // tslint:disable-next-line: ban-types@Inject(PLATFORM_ID) private platformId: Object) {
    if (isPlatformBrowser(this.platformId)) {
      iconRegistry.addSvgIcon(
        'youtube',
        sanitizer.bypassSecurityTrustResourceUrl('../../../../assets/svg/youtube.svg')
      );
      iconRegistry.addSvgIcon(
        'platzi',
        sanitizer.bypassSecurityTrustResourceUrl('assets/svg/Platzi.svg')
      );
      iconRegistry.addSvgIcon(
        'twitter',
        sanitizer.bypassSecurityTrustResourceUrl('assets/svg/twitter.svg')
      );
    }
  }

  ngOnInit(): void {}
}

Ese es el modo que lo implemento en mi Footer pero no consigo eliminar el error…

1
Christian Guevara
Christian Guevara
Estudiante

Tengo una duda, cuando hago la implementacion que se hace en el video me arroja el siguiente error:

imagen del error

estoy haciendo la implementación como sale en mi google analytics pero me sale el error presentado…

0
Fernando Garcia
Fernando Garcia
Estudiante
Estoy haciendo también el curso de PWA, me pregunto: si uso estrategia de cache, necesito usar estrategia de precarga de módulos? y/o cual seria la forma correcta de usarlos?
2
Gustavo Restrepo
Gustavo Restrepo
Estudiante

Existen casos donde se tenga que dejar la estrategia de cambios en default?

0
silvana murgo
silvana murgo
Estudiante

A alguien mas le dio este error

An unhandled exception occurred: Cannot find module ‘@angular-builders/custom-webpack/package.json’

1
silvana murgo
silvana murgo
Estudiante
1
Gustavo Restrepo
Gustavo Restrepo
Estudiante

¿Qué tan utilizados son los services workers?, en qué caso hay que utilizarlos y en cuales no?

0
Gustavo Restrepo
Gustavo Restrepo
Estudiante

Hola compañeros, estoy desde angular 11 y me sale este problema al ejecutar el comando con npx para ver los stats:
Invalid command “dist/platzi-store/stats.json”

0
Yeimy Lorena Escobar Rivera
Yeimy Lorena Escobar Rivera
Estudiante

En librerías como AWS-SDK sugires llamar a un API adicional que haga la gestión para remover la librería del proyecto?

0
Cristian Alfonso Cuadros Cerpa
Cristian Alfonso Cuadros Cerpa
Estudiante

Tengo inconvenientes con el contenido

0