CursosEmpresasBlogLiveConfPrecios

Navegación y refactorización

Clase 4 de 32 • Curso de TypeScript 3

Clase anteriorSiguiente clase

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

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

    Navegación y refactorización

    Viendo ahora

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

    01:37 min
  • 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
    Sergio Alejandro Trejo Cuxim

    Sergio Alejandro Trejo Cuxim

    student•
    hace 6 años

    Typescript en Visual Studio Code

    El editor Visual Studio Code viene configurado para aprovechar al máximo TypeScript. Entre las features se encuentran:

    • IntelliSense
    • Snippets
    • JSDocs
    • Formateo
    • Refactorización
    • Arreglos rápidos.

    Les anexo el enlace de consulta: https://code.visualstudio.com/docs/languages/typescript

      Francisco Antonio Cruz Julio

      Francisco Antonio Cruz Julio

      student•
      hace 6 años

      Es cierto, correr VS code con typescript es increible.

      David Prada Linarez

      David Prada Linarez

      student•
      hace 6 años

      Visual studio code está hecho en typescript, es por eso que se adecua perfectamente.

    David Prieto Cornejo

    David Prieto Cornejo

    student•
    hace 5 años

    Proyecto referencia:

    git clone https://github.com/codex-team/editor.js
      Christian Velázquez

      Christian Velázquez

      student•
      hace 4 años

      Gracias.

    Jose Manuel Montaño Saenz

    Jose Manuel Montaño Saenz

    student•
    hace 4 años

    No hagan ningún fork:

    Aquí pueden ver el proyecto en Vscode desde el navegador.

    Den corazón para que todos aprovechen el hack.

      Luis Fernando Cortes Duque

      Luis Fernando Cortes Duque

      student•
      hace 4 años

      Muchas gracias por la ayuda.

    Andrés Felipe Eslava Zuluaga

    Andrés Felipe Eslava Zuluaga

    student•
    hace 5 años

    Recuerden tener bases de POO y bien claro los fundamentos de JS. Así se hace más digerible todo con TS

      Moisés Manuel Morín Hevia

      Moisés Manuel Morín Hevia

      student•
      hace 5 años

      Thanks, lo tendré en cuenta.

    Daniel Enrique Astudillo Guzmán

    Daniel Enrique Astudillo Guzmán

    student•
    hace 6 años

    Excelente curso uno puede adecuarse fácilmente si empieza con angular pero esas bases ayudan mucho mas a entender la estructura de de donde proviene!

      Juan Francisco Cevallos Valdivieso

      Juan Francisco Cevallos Valdivieso

      student•
      hace 6 años

      Un amigo me sugirió iniciar por este curso para pasar luego a Angular, creo que fue un buen consejo :D

      Moisés Manuel Morín Hevia

      Moisés Manuel Morín Hevia

      student•
      hace 5 años

      Sí, pienso que esta mejor este antes de angular.

    Juan Matus

    Juan Matus

    student•
    hace 6 años

    Como se llama esa extension que permite ver quien hizo las modificaciones al archivo? O ya viene integrado en VS Code?

      Carlos Viteri

      Carlos Viteri

      student•
      hace 6 años

      Git blame

      Eddy Arellanes

      Eddy Arellanes

      student•
      hace 6 años

      Extensión de VSCode: Git lens Comando de Git: gut blame

    Sebastián Buitrago

    Sebastián Buitrago

    student•
    hace 5 años

    Esto de remplazar un valor por otro se puede hacer usando la lupa que aparece en el editor

    Captura de pantalla de 2021-06-19 15-42-34.png
    y solo debes poner el valor que deseas buscar y abajo el valor por el que quieres reemplazarlo

      Christian Ruben Bernuy Osorio

      Christian Ruben Bernuy Osorio

      student•
      hace 5 años

      No es del todo práctico, imagina que usas una variable importada en más de 50 archivos, hacerlo con la lupa es muy trabajoso, mejor aprovecha las bondades de Visual Studio Code y Typescript

      Sebastián Buitrago

      Sebastián Buitrago

      student•
      hace 5 años

      lo digo porque sin typescript tambien se puede hacer y en la lupa hay una opcion de remplazar todos los valores con un solo click

    Omar Gabriel Aguilar Moscoso

    Omar Gabriel Aguilar Moscoso

    student•
    hace 4 años

    las personas creen que angular esta muerto o que ya no se usa JAJAJAJAJJ

      Irving Juárez

      Irving Juárez

      student•
      hace 4 años

      Bueno, esa es tu opinión, "la gente" es un termino muy general

    Christian Velázquez

    Christian Velázquez

    student•
    hace 4 años

    Hola. Pensé que se había instalado "nvm", pero, no se instaló. Me aparece esto: (HEAD detached at FETCH_HEAD) No sé qué pasa. Gracias.

      Omar Gabriel Aguilar Moscoso

      Omar Gabriel Aguilar Moscoso

      student•
      hace 4 años

      revisa la clase pasada de instalación windows, un compañero dejo los pasos exactos para instalarlo

    Rubén Esparza

    Rubén Esparza

    student•
    hace 5 años

    Extensiones para VSCode

    • ESLint
    • Angular Snippets
    • JavaScript and TypeScript
    Christian Velázquez

    Christian Velázquez

    student•
    hace 4 años

    Es mejor utilizar percel js? realmente es necesario ? No es mejor "transpilar" o "compilar" directo usando "la terminal con tsc" Pregunto porque, es la primera vez que voy a utilizar Typescript. Además, quisiera saber: ¿ Cuándo se necesita realmente utilizar typescript, en un proyecto "real" ? Gracias.

    Irving Juárez

    Irving Juárez

    student•
    hace 4 años

    Creo que tiene sentido que VSC tenga esa facilidad al usar TS, ya que VSC es propiedad de Microsoft y esta misma empresa creo a TS...

    Nikolas Santis

    Nikolas Santis

    student•
    hace 5 años

    Que interesante :)

      Moisés Manuel Morín Hevia

      Moisés Manuel Morín Hevia

      student•
      hace 5 años

      Super interesante !

    Naldo Duran

    Naldo Duran

    student•
    hace 5 años

    n

      Moisés Manuel Morín Hevia

      Moisés Manuel Morín Hevia

      student•
      hace 5 años

      aldo

    Moisés Manuel Morín Hevia

    Moisés Manuel Morín Hevia

    student•
    hace 5 años

    Rename se hace super fácil en VS porque este es hecho con TS. Claro que se puede hacer en un proyecto JS Vanilla pero hacerlo a codigo limpio es super largo.

    Fabian Andres Ramirez Vela

    Fabian Andres Ramirez Vela

    student•
    hace 5 años

    Muchas Gracias

    Federico Walovnik

    Federico Walovnik

    student•
    hace 5 años

    La funcionalidad de rename no existe tambien en un proyecto vanilla js?

      Luis Lira

      Luis Lira

      student•
      hace 5 años

      Lo de rename lo he visto más como una capacidad de de VSCode y sí funciona con JavaScript también, yo lo hago constantemente :)

    Jairo Alexander Chocontá Bejarano

    Jairo Alexander Chocontá Bejarano

    student•
    hace 5 años

    Gracias por el curso, están bien explicadas las bases de TS.

      Moisés Manuel Morín Hevia

      Moisés Manuel Morín Hevia

      student•
      hace 5 años

      Demasiado !!

    German Vera

    German Vera

    student•
    hace 5 años

    Listo

      Moisés Manuel Morín Hevia

      Moisés Manuel Morín Hevia

      student•
      hace 5 años

      Eres

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