Тёмный

Complete TypeScript course in an hour | Typescript for beginners 

RED Group
Подписаться 66 тыс.
Просмотров 94 тыс.
50% 1

💎 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 🔔

Опубликовано:

 

15 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 275   
@REDGroup
@REDGroup 13 дней назад
Версия 2024 - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-9bCnwPWC1FQ.html
@trust6077
@trust6077 Год назад
Все усилия рано или поздно окупаются. Очень ценю те курсы которые ты выпускаешь на Ютуб канале. Все доступно и очень сильные знания предоставляешь бесплатно, спасибо большое ❤
@REDGroup
@REDGroup Год назад
💎 Оформить премиум подписку - htmllessons.ru/premium 🎁 Розыгрыш в ТГ - t.me/redgroupchannel Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 2000 лайков и я продолжаю рубрику полных курсов. Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях!
@narzullayev_developer
@narzullayev_developer Год назад
Мир вам! Бро, я хотел спросить тебя об одном. Где вы выучили javascript? от удемы или самообучения? Где ты научился бэкенду?
@REDGroup
@REDGroup Год назад
Все учил сам, тупо делая проекты. У меня большой стаж разработки проектов, наверно поэтому каждый раз по кусочку собирался мой опыт и знания
@narzullayev_developer
@narzullayev_developer Год назад
@@REDGroup Какой у тебя уровень? Средний или старший? Нужны ли вам математика и кодовые войны, чтобы стать фронтенд-разработчиком? Вы изучали алгоритмы и структуры данных в JavaScript?
@REDGroup
@REDGroup Год назад
Математика не нужна. Теорию никогда не учил, не люблю это. Люблю разрабатывать проекты. Уровень upper middle. Но некоторые говорят что senior.
@narzullayev_developer
@narzullayev_developer Год назад
@@REDGroup Да, так что вы учитесь, делая проект! Вы совсем не смотрели видео урок?
@mur4ever
@mur4ever Год назад
Благодарю за бесплатный материал! Он был очень полезен и профессионально подготовлен. Спасибо!
@ximik6452
@ximik6452 Год назад
Круто! Давно хотел увидеть курс по тайпскрипту в твоём исполнении
@snejochekvlogs3189
@snejochekvlogs3189 10 месяцев назад
Первая обучалка, которую я посмотрела на скорости *1 - зачитываешь, как Эминем)))
@REDGroup
@REDGroup Год назад
Спасибо за 2000 лайков! Новому курсу быть 🔥
@user-rg1bz1jx8p
@user-rg1bz1jx8p Год назад
Спасибо за то что рассказал про типизацию реакта и дал ресурсы где более подробно описана его типизация
@ni4egonepridumal
@ni4egonepridumal Год назад
Много проделано полезной работы, спасибо за твой труд !
@elixzez
@elixzez Год назад
Спасибо за такой материал ! Ждем еще больше годного контента ! 😇
@ruwz
@ruwz Год назад
Автор, огромный тебе респект! Обожаю твои видосы, очень много полезной информации! Очень люблю полные курсы и крупные проекты!
@MuhTimur
@MuhTimur Год назад
Классные ролики, удобно и можно быстро вспомнить теорию перед собеседованием
@user-ry4gk1kb1h
@user-ry4gk1kb1h Год назад
До этого ролика в моей жизни было всё отлично
@di0kGG
@di0kGG 10 месяцев назад
До тс было всё отлично😂
@Kaputishka
@Kaputishka 9 месяцев назад
До момента пока мне не сказали, что в новой платформе вместо c# нужно будет программировать на ts, у меня тоже все было отлично(((
@user-ry4gk1kb1h
@user-ry4gk1kb1h 9 месяцев назад
@@Kaputishka так с# типизировный, разве нет?
@Kaputishka
@Kaputishka 9 месяцев назад
@@user-ry4gk1kb1h да, типизированный. Меня не типизация смущает, а то, что нужно учить еще один новый язык, еще и фронтендный.
@gagarin6580
@gagarin6580 9 месяцев назад
​@@user-ry4gk1kb1hда, типизированный
@lovelyboy8056
@lovelyboy8056 Год назад
Отличный урок Макс, успехов!
@Lloyd2281
@Lloyd2281 Год назад
Отличное видео, благодарю Макс!!!
@FredZirov
@FredZirov Год назад
Спасибо большое за контент который вы делаете для нас!
@twentythe1st
@twentythe1st 7 месяцев назад
Спасибо, все детально разобрано и передано, очень информативно и полезно!
@sailoks8411
@sailoks8411 Год назад
Спасибо за Вашу работу!
@TheWorldPeace
@TheWorldPeace Год назад
Братан харош, курс в кайф. Спасибо большое!
@olegsozonik94
@olegsozonik94 11 месяцев назад
Все доступно и очень сильные знания предоставляешь бесплатно, спасибо большое ❤
@whitespace2925
@whitespace2925 Год назад
спасибо братуха ) отличный курс
@user-fo2nu8nv7w
@user-fo2nu8nv7w Год назад
Спасибо за ваши старания!
@user-wq6vf9qo2h
@user-wq6vf9qo2h Год назад
Благодарю, все по делу!
@_zubokryl_
@_zubokryl_ Год назад
Буду рада полному курсу!! И любым другим от Вас. Вы хорошо объясняете. Спасибо!
@_GreenSnake_
@_GreenSnake_ Год назад
Спасибо за Ваш труд
@user-ze5tp3gu9q
@user-ze5tp3gu9q 17 дней назад
все оптимально и по делу. зашло
@hiItIsDaria
@hiItIsDaria 9 месяцев назад
Спасибо большое за ролики! 😊 Очень нравится, как всё структурировано, прям на одном дыхании смотрю)) Ваши усилия заметны и я искренне ценю это. Продолжайте в том же духе, ребята! Держите мотивацию, потому что у вас тут целая армия фанатов! Ждём новых шедевров от вас! 👍🎉
@REDGroup
@REDGroup 9 месяцев назад
Спасибо, Даша! 🚀
@user-hz5vm9tn8n
@user-hz5vm9tn8n 2 месяца назад
Красиво, качественно, по делу. Спасибо! Тяжеловато конечно с быстрой речью, но никто не запрещает перемотать назад и прослушать для понимания еще раз.
@user-ep4ty4mj3r
@user-ep4ty4mj3r 3 месяца назад
Отличный курс, все емко и крайне полезно, до этого смотрел другой курс и твой помог разложить и устаканить базовое понимание TS.
@user-br6nj4gn6q
@user-br6nj4gn6q 9 месяцев назад
Большое спасибо за Ваше видео!
@user-wd3tl2rx9p
@user-wd3tl2rx9p Год назад
Отличный курс по TypeScript ) Максим, важна дистанция )
@user-kb4le4me2d
@user-kb4le4me2d Месяц назад
Спасибо за видео, толковые объяснения. Только мне как новичку высокий темп
@user-hw3co1xx4c
@user-hw3co1xx4c 9 месяцев назад
Спасибо , ща глянем
@paroletatel
@paroletatel Год назад
Очень крутое видео! Ещё не смотрел, но по содержанию - конфетка
@Xtemple135
@Xtemple135 3 месяца назад
Пасиба, готовлюсь к собесам и твое видео прям отличный способ освежить знания!
@vlladimirr21
@vlladimirr21 Год назад
Максим! Спасибо за видео! Урок получился очень хорошим! Все четко : вопрос - далее Ответ)
@Serhii_lolovich
@Serhii_lolovich Год назад
ts в связке с ректом очень интересная тема, лайк
@laza1961
@laza1961 2 месяца назад
Благодарю за бесплатный материал! Он был очень полезен и профессионально подготовлен. Спасибо! 💯
@user-yf2er5vr8q
@user-yf2er5vr8q Год назад
супер спасибо быстро и ясно
@user-ng8nn9em4t
@user-ng8nn9em4t Год назад
Спасибо за твои труды
@RewCSharp
@RewCSharp 6 месяцев назад
Спасибо за урок!
@andreinov5642
@andreinov5642 Год назад
Спасибо. Супер !!!!
@gywen
@gywen Год назад
Спасибо за контент 😊
@ruslangilyazov7733
@ruslangilyazov7733 4 месяца назад
Спасибо большое за ролики!
@Evgeniy-pro
@Evgeniy-pro Год назад
Спасибо за видео)
@awwwesoman
@awwwesoman Год назад
Видео понравилось, лайк прожал, надеюсь наберем 2к и будут выходить новые курсы, это нужный формат и у тебя он хорошо получается 👍
@reze1337
@reze1337 Год назад
Супер!! Жду курс по tanstack query
@_SPIRICH_
@_SPIRICH_ Год назад
Спасибо за видео
@user-yr5gb8tl4x
@user-yr5gb8tl4x 10 месяцев назад
Спасибо большое))
@user-zq1vt4hb8p
@user-zq1vt4hb8p Год назад
Здорово 👍, полный курс по тс вышел, осталось сделать практику практику используя ts
@REDGroup
@REDGroup Год назад
Гляньте на канале Amazon 2.0
@devcodingitstudio2764
@devcodingitstudio2764 Год назад
Топчик. Как всегда на высоте!
@user-jh8oq4uw6e
@user-jh8oq4uw6e Год назад
Да, запишите пожалуйста курсы по эти новым темам! React и другие фишки !!!
@ArtemMindsurfer
@ArtemMindsurfer 6 месяцев назад
что может быть лучше чем проснуться с утреца в воскресенье и досмотреть такой информативный ролик?)
@user-mh6jz7jo8k
@user-mh6jz7jo8k Год назад
чувакк! твои видосы неплохо заходят! продолжай!
@REDGroup
@REDGroup Год назад
Отлично!
@nikolassmakovsky4032
@nikolassmakovsky4032 Год назад
Макс, лучший, спасибо! P.S. Сам TS знаю, но для новичков это просто шикарный курс!
@ivanpost4079
@ivanpost4079 10 месяцев назад
Большое спасибо за Ваше видео! Отличная, просто бесценная информация в бесплатном доступе... Вау! Спасибо за Ваш труд и Ваше время))
@REDGroup
@REDGroup 10 месяцев назад
Пожалуйста
@vovik815
@vovik815 9 месяцев назад
Спасибо за курс
@haibova_irisha
@haibova_irisha Год назад
класс , очередное полезное видео !
@babyzonechanell
@babyzonechanell Год назад
Спасибо большое я как раз хотел прейти в Ts курс очень понятный и еффективный рекомендую всем
@Ksen14
@Ksen14 Год назад
Спасибо за годное видео
@etemax
@etemax Год назад
от души за видос, бро
@markcoderss
@markcoderss Год назад
искал два дня нормальный курс, и вот курс сам меня нашёл:)
@REDGroup
@REDGroup Год назад
Добро пожаловать!
@user-zg4ef9in6s
@user-zg4ef9in6s 2 месяца назад
спасибо за контент:) лайк, подписка, комментарий)
@sarxanabdullayev6440
@sarxanabdullayev6440 5 месяцев назад
Спасибо за урок
@user-ep8md8vs7j
@user-ep8md8vs7j Год назад
Макс вы МОЛОДЦЫ. продолжайте в том же духе. с нас лайк подписка и ком
@zohidmustafoyev2448
@zohidmustafoyev2448 Год назад
спасибо тебе и твоей команде
@REDGroup
@REDGroup Год назад
Пожалуйста
@moviequotesproduction
@moviequotesproduction Год назад
Круто и спасибо
@user-zc2op2db8z
@user-zc2op2db8z Год назад
Огромное спасибо
@user-wu3vq1mb1g
@user-wu3vq1mb1g 9 месяцев назад
Отличный урок, спасибо за тру
@ali_mov_f
@ali_mov_f Год назад
брат спасибо за твой труд мы будем тебя поддерживать)
@REDGroup
@REDGroup Год назад
Спасибо
@user-kb5kd7ln3h
@user-kb5kd7ln3h Год назад
По React Quеry было бы просто шикарно)))
@khannanov2
@khannanov2 9 месяцев назад
Спасибо!
@meiranuarbekov8737
@meiranuarbekov8737 Год назад
Топ видео, качество 🔥
@racman9964
@racman9964 5 месяцев назад
Мужик, красавчик! Спасибо тебе большое. Повторил теорию быстро благодаря тебе
@REDGroup
@REDGroup 5 месяцев назад
Пожалуйста 🙏
@user-lf9xi8gn8x
@user-lf9xi8gn8x Год назад
🔥🔥🔥 крутой выпуск
@ivangorbynov3044
@ivangorbynov3044 Год назад
Спасибо большое за ваш контент
@REDGroup
@REDGroup Год назад
Пожалуйста
@sofyap.2153
@sofyap.2153 2 месяца назад
Полезное видео) один ньюанс - обычное подобные уроки смотрю в 2Х, но тут даже возникло желание сделать 0.5🤔
@Wunderwaffe2333
@Wunderwaffe2333 Месяц назад
by me too
@thefact4529
@thefact4529 Год назад
great work
@darad2759
@darad2759 Год назад
Курс просто🔥🔥🔥
@user-ql6md1eh4h
@user-ql6md1eh4h 8 месяцев назад
Coooool. Thanks
@user-ks5bg9ni4p
@user-ks5bg9ni4p 10 месяцев назад
Css модули не работают с TS, что делать? Cannot find module './Single.module.css' or its corresponding type declarations.
@domikpriklyocheniu3611
@domikpriklyocheniu3611 7 месяцев назад
есть пет проект который положил в резюме стоить переделать на тайпскрипт + реакт с просто реакт?
@EuegenTv
@EuegenTv 11 дней назад
Без тайп скрипта можно документировать код например при помощи js doc ) На мой взягд проблема, которую вносит ТС в проекты это то, что типы зачастую начинают иметь свою сложную логику, что повышает порог входа в проекты написаные на ТС. Но в целом ТС хороший инструмент для документирования кода, если не выдумывать велосипеды с типизацией.
@user-oe9wl1zq4o
@user-oe9wl1zq4o Месяц назад
Можно как и в случае с "... arr: string[] ..." и "... arr: Array ..." вместо "... arr: ReadonlyArray ..." писать "... arr: readonly string[] ...", и не только с массивами.
@user-xp8gn7cm4e
@user-xp8gn7cm4e Год назад
вперед Спасибо)))
@anyway_a
@anyway_a Год назад
За ts правда спасибо 👍
@SplinterCellGoGo
@SplinterCellGoGo Год назад
Крутое видео! Больше лайков)))
@user-em4nd2vk8c
@user-em4nd2vk8c Год назад
Спасибо
@user-iw7wr5yk1d
@user-iw7wr5yk1d Год назад
спасибо за урок всё очень была круто продолжай в том же духе )
@user-iw7wr5yk1d
@user-iw7wr5yk1d Год назад
я просто уже 3 раз смотрю этот ролик с каждым разом всё яснее )
@user-zw6bd5wo6t
@user-zw6bd5wo6t 11 месяцев назад
Как сделать так, чтобы я нажимал на строку, в которой ошибка и мне показывался текст ошибки? У меня в vscode ничего не происходит
@JazkiPlay
@JazkiPlay 11 месяцев назад
*Очень круто объясняешь, сразу понимаю суть. До этого 2 видосика по TS просмотрел и не все понял, а тут прям разнос )) Спасибо за такой видос! Продолжай в том же духе, контент прям дикий. TS изучаю сейчас и хочу больше его видеть.*
@user-jb3bd5zz9g
@user-jb3bd5zz9g Год назад
Looking forward to the course on react query
@lucian8118
@lucian8118 Год назад
Reduxtoolkit query is already on this channel,last video if im not mistaken
@user-jb3bd5zz9g
@user-jb3bd5zz9g Год назад
@@lucian8118 redux yes is no react query
@user-ub1mz5ok1r
@user-ub1mz5ok1r Месяц назад
48:04 передайте лайк монтажеру
@blackmagic1500
@blackmagic1500 Год назад
Very good bro ; )
@alexeline473
@alexeline473 7 месяцев назад
но внутри кортежа можно использовать спред оператор, и как тогда он себя поведёт?
@AlexGabber
@AlexGabber Год назад
Как всегда лайк :) Но немножечко озвучу критики со своего бока. В целом сталкивался почти со всем, парочку приемов подхватил, со всем согласен, контент очень крутой. Но с декораторами ты не разобрался, я и сам в них вскользь совсем, но то что я знаю, в 5 версии тс как раз их серьезно переработали (если мне память не изменяет). Ну а в целом, максимально сжатый и полезный курс по тс, такого мне не хватало на старте. Те, кто только начинает свой путь в тс, это отличное пособие.
@REDGroup
@REDGroup Год назад
Да, я не изучал 5 версию. Я писал декораторы как обычно их пишу
@kaiyrkhankairolla7164
@kaiyrkhankairolla7164 Год назад
Продолжай в том же духе
@user-gl3wu5xl2b
@user-gl3wu5xl2b 10 месяцев назад
Круть!
@user-gg7cg7gz9o
@user-gg7cg7gz9o 29 дней назад
бро спасибо за курс !!!! ты мощь !!! еще такой вопрос,какая тема в vs code стоит у тебя. ?)) у тебя всегда какие то вкусняшки )))
@REDGroup
@REDGroup 29 дней назад
Обычно в описании пишу
@user-hd7wd1ey4h
@user-hd7wd1ey4h Год назад
Огонь контент давайте 2к лайков!!!
Далее
TypeScript - Быстрый Курс за 70 минут
1:08:00
FUN&SUN | Update 0.29.0 Trailer | Standoff 2
02:32
Просмотров 979 тыс.
Почему я закрыл веб студию?
15:39
TypeScript. Полный курс
1:20:15
Просмотров 156 тыс.
React и Next js убивают фронтенд!
9:11
ПЕЧАЛЬНОЕ БУДУЩЕЕ NEXT JS
9:02
Просмотров 16 тыс.