Practical TypeScript - Course for Beginners
Рет қаралды 120,385
Күн бұрынMaster TypeScript from basics to advanced concepts through hands-on tutorials covering type annotations, generics, data fetching, Zod library, and more, with practical challenges for effective real-world application.
Code: github.com/john-smilga/typesc...
Course developed by @CodingAddict
⭐️ Contents ⭐️
⌨️ (0:00:00) Intro, Type Annotations, Arrays
⌨️ (0:55:40) Objects and Functions
⌨️ (1:54:57) Alias and Interface
⌨️ (3:02:53) Tuples and Enums
⌨️ (3:59:10) Type Guards
⌨️ (4:31:02) Generics
⌨️ (5:10:25) Fetch Data
⌨️ (5:43:05) Classes
⌨️ (6:05:17) Tasks
⌨️ (6:47:18) React with TypeScript
🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama
--
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news
@tusharghildiyal6814 Ай бұрын
i love how john just uploads a big chunk of his paid courses on youtube for free. been following him since 2019. i have bought his react and node courses on udemy. such a selfless man 🔥
@imdtap1448 Ай бұрын
Same...He's hella cool. His teaching is clear and concise
@hellokevin_133 Ай бұрын
He's the absolute worst lol
@yashjainme Ай бұрын
@@hellokevin_133 why do you think he is worst 😕?
@ajaymishra-jg2qe 28 күн бұрын
This is just for marketing bro
@hammedadeleke7798 Ай бұрын
I just landed a job that requires typescript experience and this course came at the right time
@thej_ Ай бұрын
You don't know how much i need this course right at this moment. FCC you are a saviour for me
@nasiffuad292 Ай бұрын
Same here xD
@Booyamakashi Ай бұрын
Me too, me too.
@kaziprosper2229 Ай бұрын
John is an awesome Teacher. When I set to learn Nodejs, I watch his videos and that has extremely helped me! Thank John, for the good work
@codesinger-zc3bm Ай бұрын
Started learning Typescript last week and the ones I have seen aren't this detailed. I hope to learn alot from this
@eacardenase Ай бұрын
I learned programming with John back in 2021, and that helped landed me a job as a web developer that year. He's an absolute beast on his own.
@shahirantalukdar2387 Ай бұрын
Are you from CS background ?
@eacardenase Ай бұрын
@@shahirantalukdar2387 no, I was a psychologist.
@eacardenase Ай бұрын
@@shahirantalukdar2387 I'm a psychologist that switched career to software development.
@khantanoliggg Ай бұрын
From yesterday night I was looking for typescript courses that could cover all the fundamentals and intermediate concepts and today I got this gem. THANK YOU XD
@firstlastcode Ай бұрын
I love how you explain every concept bit by bit. I have followed and learned a lot of content from you, and today I'm better SE. Thank you and the freecodecamp community
@Booyamakashi Ай бұрын
This is pure gold. Im going to watch it couple of times. I recommend to pause and do challenges before watching the answer - it makes learning better. PS. There is custom speed setting on youtube, you can run videos at 1.1x for example.
@jamielujan5640 15 күн бұрын
Just finished the 10 hour batch here. Great stuff and incredibly clear and helpful. You really do learn javascript so much better once you get the hang of typescript. Looking forward to repeating some of the challenges a few times. Thanks a ton.
@sherazakrampro8099 Ай бұрын
I really needed this course. Thank you so much ❤
@thedevelopermind Ай бұрын
John is a great teacher.
@CasualCosta Ай бұрын
Just what I needed. Thank you, John! Thank you, FCC!
@AyushmaansinghxX Ай бұрын
I was about to start learning typescript from tomorrow and here you dropped this gem ❤
@khantanoliggg Ай бұрын
Me too
@marketdilemma Ай бұрын
They read your mind, 😂
@marketdilemma Ай бұрын
@FreeCodeAcademy , have make an algo with ts to read there subscriber mind
@fluxsiarski 4 күн бұрын
I finally finished it! It took me 1 month [ about 1 hour each day ]. Some people say the host voice is bad, but for me it wasn't a problem. #Stillgood
@th3ja 15 күн бұрын
Top notch content and instructor! Awesome as always FCC!
@akshaykumar-xu2be Ай бұрын
Looking for a good full course and there it is.. What a timing.
@AbhishekTiwari-cf8sp Ай бұрын
Finally my wait is over. Hey Brad(TM) it's you as a instructor 😂❤
@indrakhatiwada9860 Ай бұрын
No it's john
@vytenisumbrasas3524 Ай бұрын
Thank you for the nice course. Enjoyed fine narrator diction and tempo.
@zamsosam Ай бұрын
This man is legend
@BlastbeaterPT Ай бұрын
The Goat Smilga ❤
@3polygons Ай бұрын
Thank you!!
@oreyon9514 Ай бұрын
Man, john smilga is really good teacher for me. His method is easy to follow up.
@_stanlymathai Ай бұрын
And who the F are you?
@oreyon9514 Ай бұрын
just a student
@serial_coder Ай бұрын
I just recognized him with his voice. My favorite Js/Node teacher John Smilga.
@alexref955 Ай бұрын
What’s wrong with his voice? I remember speaking him normally
@serial_coder Ай бұрын
I think he is high on drugs.
@firstlastcode Ай бұрын
My favorite instructor is here
@raksalim5860 Ай бұрын
you sir. are a god
@gregfredder8645 Ай бұрын
I love John Smilga
@DarkGT Ай бұрын
My boss wants me to learn it at some point for writing test cases. Wish me luck.
@frq9293 4 күн бұрын
At 3:20:03, how did the role property go from 0 to "Admin" in the console?
@ViniciusEmprego 18 күн бұрын
That course is perfect! He explains everything so well
@themountains1701 Ай бұрын
# ⭐ Contents ⭐ ## ⌨ Intro, Type Annotations, Arrays - (0:00:00) ## ⌨ Objects and Functions - (0:55:40) ## ⌨ Alias and Interface - (1:54:57) ## ⌨ Tuples and Enums - (3:02:53) ## ⌨ Type Guards - (3:59:10) ## ⌨ Generics - (4:31:02) ## ⌨ Fetch Data - (5:10:25) ## ⌨ Classes - (5:43:05) ## ⌨ Tasks - (6:05:17) ## ⌨ React with TypeScript - (6:47:18) #### ⌨ Component returns in React - (6:55:35) #### ⌨ Props - (7:00:15) #### ⌨ State - (7:12:57) #### ⌨ Handling events in React - (7:24:45) #### ⌨ TypeScript with ContextAPI - (7:57:40) #### ⌨ TypeScript with useReducer hook - (8:15:55) #### ⌨ Fetching Data in React - (8:30:13) #### ⌨ Fetching Data using Axios and React Query - (8:44:55) #### ⌨ Redux Toolkit - (8:54:18) #### ⌨ Tasks Application - (9:14:13)
@toystory3167 Ай бұрын
8:33:30 fetch useeffect 8:16:30 reducers
@swayambadhe Ай бұрын
John smilga strikes again
@AjayKumar-fd9mv Ай бұрын
Awesome
@user-dj1lj6tn4l Ай бұрын
Thanks ❤
@orlandoferazzani3639 Ай бұрын
at 2:12:50 couldnt we set up the book type like this type Book = { id: number; name: string; price: number; discount?: number; };?
@Not_Aran8276 Ай бұрын
Yes you can, it’s just different formatting and if you use something like Prettier formatter, it’ll do it automatically.
@firstlastcode Ай бұрын
We are not intimidated by DEVIN AI at all. We are feeling that new energy already.
@raghav_sridhar Ай бұрын
❤🎉
@eleah2665 Ай бұрын
Hi John!
@soldishero_YY Ай бұрын
9 hours? OMG. Let's begin
@ashieraslam Ай бұрын
Is it for absolute beginner ? Or one's should have knowledge of any sort of programming language?
@juanmacias5922 Ай бұрын
Knowledge of JS would probably help, try it out, see how far you get.
@waqarrajpt7031 Ай бұрын
Nyc sir
@eliodrallag4806 Ай бұрын
great
@omers.143 Ай бұрын
I love you guys
@juanmacias5922 Ай бұрын
LOL I don't know if it's because I have a newer version, mostlikely because I'm using Bun, but my website crashed. 31:13 Edit: interesting, only diff is that vite is 5.2.0 for me, so I assume it was Bun that caused the TS error ha 32:23
@pabitrakumar4564 Ай бұрын
Finally my wait is over😅
@toystory3167 Ай бұрын
8:54:30 rtk
@GiftMthimunye Ай бұрын
CAN we PLEASE have FLET tutorial 🙏🙏🙏
@hooho491 16 күн бұрын
Very good course but I'm overwhelmed by the amount of information overall, especially in React section. It's difficult to use all the information in a real project 😕
@MehmoodHussain-lk2qg 20 күн бұрын
Do we need to know basic javascript for this course?
@hooho491 16 күн бұрын
absolutely.
@rodrigolopez-qi5ez Ай бұрын
Where is the second part of this course?
@flash0p 14 күн бұрын
its paid you can look at his website codingaddict
@LokeshKumar-tk7ri Ай бұрын
what about Devin?
@Famelhaut Ай бұрын
🚭
@marg5019 Ай бұрын
No Closed Caption I can't hear it.
@viktorbutanski Ай бұрын
Two and a half hours in - loving it already. Does anyone know if this yellow marker showing the function scope like here kzfaq.info/get/bejne/gK51dZqDzbCrYY0.html is an extension of VS Code setting?
@Sonyemman97 Ай бұрын
How do people successfully finish these courses? I want to escape tutorial hell and I find myself there whenever I start these courses.
@ramatjyotsingh2643 Ай бұрын
Stop watchin tutorial beside just some syntax and basic stuff then start building a project on your own , you'll learn alot that way
@CasualCosta Ай бұрын
For me, it was watching 15 minutes a time and then trying to re-create what he did from memory and checking only if needed. I did it for his React projects and it took me 2 months to finish everything, but it really did teach me how the library works.
@omogbemeiyere6475 Ай бұрын
The legend himself John f*cking Smilga so happy you dropping this course man ❤❤❤❤🎉🎉🎉
@allsparky 24 күн бұрын
2:16:02 omg he's so right
@0x-003 Ай бұрын
So this video isnt the full course?
@freecodecamp Ай бұрын
It is a full course. But you can pay to get an extra project to build.
@fluxsiarski Ай бұрын
2:16:02 😹
@deepakjoshi3347 20 күн бұрын
Nice voice
@umaralifayzullayev Ай бұрын
First
@Nemesis-db8fl Ай бұрын
This is the kind of video where i turn off my adblocker
@kim92se64 Ай бұрын
3h03m
@povdata Ай бұрын
toilet voice
@manishgautam2424 Ай бұрын
nothing is free there
@hellokevin_133 Ай бұрын
Why does this guy sound like this? don't other people feel irritated listening to him? he's also a massive spammer, just tries his best to make his courses unnecessarily long.
@knowledgetogo92 Ай бұрын
sorry, but this is like listening to grandpa when he is almost dying. This is so slow and boring. AI will help me now to learn TypeScript....
@Oncopoda Ай бұрын
Course should be called TypeScript for absolute beginners. 😴
@muhammadyafizhambatubara461 Ай бұрын
please don't talk about devin, its demotivated me
@kvelez 4 күн бұрын
{ "compilerOptions": { "target": "ESNext", "module": "CommonJS", "outDir": "./dist", "strict": true, "forceConsistentCasingInFileNames": true }, "include": [ "src/**/*.ts" ], "exclude": [ "node_modules" ] }
@AlexanderYaremchuk 8 күн бұрын
Thank you very much! I've completed this course. it took me a whole month.. (I actually expected me to be swifter) negative stuff: * the voice is specific but I got used to it rather quickly. * instant tooltips covering lots of screen are annoying. you pause the video to check out the whole code but see the dumb tooltip. (editor.quickSuggestionsDelay and editor.hover.delay help to fight it in vs.code). overall I'm happy I did the course - it helped me a lot to get acquainted with React.
Lama Dev
Рет қаралды 135 М.