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
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.
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!
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
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💌🤟
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
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
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.
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!
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.
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.
@@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.
Wow, Typscript yes.... was needed badly, Would you make NextJS with Typscript tutorial from scratch? How to handle event , form data, fetch data , CRUD operation like full stack application which complete all basic operation for a application need. I am waiting bro... Love from a developer❤allrighty🤣🤣
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.
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
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.
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❤
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
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!
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 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
at 10:53 when i press run code shortcut i encounter an error said that "Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension." and "SyntaxError: Unexpected token 'export'" pls tell me how to fix this
Amazing thanks #Huxn WebDev kindly do also a full course Flutter and Dart plus real world projects...and how to setUp machine(computer) min requirement for Flutter and Dart dev....?
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
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"
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
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
thanks man!
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.
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!
thank u so much
Such a good video that doesn't treat me like a child, thanks!
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
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💌🤟
Thanks for the positive comment my bro, it means a lot to me 🤝
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
Bro is dropping non stop top tier tutorials! ❤
You already know!
Honestly I really learned a lot, very nice course man. Great job
Glad I could help 🤜
This whole course is crazy. Awesome video. Loved it
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
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.
can you make a toturial on reactJs with typeScript ?
Sure!
@@huxnwebdevbro it will be super helpful..
@@huxnwebdevwaiting please react + typescript full details of interfaces driven components full dynamic... Thanks
@@huxnwebdevim waiting on this
@@MuhammadAdnan2.0today he uploaded the video on that
Wow... Not done with the last project tutorial and here is another classic... Tnks slot for touching lives 🙌🙌🙌🙌
You're welcome 🥂🥂
Brother, I cannot thank you more for all your help, out of the manu courses I have watched, this is by far the best.
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!
I'll see what I can do.
Legend of coding ❤❤❤
You are legend my bro 🤝
Yey!!! I completed the tutorial! Huxn, I need a certification of completion 😄
man superb.. applied many cases in my project
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.
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.
@@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.
First like first comment and so excited🎉🎉🎉🎉
Yay 🥳
Woowh🎉🎉
I was thinking to start TS, and then this beast comes up 🔥
Thank you Sir ❤
Most welcome Brother 😊
{
"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());
Getting through the interview with this one 🗣💥
🤜🤜
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
Excellent course, you should also do coding challenges in typecript and nodejs
Great suggestion!
thank u ever so much
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
I actually am here to study this because of your new react course, i dont know typescript! Lol
Another great course! Thanks Huxn!
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
Glad to hear that buddy ☺️
Great Job pal, Teaching with fun is something that every tutor should consider like you do 🙂
Return of the King 🍻
My Bro 🤜
Wow, Typscript yes.... was needed badly, Would you make NextJS with Typscript tutorial from scratch? How to handle event , form data, fetch data , CRUD operation like full stack application which complete all basic operation for a application need. I am waiting bro... Love from a developer❤allrighty🤣🤣
Allrighty, your request is noted 😂
there are a lot tutorial on typescript but i waited your tutorial now here thanks bro. im waiting tutorial on graph ql also brother
Thanks buddy, ill see what i can do about graphql 🤜
Thanks again ❤
Wow. Amazing 😍😍😍😍😍 Thanks
My Bro 🤝
this video recommend by yt, tomorrow i'll start typescript with this. Hope I learn a lot from this ! :)
Very helpful and beginner friendly. into detail. There s no way you can't understand it
Bro you are seriously upload industry used tools i love your work ❤❤❤❤
haha that's what i do 🤝
Great tutorial
Now we need a golang story in your way ❤❤
Please we need to learn your favourite language in your way❤
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.
Love this so much
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
Great suggestions buddy, Ill see what i can do 🤝
Wow i love ur content 🎉🎉❤
Glad you enjoy it!
Very very good tutorial. Thanks!
Great course🖤
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.
Thank you for this 🙏
You’re welcome 😊
@@huxnwebdev subscribed to your channel, all the best!
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❤
Great and thank you very much for the teaching :3, a design course with figma would be good :3 ❤
Thanks for the idea!
Appreciate the work.! Bro why are you Good Samaritan ?
I guessed it right , its typescript course
Keep posting quality tutorials
Yap you were right 🤝
Thankz 100% 🙏🙏
Enjoy 🥂
yooo another super helpful video
Happy to help!
Can you please do complex Typescript project using React Redux Express (All in TS, no JS)?
I really want to deep dive into TS.
Thanks for this amazing tutorial.
May I know what font you are using ?
This one 👇
ua-cam.com/video/Znu3a2g2STw/v-deo.htmlsi=FRAxG0q_jhMEaOOD
Thank you sir
Welcome buddy 🤜
maaaan, you did a huge work on it ! Thanks ! Do you planing to make more nextjs cases ?
I'm planning on making some nextjs project but ill see what i can do 🤜
@@huxnwebdev nextjs with openai api - create some assistant with chat or some case with vision api - its on hype now.
what font are you using?
nice explanation
Thanks❤
Welcome 🤝🤝
Incredible lessons can you do Vsnilla JS Beginner to Advance with 10 real world projects ? Thanks my favorite teacher🔥🔥
How about 100 projects?
@@huxnwebdevwow 🎉
Great content. Btw which theme and which font are you using ?
This one 👇👇
ua-cam.com/video/Znu3a2g2STw/v-deo.htmlsi=3j0lKszUGGAF3GrE
Hey Hu,
How do you change the font in VSCode to be cursive like the way that you have it here?
I was searching for detailed TypeScript for react tutorial. Is it recommended to watch?
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
@@huxnwebdev thank you so much
What is the font family name you use?
hi very helpful thanks for the tutorial. btw what is the name of the theme you use to make the texts like that???
Here 👇
ua-cam.com/video/Znu3a2g2STw/v-deo.htmlsi=zWEi4MZUJ9Z0o2fG
Like #12, Do you have video or complete course of Java basic o Level 1🧐?
best regards from Panama 🇵🇦
I currently don't have any Java tuts but ill definitely make some in the future🥂
ok! Thanks!. @@huxnwebdev
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
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!
Nice 👍🏼
🤜
pls create a course like u suggest express and node with typescript
Thanks bro but We want SQL and react native too
Love from India🇮🇳
Already in my list 🤜🤜
😊
bro you are hero
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"
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..
@@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
Hello Sir, what's the name of the font you are using?
at 10:53 when i press run code shortcut i encounter an error said that "Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension." and "SyntaxError: Unexpected token 'export'" pls tell me how to fix this
I am also facing the same error did you find the solution for it?
I’ve learned js( not fully ) can I skip TS ?
Request to make a tutorial on Angular
What vs code theme are you using?
Course recommended
which font do you use code editor??
what font do you use in vs code?
Can you make a video for angular with typescript
Will you make a Deno rest api course
Can you try making some Project based tutorials on Typescript and React??? 🙏🙏👍👍
5 projects w React and Typescript next week
2:30:20 done for today❤
keep it up!
Which font you're using?
Next js , typescript, tailwind css, express js if necessary and mongodb project.. full authentication..
Great idea!
@@huxnwebdev please you are doing a great job sir and I really appreciate your effort
1:28:51
What font and theme is that please can anyone tell me
Is the udemy course worth mentioning in LinkedIn and resume or not worth it ? What is your opinion
Of course not.
why?@@huxnwebdev
brother plz make one project using ts and next js for begginer level to advance level
Ok soon
Can you please make a video on bootstrap latest version with 1 project
Amazing thanks #Huxn WebDev kindly do also a full course Flutter and Dart plus real world projects...and how to setUp machine(computer) min requirement for Flutter and Dart dev....?
Any project video using typescript bro
Coming up soon my bro
@@huxnwebdev waiting bro ✨
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
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"
Hey cute you are very talented ,🥰🥰🥰
Thanks for the compliment 🙂
Hey cute I wanna. Talk
Yay ❤️❤️❤️❤️
🤜
Love from Pakistan
which font are you using my guy?
This one 👇
ua-cam.com/video/Znu3a2g2STw/v-deo.htmlsi=n7_sNvQaWMbi4Cbb
🔥🔥🔥🔥