javascrip fue el lenguaje n1mero uno del mundo por casi una d2cada hasta que fue destronado por python como te contamos en este video sin embargo sigue siendo uno de los lenguajes m3s usados y por eso es uno de los recomendados para empezar en el mundo de la programaci4n sin embargo javascript no es un lenguaje perfecto y a lo largo de su historia han aparecido varios proyectos que han intentado mejorarlos por ejemplo J query en 2006 cuando javascript era oscuro y zona peligrosa jquery hac5 el trabajo sucio por nosotros en el a6o 2008 aparece el libro de good pars de Douglas Crawford el creador de Jason que nos dice b7sicamente javes cre no es el problema es que t8 lo est9s usando mal en el a10o 2009 una de las mayores revoluciones de javes crep es no js cuando Ryan dall saca el motor v8 de Google Chrome y lo lleva al servidor para que javes crep se ejecute en todas partes y en el a11o 2012 un grupo de ingenieros de Microsoft liderados por anders Herber el creador de csharp crean typescript y de eso vamos a hablar en este video As12 que si quieres conocer Qu13 es typescript qu14 lo diferencia de jav Script y c15mo funciona este es el video que estabas buscando porque en espa16ol nadie explica mejor que de team historia de typescript para entender a typescript hay que comenzar conociendo su historia una historia muy ligada a javascript Y es que javascript fue creado en el a17o 1995 por Brandon a por encargo de mozilla como un lenguaje de scripting para el navegador y como vimos en este video sobre python un lenguaje de scripting no se encarga de crear aplicaciones completas sino de solucionar tareas muy espec18ficas as19 que javascript se pas20 casi una d21cada completa siendo un lenguaje de juguete que agregaba cositas a las p22ginas web hacia mitad de la d23cada del 2000 empiezan a aparecer las aplicaciones web en 2003 wordpress en 2004 Gmail y Facebook en 2005 Google Maps en 2006 Google docs y este crecimiento le daba m24s responsabilidad al navegador y a javascript porque es ah25 donde se renderiza la interfaz de las aplicaciones web es por eso que en el a26o 2008 Google lanza su propio navegador llamado Google Chrome pensado en la nueva web una web donde dominen las aplicaciones web y no Simplemente p27ginas web para consumir contenido y Google Chrome tra28a un motor de javascript llamado B8 que llegaba a ser 20 veces m29s r30pido que firefox y al a31o siguiente 2009 el programador estadounidense Ryan dall saca este motor v8 de Chrome y lo lleva al servidor con lo cual javes crept pasa de ser un lenguaje de scripting a convertirse en un lenguaje de prop32sito general porque solo con javascript pod33amos crear aplicaciones completas usando Este lenguaje en toda la pila de la aplicaci34n a partir de entonces la popularidad de javascript Se dispara y de ser el Patito Feo de los lenguajes se convierte en el lenguaje n35mero uno sin embargo toda la popularidad del mundo no pod36a ocultar los problemas que ten37a como lenguaje sobre todo siendo un lenguaje que se desarroll38 en 10 d39as As40 que Google tuvo un plan maestro y cre41 un lenguaje llamado Dart para acabar con javascript pues Ellos ten42an el navegador m43s usado en el mundo yban a hacer que dar sea soportado por el navegador al igual que javascript yban a agregar una m44quina virtual para darle soporte a sitios antiguos y con el tiempo ese era el plan la gente se olvidar45a de javascript y todo el mundo utilizar46a Dart para la web el problema a la gente no le gust47 este plan a la gente no le gust48 d y la gente sigui49 con javes GP As50 que dar fue enterrado en un s51tano casi por una d52cada hasta que a53os despu54s volvi55 con flatter pero eso es tema para otro video en el a56o 2010 los ingenieros que trabajaban en Microsoft en el proyecto de Outlook estaban tambi57n sufriendo con estos problemas de javascript As58 que crearon un proyecto llamado type sharp que lo que hac59a era que les permit60a escribir c61digo en csharp y ese c62digo luego se trasp silaba a javascript y como en Microsoft trabajaba anders helber el creador de csharp que por cierto hasta ahora sigue trabajando en Microsoft este equipo se acerc63 a 64l le presentaron el proyecto y le propusieron crear un nuevo lenguaje Ahora s65 el lenguaje que derroque a javascript el lenguaje que se alce en el mundo de la web Under helber como lobo viejo que es les dijo Esa no es una buena idea intentar destronar la llave escrive es una guerra lo que debemos hacer es extender a javascript es decir partiendo de javascript vamos a crear un lenguaje que le a66ada nuevas cosas y que mejore las cosas en que jav escrib es d67bil de esa manera la gente no tiene que aprender un nuevo lenguaje sino con lo que ya sabe de javascript simplemente tiene que aprender algunas cosas extra y se va a sentir como que va creciendo Y no como que todo lo que aprendi68 de javascript no sirve una idea fant69stica que ayud70 a la adopci71n de typescript As72 que typescript nace de esa manera era como un sers set de javascript es decir un lenguaje nuevo pero que est73 basado en javascript y le a74ade cosas adicionales no es borr75n y cuenta nueva no es olv76date de jav escript Y aprende este nuevo lenguaje sino es como una escalera no aprendes javascript luego aprendes typescript y lo m77s importante que le trae typescript a javascript son los tipos y te cuento que esta semana lanzamos el curso de dev bobs en editing Para que aprendas C78mo se hace para llevar tu c79digo a producci80n en un solo paso de manera continua e grada el famoso ci CD si eres estudiante Premium este curso ya est81 en tu cuenta y si a82n no lo eres puedes ver las primeras clases de nuestros cursos completamente gratis para que descubras porque en espa83ol nadie explica mejor que Ed Team Y si eres estudiante de colegio instituto o universidad tienes una beca del 5084 esperando por ti en ed. Team diagonal estudiantes lenguajes tipados Y no tipados y seguro te preguntar85s Qu86 son los tipos y qu87 hace de especial a los tipos para pasarnos de javascript a typescript te lo voy a explicar desde el principio en esencia la programaci88n es manipular datos datos de entrada datos de salida el famoso io entonces imaginemos una funci89n que suma dos n90meros los datos de entrada son los n91meros que vas a sumar y los datos de salida son el resultado de esa suma pong92moslo en javascript esa funci93n suma dos n94meros a y b y te devuelve el resultado As95 que si a es 5 y b es 3 el resultado va a ser 8 muy f96cil pero qu97 pasa si sumo tres y e de team si le pides hacer esa suma a una persona seguramente a arrugar la cara y pensar98 que le est99s haciendo una pregunta trampa no y mirar100 buscando la c101mara escondida pero si le pides lo mismo a javascript no se hace l102os y te devuelve un mutante mitad n103mero mitad texto tres editing y creo que no hay que ser un genio de la programaci104n para darnos cuenta de que esto tarde o temprano puede traer problemas ahora veamos la misma funci105n para sumar dos n106meros pero escrita en Go que es un lenguaje tipado Aunque la forma de escribirlo es muy parecida la principal diferencia es la palabra int y nt escrita dos veces una vez luego de los par107metros y la segunda vez antes del cuerpo de la funci108n lo que est109n diciendo esas dos palabritas in es que tanto a como B son dos n110meros enteros integer y que el resultado de esta funci111n tambi112n va a ser otro n113mero entero de esa manera se asegura los datos de entrada y los datos de salida As114 que si quieres enga115ar a Go con la pregunta capciosa de sumar tres y e de team no va a caer en tu juego y te va a lanzar un error veamos otro ejemplo que es un cl116sico de javascript cero n117mero es igual a cero texto Pues s118 cero n119mero es igual a un arroy vac120o Pues s121 entonces si cero n122mero es igual a cero texto y cero n123mero es igual a un arrey vac124o entonces cero texto debe ser igual a un arrey vac125o pues no lo que sucede es que javascript es un lenguaje din126micamente tipado lo que significa que asigna el tipo de datos seg127n las circunstancias y permite que un tipo de datos se convierta a otro tipo de dato a este proceso en programaci128n le llamamos casting entonces javep puede castear un texto a un n129mero un n130mero a un boolean un woan a un texto etc131tera seg132n el flujo del programa es decir que esto no lo controla el programador podr133a pasar que un programador se equivoca en un dato quer134a pasar un n135mero y pasa un texto o viceversa o ese dato viene de una funci136n anterior y no sabemos exactamente qu137 est138 devolviendo pero como javascript no lanza alertas de error y te acepta todo lo que venga esos errores suelen verse ya en producci139n cuando es demasiado tarde y y toca correr en fin de semana para corregir las cosas Y esta es una de las principales razones por las que javascrip no le gusta a muchos programadores y siempre han buscado reemplazarlo con opciones que compilan a javascript como te contaba Dart es una ah140 est141 cotlin ah142 est143 haskel ah144 est145 csharp el entre otras opciones pero nos guste o no javascript es el 146nico lenguaje que vive en el navegador y gracias a eso javascript es pr147cticamente indr cable es como un tirano un dictador ah148 que no se quiere mover de su sitio no y ya que nadie lo va mover de su sitio tienes que aprender javascript definitivamente adem149s que con node.js como te cont150 hace un momento javascript Es sacado del navegador y llevado a todas partes As151 que literalmente javascript es everywhere puede estar en el navegador puede estar en el servidor puede estar en aplicaciones m152viles puede estar en iot puede estar en videojuegos en lo que te imagines en realidad virtual tambi153n y es por eso que anders helbert pens154 que era una guerra perdida crear un nuevo lenguaje que reemplace el javascript no ser155an los primeros ni los 156ltimos que fracasan en ese intento lo mejor era un lenguaje que extienda javascript y esa fue una idea fant157stica y De qu158 manera typescript extiende javascript agreg159ndole tipos es decir que cada vez que t160 uses un dato tengas que decirle este dato es un n161mero Este dato es un texto este dato es un bullan etc162tera de esa manera el programa sabe qu163 datos se recibe qu164 datos se devuelve y el flujo del programa est165 en orden incluso cuando hay que refactorizar t166 sabes exactamente c167mo hacerlo De hecho por eso es que el lenguaje se llama typescript volvamos al elje inicial de la suma con javascript en typescript se escribir168a as169 como ves luego de cada par170metro en la funci171n le agregas el tipo de dato y al igual que con Go o con cualquier otro lenguaje tipado typescript no va a caer en la trampa de sumar tres y e de team y te va a dar un error te va a decir Oye yo espero n172meros As173 que t174 me das n175meros si t176 me das un texto no te lo voy a aceptar y lo mejor es que no tienes que esperar a que la aplicaci177n est178 en producci179n para reci180n ah181 darte cuenta de que algo falla porque te muestra las alertas de error incluso desde el editor sin esperar a que t182 compiles y aunque Este es un sencill183simo ejemplo con fines did184cticos en una app completa obviamente esto es a una escala mucho mayor los datos est185n fluyendo en todas las direcciones funciones variables componentes clases y durante ese flujo podr186an estar cambiando su tipo de datos sin que t187 lo sepas impidiendo que t188 hagas modificaciones o mejoras al sistema porque c189mo sabes si una modificaci190n aqu191 rompe algo por ac192 o en palabras de anders helbert llega un un momento en que los proyectos con javes cript se vuelven read only es decir que solo los puedes leer porque no puedes tocar nada ventajas frente a javascript ya sabemos que typescript le agrega tipado est193tico a javascript Por cierto haciendo una pausa hay que hacer un video completo explicando las diferencias entre lenguajes tipados y no tipados si te interesa d194jalo en los comentarios pero Qu195 ventajas en general nos da typescript sobre javascript solo el tipado y ya Bueno vamos a verlas una de las principales ventajas de typescript es que no tienes que aprender un lenguaje nuevo desde cero es como subir una escalera el primer pelda196o es javascript el segundo es typescript y as197 as198 que la transici199n es sencilla sobre todo si aprendes en editing n200mero dos no tienes que esperar a que la aplicaci201n est202 en producci203n para darte cuenta de los errores typescript te alerta incluso mientras est204s escribiendo el c205digo sin tener que esperar a compilar porque va detectando los tipos de datos que t206 has declarado los tipos de datos que retornas entonces te dice cuando algo no cuadra Aunque siempre puedes ponerle n cuando algo falla pero pero no lo hagas n207mero tres las tecnolog208as de frontend funcionan con typescript react angular View etc209tera de hecho angular fue reescrito en su versi210n 2 completamente con typescript abandon211 javascript desde hace bastantes a212os y con react ya no necesitas las prop types porque typescript se encarga de los tipos de datos n213mero cuatro puedes utilizar typescript tambi214n en el backend tambi215n en el servidor con node.js y de hecho puedes utilizar typescript en cualquier lugar donde se puede utilizar javascript y n216mero cinco typescript le agrega funciones adicionales a javascript aparte del tipado como clases e interfaces que puedes aprender en nuestro curso de typescript desde cero en edam porque en espa217ol nadie te explica mejor compru218balo t219 mismo porque puedes ver las primeras clases de cualquiera de nuestros cursos completamente gratis por qu220 aprender typescript Y si a221n te quedan dudas de si aprender o no typescript te recuerdo que es uno de los lenguajes m222s amados por los programadores seg223n las encuestas de los 224ltimos a225os de stack overflow adem226s es uno de los lenguajes que suele pedirse m227s en las ofertas laborales junto con javascript as228 que no te quedes solo con javascript y Lleva tus habilidades como frontend o backend al siguiente nivel con typescript para ser un mejor programador y acceder a mejores oportunidades Solo recuerda dos cosas n229mero uno tienes que aprender primero javascript antes de pasar a typescript Y n230mero dos no llenes de e ni tu c231digo para eso mejor qu232date con javascript y si no sab233as que es typescript hoy lo aprendiste en editing comienza a estudiar gratis .am y descubre Por qu234 en espa235ol nadie te explica mejor y al igual que con Go o con diablos me enredo sino que te va a decir Esp236rate un sino que te va a decir vendedor hijo de okay

Estudia con juegos interactivos

Sube tus apuntes y genera flashcards, examenes y mas con IA

Empezar gratis