Learn TypeScript in 50 Minutes - Tutorial for Beginners
Вставка
- Опубліковано 7 лют 2025
- 📘 Courses - learn.codevolu...
💖 Support UPI - support.codevo...
💖 Support PayPal - www.paypal.me/...
💾 Github - github.com/gop...
📱 Follow Codevolution
Twitter - / codevolutionweb
Facebook - / codevolutionweb
📫 Business - codevolution.business@gmail.com
TypeScript is an open-source programming language developed and maintained by Microsoft. It is a strict syntactical superset of JavaScript, and adds optional static typing to the language. In this typescript tutorial for beginners, we go over the fundamental concepts like variable declarations, variable types, functions, interfaces, classes and access modifiers.
TypeScript | TypeScript Tutorial | TypeScript Tutorial for Beginners
00:40 what and why typescript
3:55 Environment setup
9:38 Variable Declarations
12:16 Variable Types
30:30 Functions
35:35 Interface
39:45 Class and Access Modifier
"Manager is just an employee with some extra privileges"
- Codevolution
Nice analogy.
Vishwas is grounded in programming topics and also he's explanations are clear and concise. Keep doing what you do best
Although this tutorial is 6 years old, it’s still relevant. I learned so much in just 48 minutes-straight to the point, no fluff, just solid content. What an amazing video! I only discovered your channel yesterday, but I'm definitely following your Next.js and JS DSA playlists. I'm a fan from today onward! Also, if there are any updates or changes in TypeScript, please upload a video on that too.
That's how you do a crash course. Touched all the basics, but nothing unnecessary. What a great tutorial. Thank you sir!
I remember 3 years ago when I knew nothing about coding and wanted to learn Python and TypeScript. I directly watched this video first and understood nothing about TypeScript :D or maybe a little basics?
Fast forward today...I am now coding react projects in TypeScript and even made a hackathon winning react project in TS! TS is so great, I cannot think of going back coding a project in JavaScript!
Thank you very much for this basics video. I occassionally come here to revise the basics. 💖💖
Hats off to Vishwas Sir…! I just learnt the basis of Typescript in 48 minutes. The way of your teaching is mind blowing. It is very concise and straight to the point without any time waste with perfect understanding and focus. I am following your ReactJs tutorial as well even though it is 3 years old for learning react and getting a new job in Frontend end development. Thanking you from bottom of my heart… Keep it up and post all the courses tutorials on this channel. We will support you in all way and hope will reach 1 M subscribers as soon as possible…
A truly excellent tutorial. I followed along and made notes throughout. Perfect speed, beautifully simple examples and I never felt lost. This tutorial filled in many of the gaps I've been getting learning Angular.
Vishwas you are a blessing man, I will not disappoint your knowledge. I live in Freetown Sierra Leone a small country in West Africa, If i become a better programmer at Typescript and Angular much credit to you man. Your explanations are just too precise for any student to understand.
Blessings man!!!!!!!!
Hi @
Christopher Reffell Hope you are doing fine. I have started learning typescript and node. I have been watching many tutorials but I am stuck at the beginner level and can't seem to find a way to upper level. It would be very nice if you could give me advice or point me in a direction that is good.
@@soaleahmuhammadkhan15 code evolution could help u greatly
Hi @christopher, hope you're doing well, may I know if you're doing any freelancing work related to web development?
I have an interview tomorrow, the company uses TS. I told them I don't know much about it but would love to learn ofc. I write typescript beginner tutorial on youtube search and Vishvas comes along. I learned most of my React knowledge from him.
I'm just happy that this video exists.
I think if someone never coded with TS but knows JS, that person could write code with TS right away by only studying from this video. Surely one of the best intro on the topic.
⭐⭐⭐⭐⭐
Excellent! I had a little problem with his pronunciation at first but his presentation was clear and well organized, love the easy to understand examples.
just wow.. understanding concepts never been so easier before.. thank you vishwas you have no idea you have helped me n many others immensely .i wanna thank you for your efforts for creating such beautiful series.. love your skills ...Please keep up the good work.
Hi @Anshuti, hope you're doing well, may I know if you're doing any freelancing work related to web development?
@@rajuy18 kyu puch raha hai
Could not express my feeling after watching your tutorials. Just wanted to say, you are always precise to the point of what the viewer expects.
Super Awesome beginner tutorial for TS. Never seen such super simplified explanation in any UA-cam Course, which i had gone through till now(more than 10). Thanks for your Support to help others. Keep upthe momemtum growing.
Definitely one of the best teachers out there. You're really an awesome tutor Vishwas. You know how to teach stuff in the easy way possible. I wish I had a teacher like you in my school. And by the way, this is one of the best TypeScript tutorials out there. I recommend, to someone who wants to learn anything, then first check if Codevolution has videos on that. If you get the videos then you're lucky!!
For anyone getting an error at 6:28 because on compiling the Typescript code i.e. tsc main.ts , you are getting an empty main.js file, just save the main.ts file before executing the tsc main.ts command, by going on File->Save. It is only after saving that a successful compilation can take place. :)
Isha Ghiria thank you so much
I mean auto save should be used
doesn't work for me..
Great intro. This things I'm missing as Java developer is
1. explaining instanceof and why instanceof works with classes but not with interfaces.
2. explaining type gurads in bit more detailed way: like what is "is" keyword in "obj is {name: string}" @25:00, double negation "!!obj"
3. why typeGuard at @25:00 has return type "obj is {name: string}" instead of boolean
4. how compiler knows that type guard is a type guard and not just a random boolean method in "if(hasName(myVariable))" construct @26:00
Other then that the cause is awesome for java devs who want to jump into TS.
OMG TypeScript is probably my new favorite language
One of the better beginner videos I've seen. Thank you for clear and concise presentation without a lot of distraction. New subscriber here.
Done Typescript Essentials. Heading towards React Typescript 🏊🏊🏊 Thanks Vishwas ❤️
I watched this at 2x speed and was still 100% comprehensive. Great overview of TS
Great tutorial, thank you Vishwas! Must say as a C# programmer that I am a lot more exited about client side web development now since I discovered TypeScript.
I clicked the ad even though I'm not interested since I want to help your channel. I also subscribed because you are awesome. Clear and concise.
Thanks a lot :)
One of the best tutor ever. Always it will be simple and more understanding to beginers.
Man thank you so much. You have helped me understand sooooo many issues I had in previous languages that drove me crazy. You didn't go too fast, and you explained everything perfectly with SIMPLE examples. Thanks again. A lot of people teach code like they are trying to show off how fast they can type, leaving me constantly having to rewind instead of pay attention. Thanks Bro. New Sub.
my goal is to learn aws-cdk, which need typescript, been watching few videos and reading docs, me with little knowledge of programming, not able to pick things easily, i must say for anyone who is new to programming and typescript this video is just awesome.
You've made Typescript so much easier than other tutorials 🔥 Definitely helpful !
Yeah
love it. Finally, someone put some structure into the madness of JavaScript. Now, it seems more like a modern programming language.
Thanks, to Microsoft for creating it and to Google for using it in their Angular development. Great job by the way in your presentation!
As usual he went straight to the point, without unnecessary additions
Simple i say WOW and Thanks a lot for such clear crystal explanation, a layman also can understand, simple and superb for beginners to learn.
One of the best channels on UA-cam. Thank you for making it easy
One of the greatest crash course ever!
Thank you very much
This was extremely valuable! Thank you for this condensed tutorial. Lots of great information.
The way you explained the TypeScript is superb. Best explanatory tutorial for beginners. i got lots of additional topics revised. Thank you buddy
Thanks
Coming in with no programming experience, this video is very useful. Thank you :)
1. Thank you very much for your effort. You are doing the lord's work :)
2.(Note) I just figured out that you don't need to compile typescript to plain javaScript in order to run the file. I just typed 'node main.ts' and that worked :).
Really well done. Quick and to the point Intoduction to base features. No nonsense or going off the rails Into overly complex topics. Thanks!
Wow ....nice this was a great tutorial not even one person explained like you.thanking you sir
Very Clearly explained, this video alone is enough to get started with Typescript. Thank You.
perfect explanations, step by step and easy to understand. Thank you Vishwas!
Really good tutorial, I paused a few times so it did take longer than 50min, and Visual Studio for Mac doesn't seem to support the any type, but the tutorial was easy to follow and I genuinely learned something.
I have got this Vishwas to learn TS so easily even when I am a python develper! Thank you for such an amazing intro.
Sir will u help me in solving some problems in python???
@@gauravsingh-qt2zo what problems are you having?
This was a great tutorial , fast and precise enough.
Very good. Simple and direct to the point! Thanks a lot!
Amazing tutorial to revise all typescript concepts in just 50min, thanks @Vishwas for this video.
The best tutorial ever!!!! I'm so excited to start using TypeScript now.....you just got a new subscriber sir. Well done!
It's very very very clear to me. Thanks Codevolution and Vishwas.
Much love to the content and the presentation technique ! Going through the react videos and enjoying them! Kudos Vishwas
Really amazing tutorial, with no js prerequisite.
It is very much helpful in learning TypeScript. Information is crisp and clear. Thanks.
This is my step in learning Typescript, and this your way of explaining helps me to understand very well man 👌👏.
Thank you very much Vishwas! Very helpful!
Thank You for this Quick and Helpful TypeScript guide !!👍👍
Vishwas, great explanation. Thanks for taking the time to create this video. Keep up the good work!
Typescript and Java classes are so similar. 😊 Thanks for the tutorial, sir. 🙏🏽
Very clear understandings with clear voice, thanks a lot. I've shared this video on my social network.
Very well done. Clear, to the point, good examples! I feel I now have a decent grasp of TypeScript after watching this video.
Absolutely cracking video. Great work, Vishwas!
Thanks..please do more videos about typescript basics
Sir your teaching skill are awesome and excellent teacher u are u explain each and every thing very clearly and deeply
One of the best tutorials I have come across. Thanks to my Friend Sajida who suggested me this course and the tutor :)
Man subscribed to you right away. Such a good teacher!
14:34 What? its impossible! This is really crazy language i think. I love it
Very nicely explained as always, i always refer to your tutorials for learning anything related to frontend developement, you are awesome
Hi Vishwas, Your tutorials are very helpful to me. I like your teaching style and the short videos focusing on one concept at a time. The way you teach is great!. Thanks a lot.
Thank you. Perfect tutorial for beginners.
VERY CLEAN EXPLANATION SIR. THANK YOU.
The best starter course , very eloquent , Thank so much
great tutorial , i am a ts beginner and this video clarify most thing about ts. Thanx for making such a great tutorial.
So cool how you were able to fit most of the topics in a one-hour video! thanks man!
the last 10 minutes taught me OOP concepts better than my entire year at campus
That's a very very nice tutorial of typescript ... well done you cover very important parts of a language......... It's Awesome, I got grace, thank you.
Thank you so much....your tutorial is very clear and easy to understand.
Tutorial starts at 5:03 , you are welcome
I have become fan of you teaching skills, the way you tell small things are just awesome.
appreciate the way the topics are categorised and presented. thank you very much
Thank you Vishwas. It's a very good video explaining typescript. I have been a C# developer for number of year and this video makes a lot of sense to me. Thanks.
Thanks for putting together all the info. Appreciate your efforts!
Hi @Prashanth, hope you're doing well, may I know if you're doing any freelancing work related to web development?
Hi@@rajuy18,
Thanks for asking but I am not into freelance development.
@@prashantio okay thank you
You're still the best at explaining the complex!👍
Thanks you. Very easy to understand from your explanation.
*Speeds video up to learn TypeScript in 25 minutes*
Thanks! I learnt it in half the time
If you change the resolution to 720p, you acquire twice the amount of knowledge
yeah it super audible at 1.5 speed
@@the514 Legend has it that someone changed it to 144p and till this date he is still learning TypeScript.
Thanks Boomer !
Great work Vishwas. Thanks.
Nice & Clear. Thank you friend. I ran the playback speed at x1.25 and it was a perfect pace :-)
A good start for my typescript learning pathway. Thanks for this
Awesome. Simple and clear. You nailed it. Thank you for this tutorial.
Clear cut explanation. Very helpful to the beginners. Thank you
Thank you for sharing. This video helps me to save 30 minutes to learn TypeScript.
Explained very well in less than 1 hour nice work....👌
This is simply superb @Codevolution.... superb overview of each concept in typescript
Thanks sir , your angular course is also very informative you have explained in very good manner .thanks once again
Your videos are the best... They really help.
Bro, you deserve a better place in heaven. Thank you so much. May God bless you!
Likes the way of explain. Thank you Vishwas ji for such amazing explanation
Best crash course on typescript evrrrrr
for those who cant see output "hello world".you need to create another file name"tsconfig.json" and add this code->>{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"sourceMap": true
}
}
and save it, then it works
Thank you so much! That was really great explanation of TypeScript. I really appreciate for this!
30 minutes of my morning spent well!
Really Amazing. Truly appreciable Tutorial