CursosEmpresasBlogLiveConfPrecios

Tipado en TypeScript

Clase 8 de 32 • Curso de TypeScript 3

Contenido del curso

Introducción a TypeScript

  • 1
    El lenguaje de programación TypeScript

    El lenguaje de programación TypeScript

    08:43 min
  • 2
    Instalación de herramientas para TypeScript

    Instalación de herramientas para TypeScript

    05:47 min
  • 3
    Instalación de herramientas en Windows

    Instalación de herramientas en Windows

    01:05 min
  • 4
    Navegación y refactorización

    Navegación y refactorización

    04:37 min

Entorno de Desarrollo

  • 5
    El compilador de TypeScript

    El compilador de TypeScript

    08:00 min
  • 6
    El archivo de configuración de TypeScript

    El archivo de configuración de TypeScript

    07:22 min
  • 7
    Mi primer proyecto TypeScript

    Mi primer proyecto TypeScript

    05:09 min

Tipos en TypeScript

  • 8
    Tipado en TypeScript

    Tipado en TypeScript

    Viendo ahora
  • 9
    Number, Boolean y String

    Number, Boolean y String

    14:09 min
  • 10
    Any

    Any

    08:28 min
  • 11
    Void y never

    Void y never

    15:58 min
  • 12
    null y undefined

    null y undefined

    11:03 min
  • 13
    Object

    Object

    07:44 min
  • 14
    Array

    Array

    09:44 min
  • 15
    Tupla

    Tupla

    11:25 min
  • 16
    Enum

    Enum

    10:59 min
  • 17
    Unión de Tipos, Alias y Tipos Literales

    Unión de Tipos, Alias y Tipos Literales

    11:58 min
  • 18
    Aserciones de tipo

    Aserciones de tipo

    11:26 min
  • 19
    Funciones en TypeScript

    Funciones en TypeScript

    14:19 min
  • 20
    Resumen

    Resumen

    06:54 min

Tipos Personalizados

  • 21
    Interfaces

    Interfaces

    10:18 min
  • 22
    Interfaces: propiedades opcionales

    Interfaces: propiedades opcionales

    10:57 min
  • 23
    Extensión de interfaces

    Extensión de interfaces

    10:54 min
  • 24
    Clases

    Clases

    14:02 min
  • 25
    Clases públicas y privadas

    Clases públicas y privadas

    15:10 min
  • 26
    Métodos Get y Set

    Métodos Get y Set

    08:46 min
  • 27
    Herencia de clases y propiedades estáticas

    Herencia de clases y propiedades estáticas

    17:41 min
  • 28
    Resumen

    Resumen

    13:24 min

Módulos

  • 29
    Principios de responsabilidad única

    Principios de responsabilidad única

    15:03 min
  • 30
    Resolviendo módulos

    Resolviendo módulos

    10:04 min
  • 31
    Webpack y agrupación de Módulos

    Webpack y agrupación de Módulos

    14:02 min

Cierre

  • 32
    Cierre

    Cierre

    00:57 min
Tomar examen

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

      Comentarios

      Sergio Alejandro Trejo Cuxim

      Sergio Alejandro Trejo Cuxim

      student•
      hace 6 años
        Jorge Fidel Zubieta Choque

        Jorge Fidel Zubieta Choque

        student•
        hace 5 años
        Sergio Brandon De Lucio Chavero

        Sergio Brandon De Lucio Chavero

        student•
        hace 5 años
      Fernando Ramirez

      Fernando Ramirez

      student•
      hace 6 años
        Diego Fernando Caviedes Camaho

        Diego Fernando Caviedes Camaho

        student•
        hace 4 años
      Juan Esteban Galvis

      Juan Esteban Galvis

      student•
      hace 6 años
        juan.esquivel

        juan.esquivel

        student•
        hace 5 años
      Juan Diego Urbina Chuscano

      Juan Diego Urbina Chuscano

      student•
      hace 6 años
      Jhon Alexander Romero Gonzaga

      Jhon Alexander Romero Gonzaga

      student•
      hace 6 años
        Jimmy Buriticá Londoño

        Jimmy Buriticá Londoño

        student•
        hace 4 años
      Andrés Felipe Eslava Zuluaga

      Andrés Felipe Eslava Zuluaga

      student•
      hace 5 años
      Edinson Padrón

      Edinson Padrón

      student•
      hace 6 años
        jaime daintree

        jaime daintree

        student•
        hace 5 años
      Verónica Alcaraz

      Verónica Alcaraz

      student•
      hace 5 años
        Alejandro Neri

        Alejandro Neri

        student•
        hace 5 años
        Moisés Manuel Morín Hevia

        Moisés Manuel Morín Hevia

        student•
        hace 5 años
      Javi Felices

      Javi Felices

      student•
      hace 6 años
      Juan Camilo Angel Fandiño

      Juan Camilo Angel Fandiño

      student•
      hace 5 años
      Stiven Trujillo

      Stiven Trujillo

      student•
      hace 5 años
        Jair Israel Avilés Eusebio

        Jair Israel Avilés Eusebio

        student•
        hace 5 años
      Diego Fernando Caviedes Camaho

      Diego Fernando Caviedes Camaho

      student•
      hace 4 años
      Edwin Andres Chivata Neira

      Edwin Andres Chivata Neira

      student•
      hace 5 años
        Adrian Ducuara Benitez

        Adrian Ducuara Benitez

        student•
        hace 5 años
      Felipe Quiceno Gomez

      Felipe Quiceno Gomez

      student•
      hace 4 años
      Danilo Moreno

      Danilo Moreno

      student•
      hace 4 años
      Alejandro Rico García

      Alejandro Rico García

      student•
      hace 4 años
      Cristian Tangarife Gálvez

      Cristian Tangarife Gálvez

      student•
      hace 4 años
      José Iván Ballín González

      José Iván Ballín González

      student•
      hace 4 años
      Miguel Torrealba

      Miguel Torrealba

      student•
      hace 4 años
      Jeremy Palomino

      Jeremy Palomino

      student•
      hace 4 años

      Les recomiendo a todos utilizar la función de "Marcador" en el minuto: 1:19, donde se presentan los tipos de datos primitivos de TypeScript.

      Muchas gracias profesor.

      sera para el examen?

      Sera para que aprendas en tus futuros desarrollos con TypeScript :)

      #Tipado en TypeScript Explicito: Define una sintaxis para la creación de variables con tipo de dato nomVariable : Tipo de dato Inferido: TypeScript tiene la habilidad de deducir el tipo en funcion de un valor.

      #Tipo de datos primitivos Number > Boolean > String > Array Tuple > Enum > Any > Void Null > Undefined > Never >Object

      para aclarar los tipos de datos primitivos van en minuscula.

      Recomiendo mucho este vídeo donde hablan de los modelos primitivos de JavaScript: https://www.youtube.com/watch?v=cC65D2q5f8I

      Interesante la sintaxis de TypeScripe, estaba acostumbrado a Tipo Nombre; Como en todos los lenguajes de tipado que he usado (C++ y Java)

      Gracias

      ATENCIÓN. Cuando escribas tu código JavaScript en TypeScript y lo transpiles luego, debes acostumbrarte a no hacer «retoques» a mano en el JavaScript. Si tienes que cambiar o retocar cualquier cosa, por nimia que te parezca, hazlo en el TypeScript original y vuelve a transpilar, siguiendo las reglas de TypeScript. De otro modo, podrías estar infringiéndolas y encontrarte cometiendo los mismos errores una y otra vez. Cuando escribimos un código en TypeScript y, para poder usarlo, debemos transpilarlo a JavaScript, si hemos cometido errores de sintaxis el transpilador nos lanzará mensajes de error que nos ayudarán a escribir un código limpio y bien organizado.

      Ahora entiendo., me parece genial esto tan pequeño.

      // Con asignación del tipo de dato manual const pi: Number = 3.1416; // Con asignación del tipo de dato automatico const pi = 3.1416;

      Muy buen ejemplo, super claro.

      Tipado de TS:

      • Explícito: Se define explícitamente una sintaxis (el orden, la formación y la combinación de las reglas) del tipo de la variables a usar.
      miVariableExplicita : string = 'Esta variable es explícita' // el `:` permite especificar el tipo del dato
      • Inferido: TS tiene la habilidad de deducir el tipo de variable que se usa a partir del valor asignado a dicha variable
      miVariableInferida = "Esta variable será un string" // TS deduce el tipo de miVariableInferida y el valor, a partir de la inicialización de la misma

      Tipos de datos primitivos:

      • Number
      • Boolean
      • String
      • Array
      • Tuple
      • Enum
      • Any
      • Void
      • Null
      • Undefined
      • Never
      • Object

      Encontré más claro y fácil de digerir la documentación oficial que pueden encontrar acá: https://www.typescriptlang.org/docs/handbook/basic-types.html

      https://www.typescriptlang.org/docs/handbook/2/everyday-types.html

      Buenas, ¿Inferido sería lo mismo que Implícito? ¡Gracias!

      Así es :)

      Sí, se deduce el tipo de dato en función al valor. Por eso 1 == "1" dará True.

      Tipos Primitivos en TS

      Faltó el tipo de dato unknown

      Array y Object son tipos de datos primitivos?

      No, de acuerdo a la documentacion oficial del lenguaje, estos son tipo de datos especiales

      • Array.
      • Object.

      tengo una duda el framework de angular lo hace automáticamente la traspilacion a JS ?

      Alguno conoce alguna doc buena de Typescript ??

      Hola Edwin_Neira, espero se encuentre bien aquí te comparto la documentación oficial

      Tipos de Datos en Typescript

      TYPES

      Tipos primitivos de typescript

      Tipos de datos en typescript

      Tipos de Datos Primitivos en TypeScript

      Tipos de datos Primitivos.

      Tipos Primitivos en TypeScript