TypeScript Pro: A 4-Hour Deep Dive from Basics to Expert Level

Поділитися
Вставка
  • Опубліковано 17 січ 2025

КОМЕНТАРІ • 240

  • @huxnwebdev
    @huxnwebdev  Рік тому +18

    Complete Source Code 👇
    github.com/HuXn-WebDev/TypeScript-Complete-Course
    This is all the JavaScript I (currently) Know 👇
    ua-cam.com/play/PLSDeUiTMfxW4zCLgOQgz4PWSN0QRmUUFR.html
    MERN Stack Complete Course With Amazing E-Commerce Project 👇
    ua-cam.com/video/EsUL2bfKKLc/v-deo.html

  • @adityasharma4343
    @adityasharma4343 3 місяці тому +52

    9:28 for everyone who is getting error in compiling this fille,just open ur terminal in vs code where your project file is and hit tsc --init

    • @Abhishek-WebDev
      @Abhishek-WebDev 3 місяці тому +2

      thanks man!

    • @sheta3374
      @sheta3374 3 місяці тому +5

      For some reason I looked everywhere for a solution but the comment section, but finally I saw ur comment after 2 days of searching and trying solutions. Thank you sm.

    • @aakash_shrestha
      @aakash_shrestha 2 місяці тому +1

      Thanks a ton! I was using tsc index.ts, which converted the ts file into js and then node index.js to run the codes before, which I found to be quite a hassle. Thanks again for your help!

    • @Salah-YT
      @Salah-YT 2 місяці тому +2

      thank u so much

    • @Qotiph008
      @Qotiph008 26 днів тому +1

      thanks boss : )

  • @TheAntox007
    @TheAntox007 10 місяців тому +13

    Such a good video that doesn't treat me like a child, thanks!

  • @BenhurEssissongo
    @BenhurEssissongo 3 місяці тому +2

    I'm a Python developer. Until now, I haven't been willing to learn a new programming language, but I have to say your way of teaching makes it so easy to follow along and learn.
    first day : 1:09:37

  • @Ranawatcher
    @Ranawatcher Рік тому +10

    ITs my first time that i'm seeing a person who is doing so many hard work to teach people honestly. i would like that say one thing that, Keep going on and you will become success with this UA-cam Channel one day very soon In-Sha Allah. You may take a screenshot of this comment :) Best of luck my bruh💌🤟

    • @huxnwebdev
      @huxnwebdev  Рік тому +2

      Thanks for the positive comment my bro, it means a lot to me 🤝

  • @patrunidileep4802
    @patrunidileep4802 Рік тому +11

    bro, your videos are really good not clickbate type
    creating a real value I have been learning web-development
    from last 1 year , your hard-work definitely pays-off 1day
    just keep moving bro, you are building loyal fanbase

  • @JiggyDila
    @JiggyDila 2 дні тому

    This is my first time learning time script and I'm feeling like a pro.
    Thank you bro, you're a genius in teaching

  • @chukwuemekaorji9331
    @chukwuemekaorji9331 Рік тому +14

    Honestly I really learned a lot, very nice course man. Great job

  • @MehediHassan-pn5uc
    @MehediHassan-pn5uc Рік тому +9

    Bro is dropping non stop top tier tutorials! ❤

  • @sybrespect3161
    @sybrespect3161 Рік тому +29

    can you make a toturial on reactJs with typeScript ?

    • @huxnwebdev
      @huxnwebdev  Рік тому +15

      Sure!

    • @kingofkings6302
      @kingofkings6302 Рік тому

      ​@@huxnwebdevbro it will be super helpful..

    • @MuhammadAdnan2.0
      @MuhammadAdnan2.0 5 місяців тому +2

      ​@@huxnwebdevwaiting please react + typescript full details of interfaces driven components full dynamic... Thanks

    • @multimusic_yt
      @multimusic_yt 4 місяці тому

      @@huxnwebdevim waiting on this

    • @learnmoregamingbs1231
      @learnmoregamingbs1231 3 місяці тому

      ​@@MuhammadAdnan2.0today he uploaded the video on that

  • @GirlieMuhlanganisi-f2s
    @GirlieMuhlanganisi-f2s Місяць тому

    i just finished watching this video and i'm so grateful man i am your new subscriber and now i'm moving to your react js course thanks for the effort.you are a great teacher.

  • @Salah-YT
    @Salah-YT 2 місяці тому +1

    thank u ever so much

  • @ankitpatel5718
    @ankitpatel5718 6 місяців тому +1

    This whole course is crazy. Awesome video. Loved it

  • @NiggeshPlaysYT
    @NiggeshPlaysYT 4 місяці тому +2

    Day 8: 50:40
    Day 9: 01:49:35
    Day 10: 03:28:25 Finished This Course
    Will revise this course and the fullstack tommorow using github code
    should i start dsa or react im confused...ill go with react and continue with the roadmap given in the first video

  • @hustle-q8s
    @hustle-q8s 16 днів тому +1

    first slot : 52:10

  • @mahammadalthaf8199
    @mahammadalthaf8199 Рік тому +2

    Legend of coding ❤❤❤

  • @danielmovilla1
    @danielmovilla1 4 місяці тому

    Brother, I cannot thank you more for all your help, out of the manu courses I have watched, this is by far the best.

  • @rockbelleh6237
    @rockbelleh6237 Рік тому +2

    Wow... Not done with the last project tutorial and here is another classic... Tnks slot for touching lives 🙌🙌🙌🙌

  • @rameshprasadkohar3463
    @rameshprasadkohar3463 15 днів тому

    Always grateful to you Mr. HuXn
    Thank you so much for such a great content 😊😊😊❤❤

  • @niteshprajapat7918
    @niteshprajapat7918 Рік тому +2

    Woowh🎉🎉
    I was thinking to start TS, and then this beast comes up 🔥
    Thank you Sir ❤

  • @iWontFakeIt
    @iWontFakeIt Рік тому +2

    Your english is weak but teaching is top notch which is what matters and I absolutely love your way of presenting. Don't get mad at me for telling you weak in english, I say wrong spellings of some words so I said it not intended to criticize you.

    • @huxnwebdev
      @huxnwebdev  Рік тому +3

      Don't worry; you're not the first commenter to mention my English. I'm here to teach programming, not English. If someone is interested in learning programming, they are more than welcome to subscribe to this channel. On the other hand, if someone is looking to improve their English, they can subscribe to an English teaching channel & to be honest it does some times hurt me because how much I'm doing my best to provide high quality content but there will ALWAYS be someone Shi..ng on my comment section.

    • @iWontFakeIt
      @iWontFakeIt Рік тому +1

      ​@@huxnwebdevHey I am sorry if I hurt you. I don't know why I mentioned this. I always loved your teaching and hence come here to learn new skills. I always appreciate your ability to make us understand.

  • @madeiragoddess
    @madeiragoddess Рік тому +3

    First like first comment and so excited🎉🎉🎉🎉

  • @technologyhacks690
    @technologyhacks690 7 місяців тому +1

    just amazing man, really the way u teach and the way u present each topic is soo good , your channel is truly a gold mine keep up the good work huxn

  • @FELISMINECRAFT
    @FELISMINECRAFT 8 днів тому

    i love this video and i learn typescript🥰🥰

  • @muhammadtahir-f6n
    @muhammadtahir-f6n Рік тому +2

    thank you so much bro, you have done a great job, typescript learning is my next move.
    and you have done it.
    kee it up the good work.
    stay blessed

    • @huxnwebdev
      @huxnwebdev  Рік тому +1

      Glad to hear that buddy ☺️

  • @lailagool8385
    @lailagool8385 5 місяців тому +1

    All of your courses are really amazing and so easy to understand! You’re the best programming teacher for me. Would it be possible for you to create a course on Angular as well? That would be fantastic!

    • @huxnwebdev
      @huxnwebdev  5 місяців тому +1

      I'll see what I can do.

  • @tuannguyenthai
    @tuannguyenthai Рік тому +1

    Wow. Amazing 😍😍😍😍😍 Thanks

  • @emmanuelcbenson
    @emmanuelcbenson 5 місяців тому +1

    Yey!!! I completed the tutorial! Huxn, I need a certification of completion 😄

  • @rashidtp4411
    @rashidtp4411 4 місяці тому

    man superb.. applied many cases in my project

  • @AlhajiKelvinKanu
    @AlhajiKelvinKanu Рік тому +1

    Thanks again ❤

  • @hamedahmed6348
    @hamedahmed6348 Рік тому +1

    Getting through the interview with this one 🗣💥

  • @akhilscamp1905
    @akhilscamp1905 10 місяців тому

    Great Job pal, Teaching with fun is something that every tutor should consider like you do 🙂

  • @korngsamnang
    @korngsamnang Рік тому +1

    Love this so much

  • @taufikkhan2302
    @taufikkhan2302 Рік тому +1

    Bro you are seriously upload industry used tools i love your work ❤❤❤❤

  • @edgar.espinoza
    @edgar.espinoza 8 місяців тому

    Another great course! Thanks Huxn!

  • @respectgmechager8054
    @respectgmechager8054 Рік тому +1

    Wow i love ur content 🎉🎉❤

  • @SuperWalaalka
    @SuperWalaalka Рік тому +1

    Thankz 100% 🙏🙏

  • @Ali-tm7ly
    @Ali-tm7ly 10 місяців тому

    Great course🖤

  • @ayanaxhye
    @ayanaxhye Рік тому +1

    Thank you for this 🙏

    • @huxnwebdev
      @huxnwebdev  Рік тому +2

      You’re welcome 😊

    • @ayanaxhye
      @ayanaxhye Рік тому

      @@huxnwebdev subscribed to your channel, all the best!

  • @rafabochniewicz9268
    @rafabochniewicz9268 Рік тому

    What is the font family name you use?

  • @100-dayschalleng
    @100-dayschalleng Місяць тому

    I have finish this course I don’t know how to say thank you and like you (said big not) I’m going to say big thank you bro

  • @_acky
    @_acky Рік тому

    this video recommend by yt, tomorrow i'll start typescript with this. Hope I learn a lot from this ! :)

  • @ishwarreddy8820
    @ishwarreddy8820 Рік тому +1

    what font are you using?

  • @kvelez
    @kvelez Рік тому +2

    Excellent course, you should also do coding challenges in typecript and nodejs

  • @Germane_5
    @Germane_5 11 місяців тому

    Nice video as usual and expected.
    I will need to spend more time on the OOP and generic function.
    However, Javascript just seems sweeter.
    Kudos Huxn. Nice man. Nice work.

  • @Jishanthegodev
    @Jishanthegodev Рік тому +1

    Thanks❤

  • @chrislyu7211
    @chrislyu7211 8 місяців тому

    Very helpful and beginner friendly. into detail. There s no way you can't understand it

  • @sonnaj5142
    @sonnaj5142 Рік тому +2

    Great tutorial
    Now we need a golang story in your way ❤❤

    • @sonnaj5142
      @sonnaj5142 Рік тому +1

      Please we need to learn your favourite language in your way❤

    • @huxnwebdev
      @huxnwebdev  Рік тому

      Wow man wow just need a few more people's who wants to learn golang and I'll definitely make a complete bootcamp on that, cuz I never get tired of writing GO code.

  • @6.squash.936
    @6.squash.936 Рік тому +1

    Return of the King 🍻

  • @Daniguy-p1b
    @Daniguy-p1b 8 днів тому

    done bruh☺now i will re-continue my react parts, any plans on typescipt with node/ express ?

  • @cbbcbb6803
    @cbbcbb6803 8 місяців тому

    Very very good tutorial. Thanks!

  • @nawazishali274
    @nawazishali274 Рік тому +1

    nice explanation

  • @raiair4
    @raiair4 Рік тому +1

    Thank you sir

  • @kushalmondal618
    @kushalmondal618 11 місяців тому

    Well, Love The TS-Base of yours, I really Love the Idea Of Using TS anywhere we once Used JS, Backend/Frontend, Even In Dom-Controlling Library.......With Express though I really Love Nodemon with Extra Config in devDependency ........U Got a Sub❤

  • @sayidali431
    @sayidali431 Рік тому +2

    I appreciate all your projects and your teacher method thanks i hope you will do more amazing projects like POS system, inventory system, lms system like that

    • @huxnwebdev
      @huxnwebdev  Рік тому

      Great suggestions buddy, Ill see what i can do 🤝

  • @Het.trivedi768
    @Het.trivedi768 Місяць тому

    I actually am here to study this because of your new react course, i dont know typescript! Lol

  • @mimi7u7
    @mimi7u7 Рік тому +3

    Great and thank you very much for the teaching :3, a design course with figma would be good :3 ❤

  • @ProgrammingWithBini-ig8fz
    @ProgrammingWithBini-ig8fz Рік тому +1

    there are a lot tutorial on typescript but i waited your tutorial now here thanks bro. im waiting tutorial on graph ql also brother

    • @huxnwebdev
      @huxnwebdev  Рік тому +2

      Thanks buddy, ill see what i can do about graphql 🤜

  • @ZakTheCreator
    @ZakTheCreator Рік тому

    What vs code theme are you using?

  • @TheReal_E.IRIZARRY
    @TheReal_E.IRIZARRY 9 місяців тому

    Hey Hu,
    How do you change the font in VSCode to be cursive like the way that you have it here?

  • @sporteffort
    @sporteffort Рік тому

    which font do you use code editor??

  • @incihuseynli4306
    @incihuseynli4306 Рік тому +1

    I was searching for detailed TypeScript for react tutorial. Is it recommended to watch?

    • @huxnwebdev
      @huxnwebdev  Рік тому +1

      Then you should watch this instead, this is the second part of my TypeScript Complete Course 👇
      ua-cam.com/video/iS1K64X_eXg/v-deo.html

    • @incihuseynli4306
      @incihuseynli4306 Рік тому

      @@huxnwebdev thank you so much

  • @inderjeetsinghsra1995
    @inderjeetsinghsra1995 Рік тому

    Hello Sir, what's the name of the font you are using?

  • @scitechplusexplorer2484
    @scitechplusexplorer2484 Рік тому +1

    Can you please do complex Typescript project using React Redux Express (All in TS, no JS)?
    I really want to deep dive into TS.

  • @CodeZakk
    @CodeZakk Рік тому +1

    hi very helpful thanks for the tutorial. btw what is the name of the theme you use to make the texts like that???

    • @huxnwebdev
      @huxnwebdev  Рік тому

      Here 👇
      ua-cam.com/video/Znu3a2g2STw/v-deo.htmlsi=zWEi4MZUJ9Z0o2fG

  • @AasilGhoury
    @AasilGhoury 5 місяців тому

    what font do you use in vs code?

  • @ranganathdevaramani2966
    @ranganathdevaramani2966 Рік тому +1

    Great content. Btw which theme and which font are you using ?

    • @huxnwebdev
      @huxnwebdev  Рік тому

      This one 👇👇
      ua-cam.com/video/Znu3a2g2STw/v-deo.htmlsi=3j0lKszUGGAF3GrE

  • @aman-alytics
    @aman-alytics Рік тому +1

    Nice 👍🏼

  • @KHe3CaspianXI
    @KHe3CaspianXI Рік тому +1

    Appreciate the work.! Bro why are you Good Samaritan ?

  • @amalmurikkoli7629
    @amalmurikkoli7629 Рік тому

    Will you make a Deno rest api course

  • @technerd3455
    @technerd3455 Рік тому +1

    yooo another super helpful video

  • @nishankumar5626
    @nishankumar5626 15 днів тому

    Thank you so much
    I hope you get to visit china one day 😅

  • @zeus_000
    @zeus_000 8 годин тому

    4:40 this line got me rolling

  • @icarus7247
    @icarus7247 Рік тому +1

    Thanks for this amazing tutorial.
    May I know what font you are using ?

    • @huxnwebdev
      @huxnwebdev  Рік тому

      This one 👇
      ua-cam.com/video/Znu3a2g2STw/v-deo.htmlsi=FRAxG0q_jhMEaOOD

  • @dharsanr6504
    @dharsanr6504 Рік тому +1

    I guessed it right , its typescript course
    Keep posting quality tutorials

  • @TheBorninmotion
    @TheBorninmotion Рік тому +1

    maaaan, you did a huge work on it ! Thanks ! Do you planing to make more nextjs cases ?

    • @huxnwebdev
      @huxnwebdev  Рік тому +1

      I'm planning on making some nextjs project but ill see what i can do 🤜

    • @TheBorninmotion
      @TheBorninmotion Рік тому

      @@huxnwebdev nextjs with openai api - create some assistant with chat or some case with vision api - its on hype now.

  • @abrahimzaman360
    @abrahimzaman360 Рік тому

    Which font you're using?

  • @RyuDev_
    @RyuDev_ 14 днів тому

    38:01

  • @regilearn2138
    @regilearn2138 8 місяців тому

    pls create a course like u suggest express and node with typescript

  • @SujanDhakal-vv9km
    @SujanDhakal-vv9km 5 місяців тому

    bro you are hero

  • @mallugaming9781
    @mallugaming9781 19 днів тому

    Bro vscode theme and font used in this video plzz reply

  • @kyomdonalddogo5775
    @kyomdonalddogo5775 5 місяців тому

    I’ve learned js( not fully ) can I skip TS ?

  • @huxkiriye
    @huxkiriye Рік тому +1

    Incredible lessons can you do Vsnilla JS Beginner to Advance with 10 real world projects ? Thanks my favorite teacher🔥🔥

  • @chennaivibes8428
    @chennaivibes8428 3 місяці тому

    Request to make a tutorial on Angular

  • @gayathripriyankaramesh7867
    @gayathripriyankaramesh7867 Рік тому

    Can you make a video for angular with typescript

  • @saieswarreddymenakuru4739
    @saieswarreddymenakuru4739 3 місяці тому +1

    Hi HuXn ... Actually I started this awesome course today..during set-up when i run my program..it shows some error saying ( to load an ES module , set type : module in the package . json or use the .mjs extension...and the syntax error was unexpected token 'export' . I have only file named index.ts file then why it shows like that
    I have added the type:module in package.json file which i created manually and again it shows error saying unknown file extension ".ts"

    • @BDAKavaskar
      @BDAKavaskar 3 місяці тому +1

      for me also it is throwing the same error bro..😀😂 but no need to worry just learn the things try it in the online compiler..

    • @saieswarreddymenakuru4739
      @saieswarreddymenakuru4739 3 місяці тому +1

      @@BDAKavaskar I tried to solve the error for quite sometime. Then I gave up. Finally compile the code by using the tsc compiler and run the .js file with node. I understand that ts-node actually compiles the ts file and run the javascript file in one step.
      I also understand why the error occurs. NodeJs actually runs the js file but default it only runs the code as it sees that as commonJS module ( require() & module.exports). But now the code we wrote compiles into as ESmodule (imports & exports). For node to run the ES module we have to specifically configure it otherwise it runs by default thinking the file is commonJS modules. But here even though we specifically say that we use ES module to the node. It shows another error saying that unknown (.ts) extension. Because it doesn't recognise that extension.
      Thanks bro...i will try online playground also

  • @srinapaul6976
    @srinapaul6976 3 місяці тому

    2:30:20 done for today❤

  • @-fzn
    @-fzn 3 місяці тому

    1:28:51

  • @usmonovdev
    @usmonovdev 4 місяці тому

    🔥🔥🔥🔥

  • @codewithbishal895
    @codewithbishal895 3 місяці тому

    What font and theme is that please can anyone tell me

  • @rakibsiddiki6380
    @rakibsiddiki6380 Рік тому

    This a a really great video, it's really helpful, btw How can i get the suggestion like you got when you create a function? 32:01
    Example :
    Function name(params:type) { } 32:02

    • @bernardopoggioniRock
      @bernardopoggioniRock Рік тому

      hey, maybe I'm to late, but, if you are using VsCode, you just need to type "func" and it will suggest you some functions, and you just need to select "function statement"

  • @albertoa.rosasc.8411
    @albertoa.rosasc.8411 Рік тому +1

    Like #12, Do you have video or complete course of Java basic o Level 1🧐?
    best regards from Panama 🇵🇦

    • @huxnwebdev
      @huxnwebdev  Рік тому +1

      I currently don't have any Java tuts but ill definitely make some in the future🥂

    • @albertoa.rosasc.8411
      @albertoa.rosasc.8411 Рік тому +1

      ok! Thanks!. @@huxnwebdev

  • @MinatoUchiiha
    @MinatoUchiiha Рік тому

    Is the udemy course worth mentioning in LinkedIn and resume or not worth it ? What is your opinion

  • @kvelez
    @kvelez 8 місяців тому

    {
    "compilerOptions": {
    "target": "ESNext",
    "module": "CommonJS",
    "outDir": "./dist",
    "strict": true,
    "forceConsistentCasingInFileNames": true
    },
    "include": [
    "src/**/*.ts"
    ],
    "exclude": [
    "node_modules"
    ]
    }
    Generics:
    function uniqueDataTypesFunc(item: T, element: T): [T, T] {
    return [item, element];
    }
    function getRandomKeyValuePair(obj: {[key: string] : T}) : [key: string, value: T] {
    const keys = Object.keys(obj);
    const index = Math.floor(Math.random() * keys.length);
    const key = keys[index];
    const value = obj[key];
    return [key, value];
    }
    function filterArray(arr: T[], condition: (item: T) => boolean): T[] {
    return arr.filter(item => condition(item));
    }
    function reversePair(pair: [T, U]): [U, T] {
    return [pair[1], pair[0]];
    }
    class Box {
    private content: T;
    constructor(initialContent: T) {
    this.content = initialContent;
    }
    getContent(): T {
    return this.content;
    }
    setContent(newContent: T): void {
    this.content = newContent;
    }
    }
    interface Dog {
    name: string;
    breed: string;
    }
    uniqueDataTypesFunc(123, 456);
    uniqueDataTypesFunc('123', '456');
    uniqueDataTypesFunc(true, false);
    uniqueDataTypesFunc({ name: 'Fido', breed: 'Mixed' }, { name: 'Spot', breed: 'Mixed' });
    getRandomKeyValuePair({ name: 'Fido', breed: 'Mixed' });
    getRandomKeyValuePair({ name: 'Spot', breed: 'Mixed' });
    getRandomKeyValuePair({ name: 'Max', breed: 'Mixed' });
    getRandomKeyValuePair({ one: 1, two: 2 });
    filterArray([1, 2, 3], item => item > 1);
    filterArray(['a', 'b', 'c'], item => item !== 'b');
    filterArray([{ name: 'Fido', breed: 'Mixed' }, { name: 'Spot', breed: 'Mixed' }], item => item.breed === 'Mixed');
    reversePair([1, 2]);
    reversePair(['a', 'b']);
    reversePair([true, false]);
    reversePair([{ name: 'Fido', breed: 'Mixed' }, { name: 'Spot', breed: 'Mixed' }]);
    const box = new Box(123);
    const box2 = new Box('123');
    const box3 = new Box({ name: 'Fido', breed: 'Mixed' });
    console.log(box.getContent());
    console.log(box2.getContent());
    console.log(box3.getContent());

  • @dharmeshgohil9375
    @dharmeshgohil9375 Рік тому +1

    hey ! huxn make one project with typescript so we can utilize knowledge of type script in real project it s my humble request bro ,why r u silent in this new year ? make some video for us bro we love your teaching style

    • @huxnwebdev
      @huxnwebdev  Рік тому +1

      Ill definitely make an amazing project using TypeScript + Next.js . I've been a bit under the weather, which is why I haven't been able to upload new content to my channel. However, the good news is that I'll be launching a new course maybe today or tomorrow with 10 amazing projects. Stay tuned!

  • @MinatoUchiiha
    @MinatoUchiiha Рік тому +1

    Any project video using typescript bro

  • @rohith3261
    @rohith3261 Рік тому +1

    Yay ❤️❤️❤️❤️

  • @dancepractice805
    @dancepractice805 7 місяців тому

    Course recommended

  • @pawankumarbairwa7509
    @pawankumarbairwa7509 Місяць тому

    Nice video, bro. Can you send your vis code setting.json file

  • @yawaze
    @yawaze Рік тому +1

    Hey cute you are very talented ,🥰🥰🥰

    • @huxnwebdev
      @huxnwebdev  Рік тому +1

      Thanks for the compliment 🙂

    • @yawaze
      @yawaze Рік тому

      Hey cute I wanna. Talk