Typescript | Curso Práctico Rápido desde Cero para Iniciantes
HTML-код
- Опубликовано: 2 дек 2024
- 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!
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!!
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
Eres un orgullo para el mundo hispano amigo. Muchas gracias por el tutorial.
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
Una actualizacion como video!!! con el nivel que tenes hoy en dia quedaria una locura.
Hermoso, vine a ver este vídeo antes de empezar a estudiar Angular y me voy más que satisfecho, gracias.
Excelente muchas gracias.
Consejo véanlo en velocidad x2 y se entiende bastante bien y lo ven en la mitad del tiempo.
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.
¡Fantástico! Gracias, he aprendido algo nuevo.
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.
Fazt, estoy viendo todos tus cursos relacionados a JS últimamente. Muchas gracias por todo y espero puedas sacar alguno nuevo pronto!
"Básicamente" tu video me ayudo, gracias por tu tiempo.
Mi hermano: Por qué le das like si apenas estás comenzando a ver el vídeo?
Yo: Porque es Fazt.
17:05 Es lo mismo pero mas barato ... jejeje ... amo tus videos
Muchas gracias por tu vídeo, me animas a seguir explorando el mundo del desarrollo web!
Gracias Ignacio. un gusto que te sirva. ¡Saludos!
Aprendí mucho es este curso de TypeScript
Excelente video! Con esto ya podre empezar a desarrollar usando Angular
Excelente curso amigo, muchas gracias por tu dedicación y compartir tus conocimientos con la comunidad.
Gracias Fazt! Gracias, Dios te bendiga.
Excelente Fazt, super entedible todo !!! Espero ver uno mas actualizado :D
señor. usted es la luz
Fazt! Eres el puto amo !!!! Gracias !!!
Felicitaciones saludos desde Ecuador
...todo tipo de dato, como por ejemplo : true, false...hemm... false....true...
jejeje gracias por el video n.n
Hola fazt! Esperando pronto una actualización, tus vídeos son muy buenos
Excelente muchas gracias. Cumplio con su objetivo.
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
2021 y este video sigue siendo muy últil
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
27:30 en JS no existen las tuplas, como mucho desestructuración de arrays
Deberías volver a hacer este tutorial con la calidad que tienes ahora.
es necesario un nuevo video de esto Genio, por favor
Fazt harías una actualización de este video? Un 2.0
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.
fazt gracias por todos lo cursos
Excelente video, muchas gracias nuevamente ! sos el uno !
Basicamente, muy bueno!
Muy bueno el curos Fazt , sólo como sugerencia....al tipear ir más lento así no borrás tanto. Gracias !
Gracias por el aporte, bueno el video.
Muchas Gracias, muy bien explicado!
44:25 Un salto cuántico!
Muy bueno, Muchas gracias!
Excelente como siempre.
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?
perfecto! muy buen video!!
Muchas gracias amigo, me sirvió, Like y suscrito !
gracias por el video, bien explicado.
Excelente, que 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!
Gracias Fazt excelente video
Grax bro! Saudos desde Bolivia :D
Si typescript los transforma a commonjs quiere decir que no necesito usar @babel/node para usar import y export??
Muy buen video. Felicidades.
profesor tengo que ponerle siempre el punto y coma en TYPESCRIPT ?? o puedo dejarlo asi como EN JS
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.
GRACIAS, SI SERIA BUENO UNA ACTUALIZACION DE ESTE VIDEO
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 ?
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.
hay alguna manera de ejecutar un archivo de typescript de manera directa? es decir sin crear el archivo js ?
Bien hecho tu video 👍
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
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
Hola amigo cuantos videos son de este curso ? 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
Excelente!
Hola a todos, también pueden consultar un tutorial acerca de TypeScript.
www.victorvr.com/tutorial/que-es-typescript
Excelente aporte
Que es mas recomendable? instalar typescript globalmente o por proyecto?
excelente video me gusto mucho
muy claro, gracias.
Excelente tutorial.
Viene a ser primo de Scala, salvando las distancias
Ya no permite heredar el metodo con el mismo nombre :/
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?
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?
muchas gracias por el contenido (Y)
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.
hola gracias hay que saber ecmascript?
muchas gracias por tus vídeos , excelente forma de explicar y transmitir el conocimiento
Gracias crack!
Cuando se usa interface y cuando se usa type?
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
TEndrás otro con el uso de package.json? Saludos.
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í!!!!
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
Buenísimo bro
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.
29:06, y ya saben, si les da error, bórrenlo
Muchas gracias!!!! ; )
Gracias!
Lo veo util para los coders de C#
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 ?
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
Me daba un error cuando escribia variables con "let", pero lo resolvi poniendo esto en la primera linea de codigo: export{}
¿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.
@@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.
@@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 !!!!
@@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!!!
Hayyyy pero la voz de este video comparada con la que tienes ahora es bien uyyyy 🤪🤪🤪🤭
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.
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.
Podrias hacer un curso para crear una base de datos en firebase y enlazarla a tu login/registro de usuarios de tu pagina web por favor
Eric Ivan Hola elabarare uno para subirlo en un futuro saludos
Gracias