CursosEmpresasBlogLiveConfPrecios
Curso de TypeScript: Programación Orientada a Objetos y Asincronismo

Class

Curso de TypeScript: Programación Orientada a Objetos y Asincronismo

Contenido del curso

Introducción

  • 1
    ¿Ya tomaste el Curso de TypeScript: Tipos Avanzados y Funciones?

    ¿Ya tomaste el Curso de TypeScript: Tipos Avanzados y Funciones?

    05:16 min

Fundamentos de POO

  • 2
    Class

    Class

    Viendo ahora
  • 3
    Métodos

    Métodos

    08:44 min
  • 4
    Acceso público

    Acceso público

    05:16 min
  • 5
    Acceso privado

    Acceso privado

    10:20 min
  • 6
    Constructor

    Constructor

    08:00 min
  • 7
    Getters

    Getters

    11:48 min
  • 8
    Setters

    Setters

    07:55 min

POO Avanzada

  • 9
    Herencia

    Herencia

    10:18 min
  • 10
    Acceso protegido

    Acceso protegido

    08:02 min
  • 11
    Static

    Static

    12:01 min
  • 12
    Interfaces

    Interfaces

    13:45 min
  • 13
    Clases abstractas

    Clases abstractas

    06:14 min
  • 14
    Singleton: constructor privado

    Singleton: constructor privado

    10:36 min

Asincronismo y consumo de APIs

  • 15
    Promesas

    Promesas

    14:13 min
  • 16
    Tipando respuestas HTTP

    Tipando respuestas HTTP

    11:38 min
  • 17
    Proyecto: migración de funciones a clases

    Proyecto: migración de funciones a clases

    10:05 min
  • 18
    Consumiendo ProductMemoryService

    Consumiendo ProductMemoryService

    06:30 min
  • 19
    ProductHttpService

    ProductHttpService

    15:33 min
  • 20
    Consumiendo ProductHttpService

    Consumiendo ProductHttpService

    09:22 min

Genéricos

  • 21
    Generics

    Generics

    10:22 min
  • 22
    Generics en clases

    Generics en clases

    12:08 min
  • 23
    Generics en métodos

    Generics en métodos

    15:11 min
  • 24
    Decoradores

    Decoradores

    15:05 min

Próximos pasos

  • 25
    ¿Quieres más cursos de TypeScript?

    ¿Quieres más cursos de TypeScript?

    01:20 min
Tomar examen

Class

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads

      Comentarios21

      Alex hernandez mitre

      Alex hernandez mitre

      Estudiante
      Hace 4 años
      Axel Enrique Galeed Gutierrez

      Axel Enrique Galeed Gutierrez

      Estudiante
      Hace 4 años
        Oscar David Mendoza Apaza

        Oscar David Mendoza Apaza

        Estudiante
        Hace 4 años
      Mateo Orozco Lotero

      Mateo Orozco Lotero

      Estudiante
      Hace 3 años
      DANIEL EDUARDO LOPEZ ACOSTA

      DANIEL EDUARDO LOPEZ ACOSTA

      Estudiante
      Hace 9 meses
        Manuel  Alfonso Illidge Ramírez

        Manuel Alfonso Illidge Ramírez

        Estudiante
        Hace 6 meses
      Paolo Joaquin Pinto Perez

      Paolo Joaquin Pinto Perez

      Estudiante
      Hace 4 años
      Juan Diego Salvador Pacheco

      Juan Diego Salvador Pacheco

      Estudiante
      Hace 2 años
      Adrian Gonzalo Priale Cordova

      Adrian Gonzalo Priale Cordova

      Estudiante
      Hace 6 meses
        Javier Hernando Suarez Pachon

        Javier Hernando Suarez Pachon

        Estudiante
        Hace 5 meses
      Sergio Cabarcos

      Sergio Cabarcos

      Estudiante
      Hace 2 años
        Sergio Cabarcos

        Sergio Cabarcos

        Estudiante
        Hace 2 años
      Raúl A. Hernández Lafont

      Raúl A. Hernández Lafont

      Estudiante
      Hace 3 años
        Diego Raciel Ortega Hernandez

        Diego Raciel Ortega Hernandez

        Estudiante
        Hace 3 años
      Eminson Mendoza

      Eminson Mendoza

      Estudiante
      Hace un año
      Cayo Legal

      Cayo Legal

      Estudiante
      Hace 4 años
      William Cortes

      William Cortes

      Estudiante
      Hace 4 años
      Dario Mendoza

      Dario Mendoza

      Estudiante
      Hace un año
      Mateo Orozco Lotero

      Mateo Orozco Lotero

      Estudiante
      Hace 3 años
      Valentina Hernández

      Valentina Hernández

      Estudiante
      Hace un año
      Ulises Serrano Pérez

      Ulises Serrano Pérez

      Estudiante
      Hace 2 años
        Abraham Gonzalez

        Abraham Gonzalez

        Estudiante
        Hace un año
      Juan Diego Salvador Pacheco

      Juan Diego Salvador Pacheco

      Estudiante
      Hace 2 años
      Juan Camilo Salazar Rojas

      Juan Camilo Salazar Rojas

      Estudiante
      Hace 2 años
      Hector Hernandez

      Hector Hernandez

      Estudiante
      Hace 3 años
      Brahyan Antonio Martinez Madera

      Brahyan Antonio Martinez Madera

      Estudiante
      Hace 4 años

      TypeScript cada vez me gusta más.

      Les comparto mis apuntes. :D

      ¿Qué es class?

      • JavaScript es un lenguaje orientado a objetos, pero está basado en prototipos.
      • Las clases son una sintaxis más amigable para trabajar con prototipos, las clases internamente son prototipos.
      • La utilizamos para construir instancias de objetos, es como un molde para crear cosas.

      Buenas prácticas

      Es una buena práctica inicializar las propiedades que coloquemos en nuestra clase, ya sea por fuera o dentro de nuestro constructor.

      Como aporte: Los prototipos también se diferencia con la POO porque no solamente crean objetos mediante instancias, sino también mediante la clonación.

      Quien en el 2023?

      Quien en 2025?

      YO, ya casi 2026. :-)

      Codigo de la clase

      const date = new Date(); date.getHours(); date.getTime(); date.toISOString(); const date2 = new Date(1993, 1, 12); // 0 = enero, 11 = dic date2.getHours(); date2.getTime(); date2.toISOString(); console.log(date); console.log(date2); class MyDate { year: number; month: number; day: number; constructor(year: number, month: number, day: number) { this.year = year; this.month = month; this.day = day; } } const myDate = new MyDate(2021, 3, 13); console.log(myDate);

      Quien en 2024?

      Quien en 2026?. :)

      🙅🏽‍♂️

      no me generó la carpeta dist y no se porque

      ya solucioné

      Nico encantado con el prompt de tu terminal. Es starship? Como le haces para que te resalte con colores brillantes el directorio en el que te encuentras? Bien out of context mi pregunta jjj

      Es un tema OhMyZsh para Zsh shell. Puedes encontrar como configurarlo en la ultima clase del curso "Terminal y linea de comandos"

      Una clase en TypeScript (TS) es una plantilla que define la estructura y comportamiento de los objetos. Se utiliza para encapsular propiedades (atributos) y métodos (funciones) relacionados. TypeScript introduce tipos estáticos, lo que permite especificar el tipo de datos que pueden almacenar las propiedades, mejorando la seguridad y la legibilidad del código.

      Las clases en TS permiten la herencia, facilitando la creación de jerarquías de clases y la reutilización de código. También puedes implementar interfaces y patrones de diseño, como el Singleton, para estructurar mejor tu aplicación.

      Mi código

      type CustomDateConstructor = { year: MyCustomDate['year'], month: MyCustomDate['month'], day: MyCustomDate['day'] }; class MyCustomDate { public year: number; public month: number; public day: number; constructor({year, month, day}: CustomDateConstructor) { this.year = year; this.month = month; this.day = day; } getDate() { return `The date is ${this.day}/${this.month}/${this.year}` } } const newDate = new MyCustomDate({day: 12, month: 10, year: 2012});

      Excelente class... me encanto la forma como lo explicó! Comparto mis apuntes y agradezco mucho si alguien tiene alguna corrección.

      // se crea una instancia de la class Date //la const date es del type Date //Al crear la nueva instancia tenemos diponibles todos los //métodos de la misma //Dichos métodos son funciones y como tal se ejecutan con () // y también pueden recibir arguementos const date = new Date() date.getHours() date.getDate() date.toISOString() // las clases tienen un constructor el cual también puede recibir //parámetros (como una función). // y sirven para inicializar la clase con ciertos valores const date2 = new Date (2001, 2, 29) date2.getHours() date2.getDate() date2.toISOString() console.log("🚀 ~ file: 01-class.ts ~ line 14 ~ date", date) console.log("🚀 ~ file: 01-class.ts ~ line 14 ~ date2", date2) let myVar //para crear una clase (molde) utilizo la palabra reservada class //al crear una propiedad de una clase la debo tiṕar e inicializar //al momento de declararla. Pero también puedo // hacerlo en el contructor que es la función que //recibe los parámetros, cuando se genera una nueva instancia // para ello utilizamos la palabra reservada constructor. //para referirmos a una propiedad de una clase es decir una //variable interna de la clase // nos referimos a dicha propiedad con la palabra reservada //this.nombre_de_la_variable class MyDate{ year:number month: number day:number constructor(year:number, month: number, day:number){ this.year = year this.month = month this.day = day } } //ahora podemos generar una nueva istancia de nuestra clase const myDate = new MyDate(2021, 4, 31) console.log("🚀 ~ file: 01-class.ts ~ line 47 ~ myDate", myDate)

      TypeScript es un superconjunto de JavaScript que agrega tipado estático opcional. Esto permite detectar errores en tiempo de compilación, mejorar la autocompletación y facilitar la lectura del código. En el contexto de clases, TypeScript soporta la programación orientada a objetos con características como clases, interfaces y herencia, permitiendo estructurar el código de manera más organizada y escalable. Aprender TypeScript es esencial para desarrollar aplicaciones robustas y mantener un código más limpio y fácil de entender.

      Es recomendable poner en el target esnext en el tsconfig ?

      Una clase en programación orientada a objetos es un molde o plantilla que define las propiedades (atributos) y comportamientos (métodos) que los objetos creados a partir de ella tendrán. Permite agrupar datos y funciones relacionadas, facilitando la creación de instancias (objetos) que pueden interactuar entre sí. En TypeScript, una clase se define con la palabra clave class y puede incluir características como herencia y encapsulamiento.

      Viendo este video me doy cuenta que yo creo que una de las cosas que no cambiaria en mi carrera es que empece a programar con un lenguaje fuertemente tipado. Y yo personalmente recomendaría a los que van empezando que lo hicieran también, no solo te obliga a tener buenas practicas sino que también cuando no lo tienes sigues esas buenas practicas y reduces la cantidad de errores a largo plazo.

      Concuerdo completamente contigo. Yo comencé con C++ y hace que entender lenguajes débilmente tipados como JS sea fácil.

      Clases son como moldes que devuelven objetos estructurados. bajo los parametros que definamos definamos.

      Si no queremos inicializar una avariabel en nuestro proyecto y que no nos genere el error en las variable NO inicializadas. Podemos agregar en el tsconfig.ts "strictPropertyInitialization": false. Así:

      "compilerOptions": { "strictPropertyInitialization": false,

      }

      Este te permitirá que no se inicialice tus variables.

      en la consola me terminal me salen 4 problemas con el .tsbuildinfo

      "tsbuildinfo": Unknown word.

      Clases en ts > clases en js