Learn TypeScript in 50 Minutes - Tutorial for Beginners
Вставка
- Опубліковано 22 сер 2024
- 📘 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
Vishwas is grounded in programming topics and also he's explanations are clear and concise. Keep doing what you do best
"Manager is just an employee with some extra privileges"
- Codevolution
Nice analogy.
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?
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.
That's how you do a crash course. Touched all the basics, but nothing unnecessary. What a great tutorial. Thank you sir!
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
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..
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…
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!!
OMG TypeScript is probably my new favorite language
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.
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.
This was extremely valuable! Thank you for this condensed tutorial. Lots of great information.
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.
⭐⭐⭐⭐⭐
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.
You've made Typescript so much easier than other tutorials 🔥 Definitely helpful !
Yeah
Done Typescript Essentials. Heading towards React Typescript 🏊🏊🏊 Thanks Vishwas ❤️
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 watched this at 2x speed and was still 100% comprehensive. Great overview of TS
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.
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.
*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 !
One of the better beginner videos I've seen. Thank you for clear and concise presentation without a lot of distraction. New subscriber here.
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!
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.
Really well done. Quick and to the point Intoduction to base features. No nonsense or going off the rails Into overly complex topics. Thanks!
For people who can't assign "null" and "undefined" to other types:
In your tsconfig.json or tsc arguments, you have to disable "strictNullChecks".
that's the most stupid suggestion in this comment section ..... a sure way to having null related issues in the run-time .....
@@Tout-Le-Monde02 thats what I thought. Is TS not known for its stricly correctness of type safetyness?
Never do this.
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.
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.
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?
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 :)
Let and Const are variables declaration for ES6, not a feature in TypeScript as you mentioned in the Variable Declarations section.
As usual he went straight to the point, without unnecessary additions
One of the greatest crash course ever!
Thank you very much
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.
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
Please note that ES6, const and let keywords allow us to declare variables in the block scope!
One of the best tutor ever. Always it will be simple and more understanding to beginers.
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.
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
Very good. Simple and direct to the point! Thanks a lot!
Absolutely cracking video. Great work, Vishwas!
One of the best channels on UA-cam. Thank you for making it easy
The way you explained the TypeScript is superb. Best explanatory tutorial for beginners. i got lots of additional topics revised. Thank you buddy
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.
Hey Vishwas, your videos are very helpful.. thank you.. question regarding null and undefined type... you mentioned that they are considered as subtype and you assigned null to boolean type variable and undefined to string type variable... that is not clear.. plz can explain..
Typescript and Java classes are so similar. 😊 Thanks for the tutorial, sir. 🙏🏽
Tutorial starts at 5:03 , you are welcome
Very nicely explained as always, i always refer to your tutorials for learning anything related to frontend developement, you are awesome
Vishwas, great explanation. Thanks for taking the time to create this video. Keep up the good work!
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.
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!
So cool how you were able to fit most of the topics in a one-hour video! thanks man!
Coming in with no programming experience, this video is very useful. Thank you :)
Wow ....nice this was a great tutorial not even one person explained like you.thanking you sir
Bro, you deserve a better place in heaven. Thank you so much. May God bless you!
Very well done. Clear, to the point, good examples! I feel I now have a decent grasp of TypeScript after watching this video.
Thank You for this Quick and Helpful TypeScript guide !!👍👍
Very Clearly explained, this video alone is enough to get started with Typescript. Thank You.
14:34 What? its impossible! This is really crazy language i think. I love it
This was a great tutorial , fast and precise enough.
appreciate the way the topics are categorised and presented. thank you very much
Very clear understandings with clear voice, thanks a lot. I've shared this video on my social network.
perfect explanations, step by step and easy to understand. Thank you Vishwas!
A good start for my typescript learning pathway. Thanks for this
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 :).
the last 10 minutes taught me OOP concepts better than my entire year at campus
Clear cut explanation. Very helpful to the beginners. Thank you
Hey, it's a very nice tutorial for beginners. Easy to understand. Simple and precise. Able to digest content size. Thanks man!
It's very very very clear to me. Thanks Codevolution and Vishwas.
The best tutorial ever!!!! I'm so excited to start using TypeScript now.....you just got a new subscriber sir. Well done!
It is very much helpful in learning TypeScript. Information is crisp and clear. Thanks.
One of the best tutorials I have come across. Thanks to my Friend Sajida who suggested me this course and the tutor :)
I am confused with this function "hasName" :(
How to change the code to smaller steps?
Best crash course on typescript evrrrrr
Man subscribed to you right away. Such a good teacher!
I have become fan of you teaching skills, the way you tell small things are just awesome.
I'm sure this has already been said but let and const are now, and I'm pretty sure they were at the time of this video's production, vanilla javascript features, no typescript needed. You may need a transpiler for older browsers, but most work with them out of the box. Also, when working with values that aren't base types (string, int, boolean etc...) like arrays, objects and functions, you can change the contained values in a const statement.
Thank you for this awesome video
Sir your teaching skill are awesome and excellent teacher u are u explain each and every thing very clearly and deeply
Thanks a lot! Clear and easy to understand explanation :)
javascript: wow it's so different and new to me.
Java: hold my coffee.
Beautifully done! The explanations and examples demonstrating those explanations keep things very clear. Thank you!
Thanks..please do more videos about typescript basics
Vishwas, have to say this was a great tutorial! Keep up the good work! I liked and subscribed to your channel.
VERY CLEAN EXPLANATION SIR. THANK YOU.
Awesome. Simple and clear. You nailed it. Thank you for this tutorial.
You're still the best at explaining the complex!👍
Thank you, very clear and helpful tutorial!
Wow!! What a tutorial, feeling somewhat confident!
@22:00 I love you too
Haha
I was just about to write a comment about that :-D
30 minutes of my morning spent well!
great tutorial , i am a ts beginner and this video clarify most thing about ts. Thanx for making such a great tutorial.
Very good, easy to understand thank you Codevolution!
Excellent intro to Typescript, thanks so much for the video!
Thank you for uploading this. I have learnt something new today.