Тёмный

From Novice to Ninja: Learn TypeScript - Intensive Course (#1) 

midulive
Подписаться 279 тыс.
Просмотров 164 тыс.
50% 1

In this video, we will be talking about TypeScript 2023. This is a comprehensive and detailed guide to learning TypeScript from scratch.
Starting from the beginning, we will cover the basics of TypeScript, such as what it is, how it works, and what it can be used for. Then, we will move on to learning the syntax of TypeScript, which is essential for any TypeScript developer. Next, we will see TypeScript exercises and important aspects to consider. We will conclude by examining TypeScript Arrays, Matrices, and Tuples and their common usage.
By the end of this video, you will have learned everything you need to start using TypeScript.
Subscribe now, turn on the notifications, and get ready to master TypeScript in the year 2023. Don't miss this opportunity to take your skills to the next level. Start your journey towards success in web development with TypeScript today!
🌟 Join our community of passionate developers: / discord
🎥 Follow me on Twitch for more live streams: / midudev
📂 React course repository: github.com/midudev/aprendiend...
📺 React course playlist: • ⚛️ CURSO DE REACT 2024
Timestamps of this video:
0:00 Intro
1:56 What is TypeScript?
4:45 Why learn it?
6:10 Advantages
8:00 Type inference concept 1
8:40 MOVE YOUR HANDS
10:38 Using TypeScript
12:45 Less documentation
13:25 TypeScript compilation
16:50 Tools
18:10 Getting started
20:38 Types in TypeScript
21:12 (Recommended extension)
27:19 Type inference concept 2
29:31 Functions
34:35 Typing functions 1
35:15 Typing functions 2
37:31 Typing function parameters
44:25 Typing arrow functions
45:45 never / void
51:25 Objects
53:29 Type Alias
56:50 Optional properties
59:14 Optional chaining operator
1:00:07 Mutability
1:02:07 Object freeze
1:03:25 Template union types
1:08:10 Q&A 1
1:12:14 Union Types
1:17:20 Intersection types
1:21:00 Q&A 2
1:23:47 Type indexing
1:26:15 Type from value and typeof
1:27:55 Type from function return
1:31:02 Arrays
1:34:47 Matrices and tuples
1:40:52 End
#typescript #webdevelopment #programming #typescripttutorial #javascript #objectorientedprogramming #frontend

Наука

Опубликовано:

 

24 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 175   
@yangenmanuel2659
@yangenmanuel2659 Год назад
Es surrealista lo mucho que aportas a la comunidad. Cursos desde básico hasta avanzado, buenas prácticas, que evitar, cuales son las opciones y cuando seria mejor usar cada una. Es maravilloso ver como transmites tantos años de experiencia en tan poco tiempo, con semejante calidad y gratis. Gracias Miguel !
@brunovelarde9910
@brunovelarde9910 Год назад
❤❤ ❤. C
@genaroibc
@genaroibc 10 месяцев назад
@josealejandromontero2145
@josealejandromontero2145 4 месяца назад
Todos deberiamos partir nuestros sueldos con midu, el 50% de lo que se me lo enseño el😂
@victorleyvaramirez4291
@victorleyvaramirez4291 3 месяца назад
Todo el tiempo que te tomaste para explicar tantas cosas, como dev que quiere mejorar y dominar typescript te lo agradezco mucho!
@midulive
@midulive 3 месяца назад
Gracias a ti!
@JoseLuisQAjata
@JoseLuisQAjata Год назад
Gracias Midu, siempre haciendo grandes aportes a toda la comunidad... Sos un crack...
@vruno182
@vruno182 Год назад
Cada día te aprecio más Midu! Gracias por inspirar ganas de seguir aprendiendo
@rayrendonmesa3613
@rayrendonmesa3613 Год назад
Fenomenal el curso. Por favor sigue haciendo videos la comunidad te lo agradece de verdad
@miguelcampuzano2440
@miguelcampuzano2440 Год назад
Excelente tutorial, gracias midu por formarnos gratis y tan bien! Eres el mejor, nunca cambies. Saludos desde Colombia :D
@oscarclaros2225
@oscarclaros2225 9 месяцев назад
Muchachas gracias Midu, tu aporte a la comunidad es importante, estoy aprendiendo mucho con tus cursos.
@JesusSanchez-ju5xv
@JesusSanchez-ju5xv 11 месяцев назад
eres un auténtico crack, muchas gracias por todo lo que aportas a la comunidad ♥
@genaroibc
@genaroibc Год назад
Gracias por todo tu aporte a la comunidad Midu ❤
@user-uz9lc3yw6h
@user-uz9lc3yw6h 4 дня назад
Midu, eres un crack bro, muchas gracias. Tengo un curso de juan pablo pero ese bicho va todo muy al grano y hay partes donde necesitamos contexto y quede algo rabioso ya que es un curso de pago y se supone que no debes tener info previa.
@SonGoku-pc7jl
@SonGoku-pc7jl Год назад
muchas gracias midu, me lo descargué de twitch i lo vi hace unos dias. Super bien el curso, el mejor de typescript
@robotnegro1949
@robotnegro1949 Год назад
Gracias por la info Midu, este es el ritmo exacto que me incita(y excita) a aprender rápido y sin dar tantas vueltas. Se pasaron las 2 horas rapidísimo
@jonathanivanferreira819
@jonathanivanferreira819 11 месяцев назад
Anotación para recordar: 34:16 Parametros de una función con su tipo mal definida, ya que entra en colición con la sintaxis de javascript ("permite renombrar la propiedad de un objeto") 39:53 "Error muy común, es tipar la función como una Function [...] es el 'any' de las funciones" 54:10 Los tipos siempre se declaran en Pascal Case 1:25:30 Acceder a un tipo dentro de otro tipo. type HeroProperties { isActive: boolean, address: { planet: string, city: string }} , entoces en la implementación: const addressHero: HeroProperties['address'] = { planet: 'Earth', city: 'Bs As' }
@pepito7773
@pepito7773 7 месяцев назад
Seguro ya no vuelve 🗿🗿
@estebanricca8770
@estebanricca8770 Год назад
Justo estoy estudiando typescript, esto es oro Hermano, muchas gracias por compartirlo, un abrazo!!!
@DavidJVergara
@DavidJVergara Год назад
Excelente Midu, lo necesitaba ese tutorial y, bueno, siempre se entiende mejor cuando lo explicas tu, un abrazo.
@Mik3aglin
@Mik3aglin Год назад
Oye increible tus tutoriales. La verdad que estaba un poco apagado con el tema de la programacion y me has revivado las ganas de querer aprender más cosas. Gracias
@XSG-Random
@XSG-Random Год назад
que curso tan hermoso, buena explicacion. Calidad pura este canal
@unlimited_code
@unlimited_code Год назад
¡Como me divierto viendo a éste pana, él es todo un personaje! - ¡Bravo, Miguel! - Buen feedback con los espectadores...
@sanchezcarlos1986
@sanchezcarlos1986 Год назад
Tremendo aporte Midu! Excelente contenido como siempre 👏🏼👏🏼👏🏼👏🏼
@matiasbellini805
@matiasbellini805 Год назад
Justo tengo que hacer un proyecto para mis estudios y vamos a usar Angular, tu video me vino como anillo al dedo porque no sabía nada de typescript. Tremendo aporte a la comunidad
@gerard2309
@gerard2309 Год назад
Muy bueno, la verdad que si uno ya está acostumbrado a Java o lenguajes por el estilo aprender TypeScript es muy sencillo, muchas gracias!
@juandiegomaciasvargas3518
@juandiegomaciasvargas3518 14 дней назад
Increíble que este contenido sea gratis. Agradecido toda la vida por esto Midu, eres un crack!
@midulive
@midulive 13 дней назад
Muchas gracias Juan!
@Juccomp
@Juccomp Год назад
Justo estaba buscando un curso de TypeScript, Gracias.
@LocalGhost_8080
@LocalGhost_8080 Год назад
Asumeeecha!
@jipneco
@jipneco 5 месяцев назад
Excelente!!! Reafirme muchos conceptos que tenia flojos de otros cursos que había tenido.
@Felipe-pb9gu
@Felipe-pb9gu Год назад
Gracias Midu, este curso más estructurado me pareció mejor para aprender typescript que los anteriores. Aprendí a programar con php y luego con javascript por lo que me acostumbré a lenguajes débilmente tipados de forma que me mantuve reacio a utilizar typescript, básicamente me de daba flojera escribir código adicional pero veo que ya es prácticamente un estándar además de las ventajas que trae. Un saludo!
@sergioluis4213
@sergioluis4213 3 месяца назад
Ami tmb me hace salir de mi zona de confort pero lo aprendo para mejorar y por que frameworks populares estan basados en typescript
@brahiansleydersanchezlarra4942
Hace poco realice un curso de TS pero lastimosamente no pude seguir practicándolo, por ende olvide muchas cosas. Gracias Midu por este curso aprendí cosas que incluso no vi en el curso, eres un Crack, saludos ! 👋🏽👋🏽
@santiagocalero-kr8in
@santiagocalero-kr8in Год назад
Me vino como joyita al dedo, que buen curso😁
@DuberAlexander19
@DuberAlexander19 Год назад
Midu, muy agradecido por este tutorial, muy bueno!! lo disfrute mucho y mucho lo que aprendí!!
@Neil_Jordan
@Neil_Jordan Год назад
muchas gracias por este curso Midu!
@solovoypasando
@solovoypasando Год назад
Genial espero la parte #2
@luisaquinoc6548
@luisaquinoc6548 Год назад
excelente master, te sigo en todos tus canales !!!!
@diegopastoriza4045
@diegopastoriza4045 Год назад
Genialidad total!
@andresarango2331
@andresarango2331 Год назад
Gracias Midu, por fin me animo a aprender typeScript
@bairesjs
@bairesjs Год назад
Muy Bueno Midu, saludos desde Argentina!
@danielcontrerasdecenteno5969
Te quiero midu ❤ gracias por todo
@santidionis5020
@santidionis5020 Год назад
Increíble Curso Gracias por las Horas que le has metido
@SantiagoTuero
@SantiagoTuero Год назад
Dios te bendiga midudev!
@beatrizsmerino
@beatrizsmerino 7 месяцев назад
Me encanta el video, he aprendido muchísimo
@winnie_33
@winnie_33 Год назад
Te amo midu, gracias!
@IsaiasRLopez-ld5dr
@IsaiasRLopez-ld5dr Год назад
Grande Midu!!!
@crislolian
@crislolian Год назад
Gracias por el apoyo, excelimaterual
@gnickalan
@gnickalan Год назад
De verdad es una joya este curso. Haz respondo muchas de mis preguntas con respecto a algunas lagunas que tenía con respecto a Typescript. Tu forma de enseñar es bastante agradable y simpática. Se disfruta de verdad ver contenido como este. Lo valoro mucho. ¡Muchas gracias Midu!
@erickgiber
@erickgiber Год назад
He pasado por varias empresas (Lamentablemente) por sueldos que no valen el trabajo, y realmente en todos he tocado full TypeScript, lo que me llevó a darme cuenta que Typescript es mas usado de lo que parece.
@RodrigoMorenoIngenieria
@RodrigoMorenoIngenieria Год назад
Excelente curso, recordé todo y aprendí cosas nuevas
@midulive
@midulive Год назад
Excelente!
@mariorocha2969
@mariorocha2969 Год назад
Buenisimooo Midu
@cursosserlis9680
@cursosserlis9680 Год назад
Acabo de terminar el curso que hiciste en Microsoft de TypeScript, estaba bueno. Seguro este estará mejor. 👌
@midulive
@midulive Год назад
Creo que este es más practico y directo, ya verás!
@malberbatista3038
@malberbatista3038 Год назад
Gracias midu...!
@xavicode3436
@xavicode3436 Год назад
espectacular midu. Gracias Bro. tienes que sacrificar un poco de tu tiempo a svelte o sveltkit
@capicode9994
@capicode9994 Год назад
Justo estoy empezando a usar Typescript con React, ademas de poner el esLint para React con typescript resulta muy util este video, aunque si tienes uno de Typescript para React en especifico estaria cool (ire a revisar los de React con TS), a veces tipar cosas de React como hooks o nodos resulta confuso.
@midulive
@midulive Год назад
github.com/midudev/aprendiendo-react
@juanpasten6077
@juanpasten6077 9 месяцев назад
Gracias Midu!
@astrixwr5662
@astrixwr5662 Год назад
Un filosofo argentino en su video por yt mencionaba a Foucault en su obra Vigilar y castigar como *invalorable* ... Respecto al aporte en la comunidad de filosofía postmodernista. Me atrevo a decir que tu aporte a la comunidad de programación, igualmente es *invalorable* ... Muchas gracias!.
@daustinnmusic
@daustinnmusic Год назад
midu el mejor ❤
@dprogamer7236
@dprogamer7236 Год назад
Excelente video
@luisgranados2006
@luisgranados2006 Год назад
Un resubido con poco tiempo de diferencia al directo? Midugod 🤯
@elliscaicedo9045
@elliscaicedo9045 Год назад
Next js con typescript + tailwindcss 👋👌
@FrangelDeveloper
@FrangelDeveloper 5 месяцев назад
Muchas gracias Midudevcomparto para darte promo !
@user-sf6fu5ge4m
@user-sf6fu5ge4m 20 дней назад
Brutal 🤟
@despertaweb4793
@despertaweb4793 Год назад
Gràcias por tanto contenido y de calidad! Una pregunta, que app usas para dibujar en el minuto 3?
@Svidur
@Svidur Год назад
Hola Midu, con los union types ya se evitarian los problemas de los magic strings no? o que ventajas tendria el crear un objecto con esos strings en vez de un union type ? Tengo dudas en ese sentido porque veo mas facil y legible el usar "magic strings tipados" que guardandolos en un obj. Por cierto el nombre de union es un poco lioso, me sonaria mejor como option type, ya que esta dando opciones excluyentes no? en el intersection si que es mas como una union, una combinacion o una agregacion de una cosa a otra.
@FilmsSaaveON
@FilmsSaaveON 11 месяцев назад
casi cierro el video y me tiro por la ventana tratando de entender typescript está escrito con typescript jajaja me voló la cabeza, como va a ser eso posible
@andresflg
@andresflg Год назад
@terry-
@terry- 5 месяцев назад
Genial!
@juancarrillo1341
@juancarrillo1341 3 месяца назад
increible
@SonGoku-pc7jl
@SonGoku-pc7jl 11 месяцев назад
me bajo las clases de twitch porque en directo se me corta por el wifi, y ahora voy a poner unos cuantos me gusta que veo que los has subido a youtube :)
@julianvelez6563
@julianvelez6563 Год назад
Grande midu
@nemines0027
@nemines0027 9 месяцев назад
saludos muchas gracias explicaste super
@agent4237
@agent4237 2 месяца назад
soy backend con c# y ver esto por primera vez se me ha hecho muy "facil" de entender
@ciroparmo
@ciroparmo Год назад
¡Gracias!
@AlejoVesga
@AlejoVesga Год назад
Los mejores cursos siempre, la verdad es que nadie aporta tanto como tu
@midulive
@midulive Год назад
Muchas gracias, Alejandro 🤗
@sunday-thequant8477
@sunday-thequant8477 2 месяца назад
Todo el rato estuve esperando a que guardara el file y que lo ejecutara para replicar el codigo jashajhsjashajsh
@cl3on482
@cl3on482 Год назад
Wow!😮
@grogu4344
@grogu4344 Год назад
❤️❤️❤️❤️❤️
@jaredguardia5140
@jaredguardia5140 11 месяцев назад
En cuanto consiga trabajo como desarrollador voy a agradecerte monetariamente con todo lo que me aportas a mi y aportas a la comunidad, muchas gracias Midu!
@eduardoossio6490
@eduardoossio6490 4 месяца назад
Una tercera parte, donde se expliquen los genericos y queda como la guia definitiva de typescript
@c_donnachie
@c_donnachie Год назад
holaaa midu 😄
@rOxhhh
@rOxhhh Год назад
master de master
@Takyomismo
@Takyomismo Месяц назад
Esta realmente bien, pero como sugerencia te diría que desactivaras el copilot ya que marea un poco y se mezcla con los autocompletados que es lo que realmente queremos ver en este curso
@juanantoniodelarosa3358
@juanantoniodelarosa3358 26 дней назад
WAOOOOOO mi idolo
@Alessandro-oz6iw
@Alessandro-oz6iw Год назад
Muy bueno
@cristiancamilosanchezardil9730
@cristiancamilosanchezardil9730 22 дня назад
Gracias midu, como se llama la extensión que te escribe el error ahi en rojo?
@alejandroch1202
@alejandroch1202 10 месяцев назад
Excelente curso Midu ¿usas ts-standard? Creo que ts-standard me obliga a decirle tipos en TS.
@brayanjaviermarindeleon5544
@brayanjaviermarindeleon5544 5 месяцев назад
Que tema o extension usas para que se vea asi en Visual ?
@Lucio0900
@Lucio0900 10 месяцев назад
como se llama esa extencion que rellena lo que va a escribir antes de lo que haga ?
@francovedia5584
@francovedia5584 8 месяцев назад
Gracias
@000...0
@000...0 Год назад
Midu en un futuro haras algún video de next.js13? Quiero hacer un proyecto y nose si empezar con este o mejor con el 12
@midulive
@midulive Год назад
Curso de Nextjs: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-tA-_vAz9y78.html
@jonathanvaldessantiago3375
@jonathanvaldessantiago3375 8 месяцев назад
Que grande Microsoft, convirtieron Javascript en C# con su tipado fuerte, y por ellos nace Typescript, es que son unos genios.
@user-eh2gl1jy4o
@user-eh2gl1jy4o 8 месяцев назад
Una pregunta, cuando le aparece un error se ve el error en el mismo editor sin necesidad de hacerle hover. Yo necesito hacerle hover para ver el error
@user-hy9hl6ie5o
@user-hy9hl6ie5o 11 месяцев назад
Tengo una duda la parte que llamas template union types ( 1:03:00 ), nose si es correcto ese nombre, lo encontre como template literal types.
@user-kc2fh4jo5u
@user-kc2fh4jo5u 7 месяцев назад
Pero como uso typescript? Como compilo? Se añade el script en el html igual que javascript?
@alanphilippcelasco354
@alanphilippcelasco354 7 месяцев назад
aprendi a programar con C++ y para mi los tipos de datos era algo basico, de lo primero que aprendes en programacion y me sorprendio ver que para mucha gente no es asi al haber conocido la programacion a traves de javascript y se asusta, cuando no hay de que asustarse, simplemente es aclarar que tipo de dato (memoria que ocupa) aloja la variable y listo
@juancarrillo1341
@juancarrillo1341 2 месяца назад
Midu tengo una pregunta, Cuando aprendes algo nuevo, o un lenguaje de programacion, como sabes todo?, me refiero lees la documentacion, o entras en articulos, videos de youtube?, bootcamp,
@horimiyarawstyle
@horimiyarawstyle 10 месяцев назад
Que plugin usa para que el cursor del editor se anime así como lo tiene Midu? :o
@anibalbellorodriguez5576
@anibalbellorodriguez5576 Месяц назад
Como se llama la extensión que hace que te aparezca el error en la linea de código? Pd: está increíble muchísimas gracias por dedicarte a explicar estas cosas. Me estas ayudando un monto a mejorar
@rarratia100
@rarratia100 9 месяцев назад
lo compilado en typescript es compatible con todos los navegadores?
@camilohinestroza9640
@camilohinestroza9640 18 дней назад
gracias midu, pero tengo entendido que se trasnpila ts a js no se compila , eres un crack ! 😶‍🌫
@alvisecheverria
@alvisecheverria 10 месяцев назад
"Porque hay algunos que se están retirando, como Iron Man, el pobre pues, lo ha dejado". Cómo me hiciste reír Midu. Gracias por tanto.
@lautarodecima3350
@lautarodecima3350 10 месяцев назад
Qué diferencia hay entre usar types y usar interface? Yo normalmente me creo mis interfaces y las llamo por ej: IUser por así decirlo está bien?
@midulive
@midulive 10 месяцев назад
Lo explicamos en la segunda clase
@kkjjjdiskdksrlel9994
@kkjjjdiskdksrlel9994 4 месяца назад
Los types com los objetos no seria como usar classes?
@gerarca88
@gerarca88 Год назад
Saludos!.... Donde Puedo conseguir el archivo que estas usando en el video??
Далее
MEGA BOXES ARE BACK!!!
08:53
Просмотров 27 млн
Entrevista a Sebastián Ramirez, creador de FastAPI
43:31
TypeScript Tutorial for Beginners
1:04:28
Просмотров 1,1 млн
Introducción a la programación con JavaScript
1:56:52
Просмотров 126 тыс.
LOS CHARLATANES DE JAVASCRIPT: una medida ridícula
8:48
tRPC, gRPC, GraphQL or REST: when to use what?
10:46
Просмотров 70 тыс.
Спидран по ПК
0:57
Просмотров 28 тыс.
Main filter..
0:15
Просмотров 10 млн