Curso Profesional de Angular

Clases del 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

¿Qué es Ivy?

04:17 min

Material Thumbnail

Differential loading

04:40 min

Material Thumbnail

Dynamic import

04:23 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
Camilo Tabares
Camilo Tabares
Estudiante

Haciendo prueba de formulario me sale el siguiente error:
NullInjectorError: R3InjectorError(DynamicTestModule)[Angular FireStore -> AngularFire Storage]

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

Una pregunta, se puede usar como metodo loadChildren ? en vez de como arrow function, recordemos que en javascript moderno se pueden usar metodos en los objetos, pero no se si sea igual, en funcionamiento aqui con angular o haya diferencia, mas alla de que visualmente es mas agradable verlo como metodo

1
Sergio Naranjo Morales
Sergio Naranjo Morales
Estudiante

Traté de actualizarlo de la versión 11 a la 12 y me salen muchos errores, ya el código no funciona porque al parecer hay un error con @angular-devkit/build-angular

3
rubencapetillo
rubencapetillo
Estudiante

¿Para cuándo se actualizara el curso a la versión 12?

6
Carlos Gelvez
Carlos Gelvez
Estudiante

Me sale este error

 Error: Expected one matching request for criteria "Match method: GET, URL: https://platzi-store.herokuapp.com/products", found none.
            at HttpClientTestingBackend.expectOne
1
Dajan Medina
Dajan Medina
Estudiante

¿Hola una consulta sirve este mismo método para migrar Angular 11 al 12?

3
Carlos Gelvez
Carlos Gelvez
Estudiante

El as product no funciona o a mi no me funciona y no se porque es

1
Carlos Gelvez
Carlos Gelvez
Estudiante

Actualmente estoy en la version 12, deberia hacer estos pasos ?

1
Ezequiel Rebasa
Ezequiel Rebasa
Estudiante

Hola! Al actualizar me encuentro con este error que no estoy pudiendo resolver. Agradeceria que me puedan ayudar

ERROR in Directive MatFormFieldControl in/home/adomicilio/simfinix/platzy-store/node_modules/@angular/material/form-field/index.d.ts has no selector, please add it!
Directive _MatRadioButtonBase in/home/adomicilio/simfinix/platzy-store/node_modules/@angular/material/radio/index.d.ts has no selector, please add it!
1
Andres Felipe Caro Gonzalez
Andres Felipe Caro Gonzalez
Estudiante

ng test --watch=false --codeCoverage=true

no me deja correrlo tengo el siguiente problema

1805202122:09:34.013:WARN [karma-server]: Passing raw CLI options to `newServer(config, done)` is deprecated. Use `parseConfig(configFilePath, cliOptions, {promiseConfig: true, throwErrors: true})` to prepare a processed `Config` instance and pass that as the `config` argument instead.  
⠙ Generating browser application bundles (phase: building)...1805202122:09:39.793:INFO [karma-server]: Karma v6.3.2 server started at http://localhost:9876/1805202122:09:39.794:INFO [launcher]: Launching browsers Chrome with concurrency unlimited
1805202122:09:39.800:INFO [launcher]: Starting browser Chrome
1805202122:09:39.804:ERROR [launcher]: Cannot start Chrome
        Can not find the binary C:\Program Files (x86)\Google\Chrome\Application\chrome.exe
        Please set env variable CHROME_BIN
1805202122:09:39.805:ERROR [launcher]: Chrome stdout:
1805202122:09:39.805:ERROR [launcher]: Chrome stderr:
⠧ Generating browser application bundles (phase: building)...
PS E:\usuario\Programación\Andres Caro\01. Angular\platzi-store>

comparto mi codigo

<// Karma configuration file, see link for more information// https://karma-runner.github.io/1.0/config/configuration-file.htmlmodule.exports = function (config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine', '@angular-devkit/build-angular'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher'),
      require('karma-jasmine-html-reporter'),
      require('karma-coverage'),
      require('@angular-devkit/build-angular/plugins/karma')
    ],
    client: {
      jasmine: {
        // you can add configuration options for Jasmine here// the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html// for example, you can disable the random execution with `random: false`// or set a specific seed with `seed: 4321`
      },
      clearContext: false// leave Jasmine Spec Runner output visible in browser
    },
    jasmineHtmlReporter: {
      suppressAll: true// removes the duplicated traces
    },
    coverageReporter: {
      dir: require('path').join(__dirname, './coverage/platzi-store'),
      subdir: '.',
      reporters: [
        { type: 'html' },
        { type: 'text-summary' }
      ]
    },
    reporters: ['progress', 'kjhtml'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false,
    restartOnFileChange: true
  });
};
> 
1