Typescript | Curso Práctico Rápido desde Cero para Iniciantes

Typescript es un lenguaje super conjunto de javascript con el propósito de crear aplicaciones grandes usando Javascript. ademas de proporcionarte pitado estático también te proporciona todas las ventajas de las nuevas versiones de Javascript como clases, block scoping y más.
Requerimientos del Curso:
Curso de Javascript: • Javascript Curso| Clas...
Instala Nodejs: • Node.js | ¿Como instal...
Instala Visual studio Code: • Visual Studio Code | I...
Código Del Proyecto
github.com/Faz...
Cualquier duda en cuanto al código, o si deseas encontrar mas recursos te invito a unirte, a los siguientes sitios que frecuento
más, solo tienes que usar tu cuenta de correo, twitter o github:
Slack: goo.gl/n14Xx4
Gitter: gitter.im/Fazt...
Si No sabes como unirte mira este video: • Programación | Solucio...
Ademas puedes seguirme en mis Redes, para novedades:
Blog: blog.faztweb.com
Facebook: / fazttech
Twitter: / fazttech
Github: github.com/Faz...
No olvides que Puedes dejarme un comentario. Happy Codding!

[@kikecastor]

5 años de este video, llevo 5 minutos viendolo y ya me ha servido mas que horas de otros cursos mas recientes, gracias Fazt, la neta gracias!

[@julioflores7351]

una actualización de este curso hoy día te quedaría brutal man

[@albertleog.maldonado5786]

ya no sirve ahorita?

[@joejordanalvarado4199]

@@albertleog.maldonado5786 Si sirve estimado, recuerda que TypeScript es un superset de Javascript mantenida por Microsoft donde se trabajan las actualizaciones constantemente cada vez que ECMAScript contribuye con una nueva actualización.

[@albertleog.maldonado5786]

@@joejordanalvarado4199 gracias, pero me refería al curso por lo que comentó Julio, no a typescript como tal

[@joejordanalvarado4199]

@@albertleog.maldonado5786 dale colega, no hay problema 💪🏻

[@JavierPintos]

el audio del video esta cruel!!

[@edinsonrequena1089]

Básicamente es uno de los mejores tutoriales básicos de TS que he visto, básicamente xd

[@VinzCassel]

básicamente tienes razón

[@VinzCassel]

llega a ser un tuto de Basic, y me explota la cabeza xd

[@baltaza]

Buenisímo tutorial, sí tienes conocimientos base solidos de ES6+ y Javascript en general este video hará sentido. Si no, es recomendado que estudies mejor Javascript primero. Siempre prioritizen aprender tecnologías principales antes de abstracciones♥

[@reyesencasualidades7906]

Entiendo, estudiare binario jijiji

[@Niconelli12]

Me encantó tu video. No enteindo los que dicen que hablas despacio, para mi tu velocidad es excelente. Es más, gran parte lo aceleré a velocidad x1.5

[@raegnald]

¡Fantástico! Gracias, he aprendido algo nuevo.

[@alvarocisneros1648]

Eres un orgullo para el mundo hispano amigo. Muchas gracias por el tutorial.

[@ericktucto]

17:05 Es lo mismo pero mas barato ... jejeje ... amo tus videos

[@Ignalvarez]

Muchas gracias por tu vídeo, me animas a seguir explorando el mundo del desarrollo web!

[@FaztTech]

Gracias Ignacio. un gusto que te sirva. ¡Saludos!

[@rubenmontani7487]

Recomiendo mirar primero la explicacion de que es Typescrit, que tambien esta en este canal!. buen video crack. Recomiendo que apoyen los videos, y el canal. Todos sabemos que es dificil encontrar videos de calidad como estos.

[@TheLibertarianForce]

Una actualizacion como video!!! con el nivel que tenes hoy en dia quedaria una locura.

[@holgeredudangulocastillo645]

Aprendí mucho es este curso de TypeScript

[@BuildingWithAF]

Gracias Fazt! Gracias, Dios te bendiga.

[@AbrahamMendozaP]

Excelente muchas gracias. Consejo véanlo en velocidad x2 y se entiende bastante bien y lo ven en la mitad del tiempo.

[@brayaniribe9215]

Muchas gracias, explicas bastante bien. No hubiera comprado los cursos en Udemy, me gusta más la manera en la que explicas. Felicidades. Ya después de esto miro el curso de Angular que tienes.

[@poisonmanalbion1533]

Hermoso, vine a ver este vídeo antes de empezar a estudiar Angular y me voy más que satisfecho, gracias.

[@antonioquintero7863]

"Básicamente" tu video me ayudo, gracias por tu tiempo.

[@ConstanEdes]

Fazt, estoy viendo todos tus cursos relacionados a JS últimamente. Muchas gracias por todo y espero puedas sacar alguno nuevo pronto!

[@Tuxgm]

Felicitaciones saludos desde Ecuador

[@lauraraquelbinaghi2023]

Muy bueno el curos Fazt , sólo como sugerencia....al tipear ir más lento así no borrás tanto. Gracias !

[@palazzus0887]

señor. usted es la luz

[@carlosaguilarduarte1217]

Excelente video! Con esto ya podre empezar a desarrollar usando Angular

[@cristianfernando2951]

2021 y este video sigue siendo muy últil

[@ElaxGameplaysHD]

Deberías volver a hacer este tutorial con la calidad que tienes ahora.

[@paterotech4141]

Excelente curso amigo, muchas gracias por tu dedicación y compartir tus conocimientos con la comunidad.

[@Lightning-rv5rh]

Mi hermano: Por qué le das like si apenas estás comenzando a ver el vídeo? Yo: Porque es Fazt.

[@Eli-bw9mo]

...todo tipo de dato, como por ejemplo : true, false...hemm... false....true... jejeje gracias por el video n.n

[@edward7129]

es necesario un nuevo video de esto Genio, por favor

[@d-landjs]

Excelente Fazt, super entedible todo !!! Espero ver uno mas actualizado :D

[@Mantequilla723]

Ya typescript arroja error en las variables y array any y let y const. Seguramente algo cambio en esta nueva version, porque a el no le arroja error. y a mi en el 2020 si me salen muchos errores por declarar estas variables.

[@msasoftware]

Excelente muchas gracias. Cumplio con su objetivo.

[@hellrun1155]

Hola fazt! Esperando pronto una actualización, tus vídeos son muy buenos

[@d3rp11]

hola!: usuario que tiene por alguna razon un error de que no podes ejecutar el comando de "tsc": esto me paso a mi y lo dejo escrito por cualquier que le llegue a pasar lo mismo, 1) solucion tenes que ir a ( este equipo>Propiedades> configuraciones avanzadas del sistema> Variables de entorno> Path editar ) ahi tenes que agregar al final de todo la ruta de donde esta ese comando antes de pegar la ruta asegurate de poner un " ; " para separar entre rutas/ directorios y por ultimo si no funciona asi, es que tienes bloqueado los scrips desde tu powershell, 2) busca powershell y ejecutalo como administrador - escribes " Get-ExecutionPolicy -List ​ " te va a salir que "current user Undefined" -para activarlo escribes " Set-ExecutionPolicy RemoteSigned -Scope CurrentUser " escribes S para decir que Si! y listo -intenta nuevamente usar el codigo que no podias y listo ya esta, lo pongo aca para cualquiera que le llegue a suceder esto. grande fazt me encantan tus cursos

[@heckiz3997]

Fazt harías una actualización de este video? Un 2.0

[@pedriiimiguel]

Fazt! Eres el puto amo !!!! Gracias !!!

[@ricardolatorre9097]

Gracias por el aporte, bueno el video.

[@pupoxws983]

GRACIAS, SI SERIA BUENO UNA ACTUALIZACION DE ESTE VIDEO

[@SergioLotito]

Excelente video, muchas gracias nuevamente ! sos el uno !

[@juansalinas4910]

gracias por el video, bien explicado.

[@jesusnaun1981]

Excelente! Seguí paso a paso y haciendo mis propios ejemplos. A la espera de un nuevo tutorial pero menos de consola y ya más ejemplos en el navegador. Escribiendo en typescript 3.6.X.... Gracias por tu ayuda.

[@kraken9058]

fazt gracias por todos lo cursos

[@YeahPerdonen77]

me lo vi entero y entendí todo, es casi lo mismo que javascript, por suerte sabia js de antemano. Por cierto, para que se utiliza exactamente?, tengo entendido que sirve tanto como para base de datos como para fronend

[@buxadex]

Muchas Gracias, muy bien explicado!

[@grantolosi]

Muchas gracias amigo, me sirvió, Like y suscrito !

[@maurocima]

Basicamente, muy bueno!

[@matiasmaez]

Muy bueno, Muchas gracias!

[@Melon123321xd]

Excelente!

[@fersilent3884]

Gracias Fazt excelente video

[@INGLESOO]

muy claro, gracias.

[@matiastorres8602]

Grande fazt! Gracias!

[@ramirezexequiel92]

Buenas Fazt, si no me equivoco, en el caso que no cambien los contructores o métodos, no es necesario sobrescribirlos. Por ejemplo, como le sumaste el ID a la clase hija, entonces es necesario escribir su constructor y utilizar super para referenciar al de la clase padre; pero en el caso del método, que no hiciste ningún cambio respecto al de la clase padre, si no lo escribías, la clase hija lo hubiese simplemente heredado. Resumiendo, si no escribías el metodo payInvoice() en la clase hija, ya lo heredaba de la clase padre, entonces de igual forma hubiese funcionado el gordon.payInvoice(). O hay algo en lo que pueda perjudicar? Saludos.

[@Jdomcanal_tutoriales]

En mi opinión perjudica en que ya no estaría haciendo referencia al método de la clase hija y por ende no encontraría el método porque el objeto creado no esta basado en esa clase. espero aportar, saludos

[@Mantequilla723]

Cuando vas a sobreescribir un metodo es porque le vas a anexar una propiedad o funcionalidad. Sino, no tiene sentido, y basta solamente con el metodo heredado del padre como comentas. seguro lo hizo con fines educativos. Saludos!

[@liannivin3672]

Muy buen video. Felicidades.

[@interrogante1029]

Excelente como siempre.

[@nicocontigliani7141]

muchas gracias !!!!

[@FaztTech]

a ti nico por ver un video antiguo, muy pronto voy a estar actualizándolo, con más ejemplos y contenido.

[@zerophoenix6612]

Muchas gracias por el video, la verdad es que odiaba TypeScript y el que sea obligatorio en Angular, sin embargo con tu video me has abierto el panorama, yo vengo precisamente de Java y C++, tu video me ha ayudado a darme cuenta de que es realmente no es malo TypeScript, Gracias!

[@cristianfaure513]

perfecto! muy buen video!!

[@GuillermoMendezToscano]

excelente video me gusto mucho

[@attmme]

27:30 en JS no existen las tuplas, como mucho desestructuración de arrays

[@jhonniyauri6758]

Gracias!

[@nestoralbertoortizmendoza6411]

muchas gracias por tus vídeos , excelente forma de explicar y transmitir el conocimiento

[@dimitriavila6813]

Excelente, que buen video!

[@ale_gallardo]

Cuando se usa interface y cuando se usa type?

[@joncch6544]

Excelente tutorial.

[@federicoraulmaciasaparicio1339]

Si typescript los transforma a commonjs quiere decir que no necesito usar @babel/node para usar import y export??

[@noznip2008]

Bien hecho tu video 👍

[@SandwichStorePlay]

ts, de manera aguda, puede ser un arma de doble filo, bien bien peligrosa. En todas las funciones expuestas en el vídeo, hay errores delicados de interpretación, lo que me dice que el programador puede llegar a fiarse tanto que pasa por alto lo esencial del asunto, la seguridad.

[@johnfabiantimoteotorres4859]

Gracias crack!

[@afutse]

Ya no permite heredar el metodo con el mismo nombre :/

[@danielclow]

44:25 Un salto cuántico!

[@horusblack4889]

Hola. Aora si ya comprendi mejor a typescript. Viniendo de un lenguaje como java me es mas familiar su forma de trabajar. Gracias por la aclaracion

[@agushaven]

Que es mas recomendable? instalar typescript globalmente o por proyecto?

[@miguelcalloluque8498]

prácticamente es c# con diferente sintaxis..

[@TheGeardarko]

Estoy aprendiendo c# si es parecida mejor para mí quiero aprender typescript

[@gustavodelamora]

Richtofen aprende ambos :)

[@cabc74]

El diseñador de Typescript, Anders Hejlsbergs, es el mismo que diseño C# (y Object Pascal -Delphi-, Turbo Pascal y algunas otras cosas mientras estuvo en Borland) Por eso para los que veníamos de Pascal y Object Pascal C# now era tan familiar.

[@altpedrogeovanny]

será porque ambos lenguajes van orientados a la POO?

[@getseneko7004]

Practicamente es como cualquier lenguaje orientada a POO, inclusive como Java.

[@agustinaflores6147]

Me sale este error en las funciones Duplicate function implementation.

[@Badrianx]

Una actualización de este video, por favor. Gracias por el video

[@LuisMorales-od4zk]

Daleee fazt haz un curso nuevo saludooooooooooooooooooos

[@mikehurtado4772]

Viene a ser primo de Scala, salvando las distancias

[@miguelangelangulo4168]

Grax bro! Saudos desde Bolivia :D

[@MikeHurtado-cb4lc]

Lo veo util para los coders de C#

[@patribottino]

Por si alguno tiene el mismo problema que yo en el minuto 14:00 si no te muestra la version de tsc agregar npx adelante

[@Luis-hc1dl]

Muchas gracias! por que sucede esto?

[@santiaq]

Muchas gracias!!!! ; )

[@yokytolakaca7485]

Básicamente, gracias.

[@MarcoS-bx5uk]

Me encantó bro, gracias.

[@diegonoobcoder5564]

hola amigo,me encantan tus videos explicas muy bien ...tengo una gran consulta acerca del S.O que usas en el video,y tambien con respecto a tu equipo.haz tenido complicaciones al usar ubuntu con lenovo?

[@gncfhcnvc]

muchas gracias por el contenido (Y)

[@alvatrofox]

Hola, tengo una consulta al compilar, me da un error: tsc salida.ts tsc : No se puede cargar el archivo C:\Users\alvar\AppData\Roaming pm\tsc.ps1 porque la ejecución de scripts está deshabilitada en este sistema. Para obtener más información, consulta el tema about_Execution_Policies en https:/go.microsoft.com/fwlink/?LinkID=135170. Realmente no logro descifrarlo, podrias ayudarme a resolverlo, en que he fallado

[@Mantequilla723]

instala el typescript de manera global nuevamente: npm install -g typescript

[@omega_dev]

Hayyyy pero la voz de este video comparada con la que tienes ahora es bien uyyyy 🤪🤪🤪🤭

[@jairocastroflores4959]

es normal que al terminar de compilar, la variable que declaro en typescrip se subraye de rojo? . solo sucede cuando declaro variables con LET o CONST

[@Morel893]

just type deno salida.ts

[@juansebastianossadominguez1580]

Excelente...

[@alexandervasquez1063]

oye amigo, yo tengo 2 problemas: 1- la linea 7 que es: >link href etctec, ami no me aparece 2- no me da la option de abrir el navegador ya intente con alt+b y nada

[@andypalmera7228]

Muy bueno el video, gracias. Lo único que acoto es que vas corriendo sobretodo al final con las clases 😅

[@Lashistoriasdelilith]

lo que principalmente hace este lenguaje entonces es especificar el tipo de dato... ¿tuvieron que crear todo un lenguaje nuevo para eso? ¿no se podía agregar al js tradicional y listo?

[@FaztTech]

No es tan simple. Pero de hecho hay una propuesta actual para añadir algo parecido a los tipos de datos en una próxima versión. Sin embargo no es lo mismo que typescript. Este surgió antes que todas las actualizaciones de JavaScript y ya incluía todas las características modernas del lenguaje. También el compilador que tiene ofrece un analizador de código lo que permite a los editores como vscode autocompletar código. El lenguaje también añade sus propios tipos de datos y palabras claves como type, interface, keyof, y asi, que solo son posibles en lenguajes compilados. Es decir todo esto es porque JavaScript es un lenguaje interpretado no compilado.

[@yaguchiqa324]

Parcero explicas con detalle pero pareciera que estuvieras en una carrera.

[@ZncroxdGaming]

le faltan detalle, a sus explicaciones que a los que no saben lo básico los confundiría aun mas, pero esta bien para los que si conocen xd

[@anaquiapolinarmorales1581]

Profe tengo una duda sobr el minuto 23:32, no entiendo por que si imprimo en consola la variable myString no me pide parsear el dato y si lo mando a imprimir en en el index con document.write me pide el parseo. Que diferencia hay ?

[@diegolopeloyola1528]

profesor tengo que ponerle siempre el punto y coma en TYPESCRIPT ?? o puedo dejarlo asi como EN JS

[@joshe9626]

Hola, una consulta cree 2 clases y las llame en un archivo llamado main, y cuando lo llamo desde el browser bota "exports is not defined" ? podrias ayudarme diciendome porque no funciona?

[@pedroalfredofarinas3374]

Buenísimo bro

[@soylucianopulidodev]

hay alguna manera de ejecutar un archivo de typescript de manera directa? es decir sin crear el archivo js ?

[@ThisitIn]

Hola amigo cuantos videos son de este curso ? Saludos

[@robertromero1452]

Me daba un error cuando escribia variables con "let", pero lo resolvi poniendo esto en la primera linea de codigo: export{}

[@yaguchiqa324]

¿Cuando hacías las primeras funciones del minuto 38?, quisiera saber por favor, la finalidad de colocar ese: export{}, y el porqué del error de función duplicada.

[@francosanchezrodriguez7619]

​@@yaguchiqa324, no sé si estoy en lo correcto pero a mí me sucedió lo siguiente: tenía abiertas las pestañas de JS y TS y me aparecían los errores de duplicidad, pero cuando cerré la de JS esos errores desaparecieron.

[@rafangel7516]

@@francosanchezrodriguez7619 tienes razon yo tmbn tenia ese problema yo tambien busque la solucion y encontre esto www.aritsltd.com/blog/frontend-development/cannot-redeclare-block-scoped-variable-the-reason-behind-the-error-and-the-way-to-resolve-it/, puse la solucion de esa pagina, con lo cual en el IDE Visual studio ya no me salia, pero esa solucion afecto todo el js dando un error aun mas grave, asi que llegue a la conclusion de que obvies ese error ya que es del IDE de visual studio y como acaba de indicar arriba ese error desaparece del IDE si cierras el archivo js lo cual recien me di cuenta al leer esto, asi que el problema es el IDE de visual studio esta mal al detectar el error obvia ese error :D !!!!

[@rafangel7516]

@@yaguchiqa324 el error duplicado es del ide de visual studio, creo que sucede por lo siguiente, primero cuando declaras con let tiene una caracteristica a diferencia de var cuando declaras con let no puedes declarar otra variable con el mismo nombre, osea en tu codigo no puede haber let var1;let var1; entonces parece que al abrir el archivo js el IDE visual studio lo mezcla con el archivo ts, por lo tanto el archivo salida.ts revisa que el archivo salida.js abierto ya declararon esa variable con ese mismo nombre piensa que esta duplicado!!! , ojala en las proximas versiones del IDE de visual studio arreglen este bug :D, si cierras el archivo js ya no te sale, pero si te sale cuando abres el js obvialo!!!