@@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.
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♥
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.
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.
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
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!
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.
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.
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 ?
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.
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
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!
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
Hola, estoy siguiendo el video al pie de la letra pero cuando empiezo a declarar las funciones me arroja este error: "Duplicate function implementation ts(2393)" y no existe ninguna duplicación de la implementación, alguien me puede ayudar con este error?
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?
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.
Hola, tienes un curso de como iniciar a usar en la consola y instalar paquetes desde allí, acerca de github, gitlab, etc, por favor, so lo tienes, pasamelo por aquí!!!!
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
Buenos días, creo tener todo configurado como lo has hecho tu en los videos anteriores. Ahora, en este video, tengo el archivo salida.ts y en la terminal escribo tsc --versión y luego tsc salida.ts, me crea un archivo salida.js pero este se queda vacío. ¿Qué puedo hacer?
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?
No entiendo la utilización de TypeScript si al final aunque te envíe errores en la cosa de que algún parámetro al que le has asignado tipo 'string', le das de valor un entero. Si luego al compilarlo a JavaScript el código funciona correctamente.
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
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?
Sabrías decirme porque me salen errores como Implementación de función duplicada o Identificador duplicado. Veo que a ti a veces te sale pero se te quita y no comprendo ni el error ni como solucionarlo.
Hola Victor, hace tiempo que grabé esto, pero el error es porque ya tienes una función con el mismo nombre, tan solo cámbiala el nombre y ya esta. por cierto te recomiendo googlear algunos posibles errores que te encuentras ya que la mayoría pueden ser bastante comunes. ¡Saludos!
@@user-gr1hs9mj7v yo he realizado los ejemplos y tambien me da error de duplicado, busque la solucion , revisa esto www.aritsltd.com/blog/frontend-development/cannot-redeclare-block-scoped-variable-the-reason-behind-the-error-and-the-way-to-resolve-it/ , al parecer el error solo aparece en el IDE de visual studio pero no afecta al js , caso contrario cuando pongo " export{}; "como indica esa pagina para solucionar, ya no sale ese error en el IDE de Visual Studio, pero me sale otro error "Uncaught ReferenceError: exports is not defined" lo cual afecta al js, por lo tanto lo unico que puedo decir es que obvies ese error de la IDE de visual studio por que no afecta al js.
Hola Jose, gracias por avisarme, ya los he agregado en la descripción, el curso de Javascript aun lo estoy avanzando, pero si sabes cosas basicas de javascript puedes hacer este curso muy facil. Saludos
aqui te dejo un post que encontre, sebys.com.ar/2017/01/09/tiny-post-configurando-bash-en-la-terminal-integrada-de-visual-studio-code/ pero si no reconoce el comando de tsc probablemente tengas que instalarlo globalmente: npm install -g typescript
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.
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!
una actualización de este curso hoy día te quedaría brutal man
ya no sirve ahorita?
@@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.
@@joejordanalvarado4199 gracias, pero me refería al curso por lo que comentó Julio, no a typescript como tal
@@albertleog.maldonado5786 dale colega, no hay problema 💪🏻
el audio del video esta cruel!!
Una actualizacion como video!!! con el nivel que tenes hoy en dia quedaria una locura.
Básicamente es uno de los mejores tutoriales básicos de TS que he visto, básicamente xd
básicamente tienes razón
llega a ser un tuto de Basic, y me explota la cabeza xd
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
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♥
Entiendo, estudiare binario jijiji
Eres un orgullo para el mundo hispano amigo. Muchas gracias por el tutorial.
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.
Excelente muchas gracias.
Consejo véanlo en velocidad x2 y se entiende bastante bien y lo ven en la mitad del tiempo.
¡Fantástico! Gracias, he aprendido algo nuevo.
Hermoso, vine a ver este vídeo antes de empezar a estudiar Angular y me voy más que satisfecho, gracias.
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.
Muchas gracias por tu vídeo, me animas a seguir explorando el mundo del desarrollo web!
Gracias Ignacio. un gusto que te sirva. ¡Saludos!
"Básicamente" tu video me ayudo, gracias por tu tiempo.
Gracias Fazt! Gracias, Dios te bendiga.
Aprendí mucho es este curso de TypeScript
Fazt, estoy viendo todos tus cursos relacionados a JS últimamente. Muchas gracias por todo y espero puedas sacar alguno nuevo pronto!
señor. usted es la luz
Excelente video! Con esto ya podre empezar a desarrollar usando Angular
Excelente Fazt, super entedible todo !!! Espero ver uno mas actualizado :D
27:30 en JS no existen las tuplas, como mucho desestructuración de arrays
Excelente curso amigo, muchas gracias por tu dedicación y compartir tus conocimientos con la comunidad.
17:05 Es lo mismo pero mas barato ... jejeje ... amo tus videos
Mi hermano: Por qué le das like si apenas estás comenzando a ver el vídeo?
Yo: Porque es Fazt.
Felicitaciones saludos desde Ecuador
Fazt! Eres el puto amo !!!! Gracias !!!
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
Muy bueno el curos Fazt , sólo como sugerencia....al tipear ir más lento así no borrás tanto. Gracias !
2021 y este video sigue siendo muy últil
Excelente muchas gracias. Cumplio con su objetivo.
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!
Fazt harías una actualización de este video? Un 2.0
...todo tipo de dato, como por ejemplo : true, false...hemm... false....true...
jejeje gracias por el video n.n
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
Muchas gracias! por que sucede esto?
Hola fazt! Esperando pronto una actualización, tus vídeos son muy buenos
Si typescript los transforma a commonjs quiere decir que no necesito usar @babel/node para usar import y export??
Deberías volver a hacer este tutorial con la calidad que tienes ahora.
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.
es necesario un nuevo video de esto Genio, por favor
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.
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
Muy bueno, Muchas gracias!
Basicamente, muy bueno!
Cuando se usa interface y cuando se usa type?
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
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 ?
hay alguna manera de ejecutar un archivo de typescript de manera directa? es decir sin crear el archivo js ?
profesor tengo que ponerle siempre el punto y coma en TYPESCRIPT ?? o puedo dejarlo asi como EN JS
Excelente!
Me sale este error en las funciones Duplicate function implementation.
Gracias Fazt excelente video
44:25 Un salto cuántico!
Excelente como siempre.
Excelente video, muchas gracias nuevamente ! sos el uno !
muy claro, gracias.
Hola amigo cuantos videos son de este curso ? Saludos
fazt gracias por todos lo cursos
Gracias por el aporte, bueno el video.
Ya no permite heredar el metodo con el mismo nombre :/
perfecto! muy buen video!!
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.
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
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!
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
instala el typescript de manera global nuevamente: npm install -g typescript
Hola a todos, también pueden consultar un tutorial acerca de TypeScript.
www.victorvr.com/tutorial/que-es-typescript
Excelente aporte
Excelente, que buen video!
Que es mas recomendable? instalar typescript globalmente o por proyecto?
Muy buen video. Felicidades.
29:06, y ya saben, si les da error, bórrenlo
hola gracias hay que saber ecmascript?
Muchas Gracias, muy bien explicado!
gracias por el video, bien explicado.
TEndrás otro con el uso de package.json? Saludos.
excelente video me gusto mucho
Hola, estoy siguiendo el video al pie de la letra pero cuando empiezo a declarar las funciones me arroja este error: "Duplicate function implementation ts(2393)" y no existe ninguna duplicación de la implementación, alguien me puede ayudar con este error?
Ya lo resolví, es que tenía el archivo salida.js abierto
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?
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.
Bien hecho tu video 👍
Hola, tienes un curso de como iniciar a usar en la consola y instalar paquetes desde allí, acerca de github, gitlab, etc, por favor, so lo tienes, pasamelo por aquí!!!!
Muchas gracias amigo, me sirvió, Like y suscrito !
¿Cuantos "basicamente" contaron?
Alguien sabe cursos para aprender typescript que no sea para la web?
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
Buenos días, creo tener todo configurado como lo has hecho tu en los videos anteriores. Ahora, en este video, tengo el archivo salida.ts y en la terminal escribo tsc --versión y luego tsc salida.ts, me crea un archivo salida.js pero este se queda vacío. ¿Qué puedo hacer?
ya has escrito algo en el archivo salida.ts ?
No tendrá tipado estático javascript en breve?
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?
No entiendo la utilización de TypeScript si al final aunque te envíe errores en la cosa de que algún parámetro al que le has asignado tipo 'string', le das de valor un entero. Si luego al compilarlo a JavaScript el código funciona correctamente.
El te permite hacer eso en este ejemplo, pero en angular no lo permite porque estas trabajando con un framework. esa es la finalidad.
Gracias!
Grax bro! Saudos desde Bolivia :D
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
GRACIAS, SI SERIA BUENO UNA ACTUALIZACION DE ESTE VIDEO
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?
Por alguna razón no me marca los errores o.0
Sabrías decirme porque me salen errores como Implementación de función duplicada o Identificador duplicado. Veo que a ti a veces te sale pero se te quita y no comprendo ni el error ni como solucionarlo.
Hola Victor, hace tiempo que grabé esto, pero el error es porque ya tienes una función con el mismo nombre, tan solo cámbiala el nombre y ya esta. por cierto te recomiendo googlear algunos posibles errores que te encuentras ya que la mayoría pueden ser bastante comunes. ¡Saludos!
Fazt Muchas gracias!
@@user-gr1hs9mj7v yo he realizado los ejemplos y tambien me da error de duplicado, busque la solucion , revisa esto www.aritsltd.com/blog/frontend-development/cannot-redeclare-block-scoped-variable-the-reason-behind-the-error-and-the-way-to-resolve-it/ , al parecer el error solo aparece en el IDE de visual studio pero no afecta al js , caso contrario cuando pongo " export{}; "como indica esa pagina para solucionar, ya no sale ese error en el IDE de Visual Studio, pero me sale otro error "Uncaught ReferenceError: exports is not defined" lo cual afecta al js, por lo tanto lo unico que puedo decir es que obvies ese error de la IDE de visual studio por que no afecta al js.
Excelente tutorial.
Hola, donde puedo ubicar los enlaces para javascript basico y para instalar node y visual studio code?
Hola Jose, gracias por avisarme, ya los he agregado en la descripción, el curso de Javascript aun lo estoy avanzando, pero si sabes cosas basicas de javascript puedes hacer este curso muy facil. Saludos
excelente muchas gracias, saludos desde Venezuela
excelente muchas gracias, saludos desde Venezuela
Gracias crack!
Me encantó bro, gracias.
Amigo como agrego la terminal bash bin al VSC ya que el mio sale el powershell y no conoce el comando para compilar el ts a js
aqui te dejo un post que encontre, sebys.com.ar/2017/01/09/tiny-post-configurando-bash-en-la-terminal-integrada-de-visual-studio-code/ pero si no reconoce el comando de tsc probablemente tengas que instalarlo globalmente: npm install -g typescript
muchas gracias por tus vídeos , excelente forma de explicar y transmitir el conocimiento
prácticamente es c# con diferente sintaxis..
Estoy aprendiendo c# si es parecida mejor para mí quiero aprender typescript
Richtofen aprende ambos :)
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.
será porque ambos lenguajes van orientados a la POO?
Practicamente es como cualquier lenguaje orientada a POO, inclusive como Java.
Básicamente, gracias.
Lo veo util para los coders de C#