Curso de TypeScript con Angular por Belatrix

Curso de TypeScript con Angular por Belatrix

Instruido por:
Alan Buscaglia
Alan Buscaglia
Básico
4 horas de contenido
Ver la ruta de aprendizaje
Aplicación web para la gestión de un equipo deportivo
Proyecto del curso
Aplicación web para la gestión de un equipo deportivo

Crearás una aplicación web para gestionar los jugadores de un equipo de fútbol utilizando TypeScript y Angular. Esta webapp te permitirá conocer cómo insertar, actualizar, listar y eliminar registros en una base de datos en Firebase a través de un formulario hecho con Angular y Typescript, para que logres mejorar tus habilidades de programación.

Curso de TypeScript con Angular por Belatrix

Curso de TypeScript con Angular por Belatrix

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

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

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

Fundamentos de TypeScript

Material Thumbnail

¿Qué es Typescript?

05:13 min

Resumen de Typescript

00:06 min

Material Thumbnail

Types, Type Inference y Type keyword

10:06 min

Material Thumbnail

Clases

10:08 min

Material Thumbnail

Interfaces

06:09 min

Material Thumbnail

Shapes

07:55 min

Material Thumbnail

Intersection types

04:14 min

Material Thumbnail

Decorators: aplicación en métodos

06:23 min

Material Thumbnail

Decorators: aplicación en clases

04:00 min

Material Thumbnail

Decorators: aplicación en propiedades

08:38 min

Material Thumbnail

Decorators: aplicación en parámetros

06:32 min

Preparando el entorno para nuestro proyecto

Material Thumbnail

¿Qué es Angular?

04:13 min

Material Thumbnail

Angular CLI y Visual Studio Code

06:11 min

Material Thumbnail

Creando nuestro proyecto con Angular CLI

10:53 min

Material Thumbnail

¿Qué es Firebase? Implementando Firebase en nuestro proyecto

10:09 min

Material Thumbnail

Diferencias entre Angular, React, Vue

11:57 min

Desarrollo de la aplicación

Material Thumbnail

Presentación de la aplicación

03:05 min

Material Thumbnail

Creación de las interfaces

08:50 min

Material Thumbnail

Creación e implementación de endpoints en Firebase

15:32 min

Material Thumbnail

Creación de la tabla de jugadores

13:52 min

Material Thumbnail

Implementación de nuevo jugador a la tabla 1

14:39 min

Material Thumbnail

Implementación de nuevo jugador a la tabla 2

17:05 min

Material Thumbnail

Debugging de la aplicación

06:08 min

Material Thumbnail

Implementación de edición de un jugador de la tabla

15:09 min

Material Thumbnail

Implementación de eliminación de un jugador en la tabla

08:55 min

Conclusiones

nuevosmás votadossin responder
Cristian Florez
Cristian Florez
Estudiante

Como compilamos en ag2time? la otra forma que indica alan (creo que se escribe asi)

0
Rodrigo Arturo Vergara Gonzalez
Rodrigo Arturo Vergara Gonzalez
Estudiante

Cuando uso ng serve me dice que “no está firmado digitalmente. No se puede ejecutar este script en el sistema actual.”

0
Alex Leonardo Rodriguez Carvajal
Alex Leonardo Rodriguez Carvajal
Estudiante

no es necesario utilizar las palabras reservadas “get” y “set”???

1
Alex Leonardo Rodriguez Carvajal
Alex Leonardo Rodriguez Carvajal
Estudiante

viendo el curso por primera vez, me da curiosidad saber si los metodos de firebase usados en el curso seran muy diferentes a los que se usarian hoy en 2021…

1
Anyi Jaramillo
Anyi Jaramillo
Estudiante

¡Hola! ¿cuándo una propiedad es public o private?, no me queda muy claro en el sentido práctico.

2
Bairon Felipe peña castellanos
Bairon Felipe peña castellanos
Estudiante

me pasa este error pero adicional tampoco me reconoce el payload, (me arroja error cuando lo declaro dos veces en la misma instancia)

d.JPG
0
Bairon Felipe peña castellanos
Bairon Felipe peña castellanos
Estudiante

Tengo problemas con la linea de getplayer hacia abajo, alguien me puede ayudar.

<code>
import { Injectable } from '@angular/core';
import { AngularFireList, AngularFireDatabase } from 'angularfire2/database';
import { Player } from '../interfaces/player';
import { Observable, observable } from 'rxjs';
import { map } from 'rxjs/operators';


@Injectable({
  providedIn: 'root'
})
export class PlayerService {
  private playersDB: AngularFireList<Player>;

  constructor(private db: AngularFireDatabase) {
       // vamos a acceder a la base de datos de firebase (db), dentro de esta base de datos vamos a acceder a lista de players e implemetamos la funcionalidad ref pata ordenarla por name(nombre).
    this.playersDB = this.db.list('/players', ref => ref.orderByChild('name'));
  }
  getPlayers(): Observable<Player[]> {
    return this.playersDB.snapshotChanges().pipe(
      map((changes) => {
        return changes.map((c) => ({ $key: c.payload., ...c.payload.val() }));
      })
    )
  }

0
Bairon Felipe peña castellanos
Bairon Felipe peña castellanos
Estudiante

tengo un error en el getplayers y no lo he podido encontrar, alguno me puede ayudar por faa

<code>

import { Injectable } from '@angular/core';
import { AngularFireDatabase, AngularFireList } from '@angular/fire/database';
import { Observable } from 'rxjs';
import { Player } from '../interfaces/player';
import { map } from 'rxjs/operators';

@Injectable({
  providedIn: 'root',
})
export class PlayerService {
  private playerDB: AngularFireList<Player>;

  constructor(private db: AngularFireDatabase) {
    // vamos a acceder a la base de datos de firebase (db), dentro de esta base de datos vamos a acceder a lista de players e implemetamos la funcionalidad ref pata ordenarla por name(nombre).
    this.playerDB = this.db.list('/players', (ref) => ref.orderByChild('name'));
  }

  //crear funciones para la obtencion de datos
  getplayers(): Observable<Player[]> {
    return this.playerDB.snapshotChanges().pipe(
      map (changes => {
        return changes.map(c => ({ $key: c.payload.key, ...c.payload.val() }));
      })
    );
  }
}
0
Bairon Felipe peña castellanos
Bairon Felipe peña castellanos
Estudiante

Tengo este error pero no encuentro la solucion, alguo me puede ayudar.

![ d.JPG ]
(url)

0
Juan José Rodríguez Duque
Juan José Rodríguez Duque
Estudiante

Buenos días

Alguien me podría colaborar en explicarme por qué no me está reconociendo el .key en player.service.ts y team.service.ts, gracias

PlayerService.PNG
TeamService.PNG
3