Complete TypeScript course in an hour | Typescript for beginners
HTML-код
- Опубликовано: 12 май 2024
- 💎 Get a premium subscription - htmllessons.ru/premium?...
❤️ Reviews here - t.me/htmllessons_reviews
🎁 Draw in TG - t.me/redgroupchannel
New big video on the channel, today I'm posting the complete Typescript course for beginners. This material will allow you to learn Typescript in an hour from scratch (only knowledge of JavaScript is important). Count it as 20 TS lessons in one video. Last time I did a quick course on TypeScript, but it wasn't complete. I will also answer some of the questions that are encountered at the interview for the Junior Front-end developer. We can say this is a fundamental course in TypeScript from A to Z. Enjoy watching!
I hope you appreciate my efforts, please like and subscribe. 🔥 2000 likes and I continue the rubric of full courses.
If you have any questions about this topic - let me know in the comments!
Download 🖥 project folder - htmllessons.ru/storage#storag...
⚡️ List of intensives by subscription - htmllessons.ru/list-intensive...
🍥 Theme to Editor/IDE - Ayu Mirage Theme, font Iosevka
👉 Useful links from the video:
Complete course on React - • Полный курс React JS д...
Full course on Next.js - • Полный курс по Next js...
Full course on Redux + RTK Query - • Полный курс Redux Tool...
Rutube 2.0 - • 🚀 RUTUBE и ТОЧКА. Разр...
00:00:00 - Entry
00:00:10 - What will be in this video
00:02:50 - Installing and configuring TypeScript
00:06:40 - tsconfig.json config file
00:08:50 - Basic types
00:10:14 - Structure of objects
00:17:06 - Arrays
00:18:56 - Tuples
00:20:00 - Functions and their types
00:22:55 - Rest parameters and types
00:23:18 - Functional overloads
00:25:20 - Classes and types
00:29:18 - Interfaces
00:30:00 - Types vs. Interfaces
00:31:58 - Enum and its types
00:35:12 - Assertions
00:37:11 - Generic
00:45:22 - Type utilities
00:50:55 - Decorators
00:54:27 - Extended types
00:57:14 - React and TypeScript
00:58:30 - Creating components with TypeScript
00:59:45 - Event typing (e.g. onClick, onChange)
01:00:40 - Using Hooks and their types (useState)
01:01:17 - Where to see the full typing of React, Redux, Next.js
01:01:37 - How strongly do you need to type?
01:02:29 - If TS doesn't swear, should it be typed?
01:04:13 - Tips for further learning TypeScript
#TypeScript #TypeScript #TS #RedGroup
💡 Personal TG channel - t.me/hardmaxchannel
👉 All links (+ editor setting) and information about me - redlinks.tech/
Watch the video UNTIL THE END, subscribe to the channel, put 👍 and the bell 🔔
Спасибо за 2000 лайков! Новому курсу быть 🔥
Все усилия рано или поздно окупаются. Очень ценю те курсы которые ты выпускаешь на Ютуб канале. Все доступно и очень сильные знания предоставляешь бесплатно, спасибо большое ❤
Благодарю за бесплатный материал! Он был очень полезен и профессионально подготовлен. Спасибо!
Круто! Давно хотел увидеть курс по тайпскрипту в твоём исполнении
Автор, огромный тебе респект! Обожаю твои видосы, очень много полезной информации! Очень люблю полные курсы и крупные проекты!
Спасибо за то что рассказал про типизацию реакта и дал ресурсы где более подробно описана его типизация
Спасибо за такой материал ! Ждем еще больше годного контента ! 😇
Много проделано полезной работы, спасибо за твой труд !
Классные ролики, удобно и можно быстро вспомнить теорию перед собеседованием
Все доступно и очень сильные знания предоставляешь бесплатно, спасибо большое ❤
Первая обучалка, которую я посмотрела на скорости *1 - зачитываешь, как Эминем)))
Спасибо большое за контент который вы делаете для нас!
Буду рада полному курсу!! И любым другим от Вас. Вы хорошо объясняете. Спасибо!
Спасибо большое за ролики! 😊 Очень нравится, как всё структурировано, прям на одном дыхании смотрю)) Ваши усилия заметны и я искренне ценю это. Продолжайте в том же духе, ребята! Держите мотивацию, потому что у вас тут целая армия фанатов! Ждём новых шедевров от вас! 👍🎉
Спасибо, Даша! 🚀
Братан харош, курс в кайф. Спасибо большое!
Спасибо, все детально разобрано и передано, очень информативно и полезно!
Спасибо за Вашу работу!
Благодарю, все по делу!
спасибо братуха ) отличный курс
Спасибо за ваши старания!
💎 Оформить премиум подписку - htmllessons.ru/premium
🎁 Розыгрыш в ТГ - t.me/redgroupchannel
Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 2000 лайков и я продолжаю рубрику полных курсов.
Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях!
Мир вам! Бро, я хотел спросить тебя об одном. Где вы выучили javascript? от удемы или самообучения? Где ты научился бэкенду?
Все учил сам, тупо делая проекты. У меня большой стаж разработки проектов, наверно поэтому каждый раз по кусочку собирался мой опыт и знания
@@REDGroup Какой у тебя уровень? Средний или старший? Нужны ли вам математика и кодовые войны, чтобы стать фронтенд-разработчиком? Вы изучали алгоритмы и структуры данных в JavaScript?
Математика не нужна. Теорию никогда не учил, не люблю это. Люблю разрабатывать проекты. Уровень upper middle. Но некоторые говорят что senior.
@@REDGroup Да, так что вы учитесь, делая проект! Вы совсем не смотрели видео урок?
Спасибо за Ваш труд
Очень крутое видео! Ещё не смотрел, но по содержанию - конфетка
Красиво, качественно, по делу. Спасибо!
Тяжеловато конечно с быстрой речью, но никто не запрещает перемотать назад и прослушать для понимания еще раз.
Максим! Спасибо за видео! Урок получился очень хорошим! Все четко : вопрос - далее Ответ)
Отличное видео, благодарю Макс!!!
Отличный урок Макс, успехов!
Видео понравилось, лайк прожал, надеюсь наберем 2к и будут выходить новые курсы, это нужный формат и у тебя он хорошо получается 👍
Спасибо за твои труды
Отличный курс, все емко и крайне полезно, до этого смотрел другой курс и твой помог разложить и устаканить базовое понимание TS.
Пасиба, готовлюсь к собесам и твое видео прям отличный способ освежить знания!
Отличный курс по TypeScript ) Максим, важна дистанция )
Макс, лучший, спасибо!
P.S. Сам TS знаю, но для новичков это просто шикарный курс!
Спасибо за контент 😊
Спасибо за видео)
Большое спасибо за Ваше видео!
До этого ролика в моей жизни было всё отлично
До тс было всё отлично😂
До момента пока мне не сказали, что в новой платформе вместо c# нужно будет программировать на ts, у меня тоже все было отлично(((
@@Kaputishka так с# типизировный, разве нет?
@@user-ry4gk1kb1h да, типизированный. Меня не типизация смущает, а то, что нужно учить еще один новый язык, еще и фронтендный.
@@user-ry4gk1kb1hда, типизированный
ts в связке с ректом очень интересная тема, лайк
Топчик. Как всегда на высоте!
Благодарю за бесплатный материал! Он был очень полезен и профессионально подготовлен. Спасибо! 💯
Спасибо большое я как раз хотел прейти в Ts
курс очень понятный и еффективный рекомендую всем
Спасибо за видео
Здорово 👍, полный курс по тс вышел, осталось сделать практику практику используя ts
Гляньте на канале Amazon 2.0
Большое спасибо за Ваше видео! Отличная, просто бесценная информация в бесплатном доступе... Вау! Спасибо за Ваш труд и Ваше время))
Пожалуйста
У тебя классный контент. Продолжай пожалуйста дальше делать!! Спасибо тебе и команде
Благодарю за теплые слова, все будет!
супер спасибо быстро и ясно
Спасибо. Супер !!!!
Спасибо , ща глянем
Спасибо большое))
Спасибо за урок!
Спасибо большое за ролики!
чувакк! твои видосы неплохо заходят! продолжай!
Отлично!
Топ видео, качество 🔥
Спасибо за видео, толковые объяснения. Только мне как новичку высокий темп
Да, запишите пожалуйста курсы по эти новым темам! React и другие фишки !!!
Спасибо за курс
Супер!! Жду курс по tanstack query
Макс вы МОЛОДЦЫ. продолжайте в том же духе.
с нас лайк подписка и ком
Курс просто🔥🔥🔥
*Очень круто объясняешь, сразу понимаю суть. До этого 2 видосика по TS просмотрел и не все понял, а тут прям разнос )) Спасибо за такой видос! Продолжай в том же духе, контент прям дикий. TS изучаю сейчас и хочу больше его видеть.*
Спасибо!
брат спасибо за твой труд мы будем тебя поддерживать)
Спасибо
от души за видос, бро
спасибо за урок всё очень была круто продолжай в том же духе )
я просто уже 3 раз смотрю этот ролик с каждым разом всё яснее )
Спасибо за годное видео
🔥🔥🔥 крутой выпуск
Все круто! А вот курсец по вью был бы очень кстати)
Круто и спасибо
Огромное спасибо
Как всегда лайк :) Но немножечко озвучу критики со своего бока. В целом сталкивался почти со всем, парочку приемов подхватил, со всем согласен, контент очень крутой. Но с декораторами ты не разобрался, я и сам в них вскользь совсем, но то что я знаю, в 5 версии тс как раз их серьезно переработали (если мне память не изменяет). Ну а в целом, максимально сжатый и полезный курс по тс, такого мне не хватало на старте. Те, кто только начинает свой путь в тс, это отличное пособие.
Да, я не изучал 5 версию. Я писал декораторы как обычно их пишу
Можно как и в случае с "... arr: string[] ..." и "... arr: Array ..." вместо "... arr: ReadonlyArray ..." писать "... arr: readonly string[] ...", и не только с массивами.
спасибо тебе и твоей команде
Пожалуйста
Спасибо большое за ваш контент
Пожалуйста
Мужик, красавчик! Спасибо тебе большое. Повторил теорию быстро благодаря тебе
Пожалуйста 🙏
За ts правда спасибо 👍
есть пет проект который положил в резюме стоить переделать на тайпскрипт + реакт с просто реакт?
Спасибо за урок
Looking forward to the course on react query
Reduxtoolkit query is already on this channel,last video if im not mistaken
@@lucian8118 redux yes is no react query
класс , очередное полезное видео !
T - type.. Поэтому T и пишут.. Но если типов больше одного или вы можете как-то уточнить, как этот тип будет использоваться, нужно не просто букву писать, а название типа. Как и над названиями пропсов в функциях, над ними стоит подумать.. Названия - очень важно.. Самый простой пример:
спасибо за контент:) лайк, подписка, комментарий)
🔥🔥🔥
Отличный урок, спасибо за тру
проблема с типами в нативном js отчасти решается хорошей ide с анализом кода, типа webstorm'а. хотя конечно далеко не на том же уровне что в ts
Крутое видео! Больше лайков)))
Продолжай в том же духе
искал два дня нормальный курс, и вот курс сам меня нашёл:)
Добро пожаловать!
вперед Спасибо)))
Спасибо
Полезное видео) один ньюанс - обычное подобные уроки смотрю в 2Х, но тут даже возникло желание сделать 0.5🤔
by me too
По React Quеry было бы просто шикарно)))
Css модули не работают с TS, что делать? Cannot find module './Single.module.css' or its corresponding type declarations.
В ролике не увидел, но полезно знать. Кортежи, которые не помечены как readonly, или которые не имеют as const - нормально реагируют на push. То есть мы можем запушить в кортеж что угодно. Но при этом, если мы попытаемся воспользоваться запушенным значением, то TS скажет, что длина как бы осталась неизменной. Таким образом объект будет присутствовать в кортеже, но с ним ничего нельзя будет делать. Поэтому по возможности пробрасывайте readonly или as const)
Ещё если развернуть rest-оператор конкретного типа и пушить в кортеж. То TS проигнорирует входной тип. И можно будет пушить сколько угодно и что угодно. С этим тоже следует быть аккуратным.
бомби братан!!!!
но внутри кортежа можно использовать спред оператор, и как тогда он себя поведёт?
Я балдею с тебя🤤
Привет, Макс. В некоторых видео я видел что лучше не писать I prefix в интерфейсах, да и в инете погуглил, что лучше не писать, и в тс самом пишут лучше так не делать. Что скажешь по этому поводу?
Привет, почему? Что там пишут в интернете
@@REDGroup Ну вот допустим: "Using the I prefix or Interface suffix for interfaces, as well as Abstract for abstract classes, is an anti-pattern. It has no place in clean code. Differentiating interface names, in fact, obscures OOP principles, introduces noise into the code, and complicates development."
Так а кто это говорит. В каждом проекте свои правила, никакого анти паттерна тут точно нет. Это конвенция которая у каждой команды своя.
@@REDGroup okay
спасибо за твой труд. мне бы хотелось курс по Vue 3))
Скоро придет ко vue
@@REDGroup класс. спасибо Макс и твоей команде
Пожалуйста)
Реально лучший курс по Тайпскрипту, новички не пытаемся его за один раз проглотить. Делайте перерывы и всё усвоится с практикой :)
Благодарю
Желаю вам больше подписчиков!
Спасибо