TypeScript ФУНДАМЕНТАЛЬНЫЙ КУРС от А до Я. Вся теория + практика
Video Overview & Insights
Полный курс по Typescript от А до Я. Разберем огромное кол-во теории из TypeScript, рассмотрим реальные примеры на TS. Наглядная теория
ТГ канал с вакансиями напрямую от HR - https://t.me/vacancy_it_ulbitv
Мой личный ТГ канал без рекламы и спама - https://t.me/ulbi_tv
Ссылка на мой телеграм канал - https://t.me/ulbi_tv
Мой курс "Продвинутый Frontend. В production на React", скидка 20% (действует 5 дней с момента выхода ролика) - https://ulbitv.ru/frontend
Спасибо,отличный курс.Бесплатно ,понятно,а главное качественно )
Таймкоды:
00:00 ➝ Введение
02:30 ➝ План на урок
03:10 ➝ Начало. Проблематика. Зачем нужен TypeScript и какие проблемы решает. Слабая и динамическая типизация
Typeguards тоже не понял четко
06:40 ➝ Тайпскрипт. Что такое, чем отличается от JS. Типы данных. Хранение примитивов и объектов в памяти
09:00 ➝ Статическая, явная или выводимая, структурная типизация. Разбор определений
Скажу честно, при примере с generics х** понял. Прям сложные примеры
11:00 ➝ Типы данных Typescript + специальные типы any, never, unknown, void
12:00 ➝ Как мыслить о типах? Множества. Union (объединение) и intersection (пересечение)
anyone 16 july 2026?
16:20 ➝ Концепция надтипов (super type) и подтипов (sub type)
19:20 ➝ Изучаем основные группы типов. Начинаем с примитивов
20:20 ➝ Специальные типы. Any
23:30 ➝ Unknown и его место в системе подтипов и супертипов
08:00 - Примитивы хранятся по значению в стеке? Курс записан год назад, будет ли новый, без подобных мифов?
26:50 ➝ Never и его место в системе подтипов и супертипов. Exhaustive check
31:40 ➝ Void
Сейчас учить ts нужно лишь для собесов, потому что в работе с ним проблем не возникает
33:00 ➝ Составные типы. Объекты, массивы. Interface, type
37:00 ➝ Литералы. Строковые и числовые, шаблонные и составные
Вот и как в итоге ответить на вопрос что такое дженерик?)
42:10 ➝ Дженерики (Generics).
50:45 ➝ Ограничения в дженериках. Constraints
Момент "проверь свою площадку" в конце — вот это правильный финальный акцент, не растянула зря.
55:30 ➝ Условные типы. Условная конструкция в generics
01:00:10 ➝ Сужение типов. Narrowing
Актуально после выхода 7 версии тайпскрипта?
01:08:30 ➝ Type guards
01:12:40 ➝ Преобразование типов. Явное и неявное. Type assertion. as и satisfies. Когда можно, а когда нельзя
https://youtu.be/LWtHl__oEWc?t=3496 на 58:14 автор говорит, что пример не учень удачный. Потому что string все равно передается. Я не понимаю, там срабатывает условие?
01:24:40 ➝ Ловушка с object, Object, {}
01:27:10 ➝ Операторы typeof, keyof
круто!
01:34:15 ➝ Optional chaining и non-null операторы
01:40:50 ➝ Перечисления (enums). Enum vs const enum vs object
смортрю год спуста после выхода видео, очень актуален. Сегодня везде где требуется react так же требуется typescript
01:50:10 ➝ Сравнение всех способов работы с перечислениями
01:51:30 ➝ Разница между type и interface
Privet! Bolshoe spasibo za urok.Takoj vopros, na 43:42 ti avtomticheski dobavil interface k MetaData , kak ti eto sdelal?
01:56:40 ➝ Промежуточные итоги
01:58:00 ➝ Mapped types
1.0 2.0... нужное)))
02:06:00 ➝ Utility types. Утилитарные типы. Pick, Omit, Record, Exclude, Extract, ReturnType, Parameters, Partial
02:14:40 ➝ Asserts
2:02:09 мне кажется, или тс не даст тут предупреждения на пятерке? :
type ArrayAnalog<T> = {
[K in string]: T;
}
const array: ArrayAnalog<string> = {
'123': '123',
5: '123'
}
без запятой вроде ругался. а так вроде не будет.
02:21:00 ➝ Перегрузка функций (function overload)
02:23:20 ➝ Условные типы и Infer
1:39:39 ну в проекте на работе используем при работе с классами в бизнес логике (мобикс), когда объявляем поле, например id, и точно знаем что в конструкторе это поле будет заполнено (или в специальном методе инициализации)
02:31:10 ➝ Конфигурация проекта. Tsconfig, vite
02:37:00 ➝ Советы начинающим
Что нужно знать, чтобы изучить typescript?
02:39:01 ➝ Пример эталонного проекта Продвинутый Frontend. В Production на React.
02:41:40 ➝ Заключение. Всем спасибо за поддержку! Подписывайтесь на ТГ, пишите свое мнение о ролики в комментарии и не забываем лайки, очень благодарен!
строки хранятся на стеке? там только указатель на кучу. закрываем, расходимся.
More User Perspectives
я через месяц
@rinattolibaev650225:54 скример)))
@villishelpy5055Спасибо, курс как всегда на высоте!
@dimalukashenko4865.
@x-ray1009По-душню, но объединение выглядит неверно, как будто тандо было выделять не пересечение, а все целиком
@huzhahдля себя решил что теперь я any typescript разработчик
@askopdasdasasdasxyi71TypeScript, после Java и C#, - это просто адская боль и страдания для мозга и организма :). Но жизнь сложиласть так, что приходится учить. Сижу и плачу..... не, не так - РЫДАЮ!!!!! :D
@mssx7304посмотрела в апреле. спасибо большое за ваш труд!
@didikhaСперва осознайте базу, если забивать голову мусором по типу "чем отличается тип от интерфейса" - ничего хорошего.
Тем временем каждый собес где спрашивают ТС - в чем разница между типом и интерфейсом?
А так в процессе изучения, спасибо за контент!
только посмотрел, спасибо автору. вопрос каким путем стоит пойти дальше, чтобы перейти на разработку мобилок на RN?
@ГлебКалюжин-и1к3лПо поводу any. Ну, да, использовать где попало не надо, но я даже в крупных проектах часто ставлю его как затычку на позиции, где слету тип определить сложновато (нужно лезть куда-то, че-то искать и тд). К примеру некоторые типы событий в HTMLElement<> и там же миллион всяких комбинаций и тд. Конечно, можно гуглить, но если точно знаешь, что в функцию залетит именно такой, то будто можно использовать any. Или когда работаешь с пакетами иногда тоже как затычку используешь.
@arcwanoКому белый фон выжигает глаза устанавливайте расширение Page Color Inverter из гугл магазина. Он все цвета инвертирует в браузере. В видео тоже инвертирует цвета.
@МихаилВоробьев-п2э6юЗа что белый фон 🥲
@maksymz6695Благодарен тебе за твои курсы, все дается просто, наверное из-за опыта в 7+ лет в мобильной разработке)
Недавно решил сменить стэк и наконец писать под бэк. Честно говоря бэк дается гораздо проще чем фронт, хотя я писал на RN)
Пришел сюда чисто подкрепить знания, в итоге многое узнал))
Красавчик, продолжай в том же духе!))
коммент в поддержку,огромное спасибо!
@slava_broСпасибо за курсик🙂
@andreykrauch5027Спасибо. Как раз такие видео, где объясняют суть и причину, фундамент, помогают действительно разобраться. Я разобрался. Что то забудется, но на все есть документация и ролик можно пересмотреть по кодам таргетно. Еще раз спасибо, очень круто.
@Harumaki_B_Tryci_FigakiВсё отлично. А светлая тема плохо. Глаза устают.
@GDAProgПервый раз смотрю видео о тайпскрипт, пока ничего не понимаю
@scanumedПотратил 15 часов на это видео и на старое твоё видео по TS. Спасибо тебе, ещё столько же потрачу на практику, чтобы закрепить
@user-ic6ye2sj1pФевраль 2026, начинаю. Кто еще смотрит(изучает), ставь лайки...
@reasta7470отличный видос, спасибо
@innerhardПочему на YouTube нельзя несколько лайков поставить.... Супер, спасибо!
@vadmark_in_kyrgyzstanсмотрю видео через 2-3 года после его выхода, всё ещё актуально!
@4elovekov861невероятно полезный материал, благодарю
@ruslanmors5828сделай аналог ютуба, напиши социальную сеть...это он советует новичкам)))) сразу видно уровень компетенции. Может еще крыло от боинга? Интересно сам автор этого бездарного ролика смог что-то большее сделать, чем развернуть проект с помощью вайта?
@Denis_ZhДа, очень хороший курс!
Особенно понравилось предостережение от бездумного использования Type Assertion 👍
02:31:10 - начало ролика
@andrfНе понятно откуда столько лайков и положительных комментариев! Такое впечатление, что автор сам себе рассказывает, причем делает это так, чтобы быстрее проговорить каждую из затронутых областей. Быстрое проговаривание в сочетании с плохой дикцией испортили все впечатление.
@Denis_Zh