Complete TypeScript course in an hour | Typescript for beginners

Поделиться
HTML-код
  • Опубликовано: 25 янв 2025

Комментарии • 294

  • @REDGroup
    @REDGroup  7 месяцев назад +4

    Версия 2024 - ruclips.net/video/9bCnwPWC1FQ/видео.html

  • @trust6077
    @trust6077 Год назад +54

    Все усилия рано или поздно окупаются. Очень ценю те курсы которые ты выпускаешь на Ютуб канале. Все доступно и очень сильные знания предоставляешь бесплатно, спасибо большое ❤

  • @snejochekvlogs3189
    @snejochekvlogs3189 Год назад +15

    Первая обучалка, которую я посмотрела на скорости *1 - зачитываешь, как Эминем)))

  • @mur4ever
    @mur4ever Год назад +16

    Благодарю за бесплатный материал! Он был очень полезен и профессионально подготовлен. Спасибо!

  • @МаксимГуцан-ю1м
    @МаксимГуцан-ю1м Год назад +5

    Спасибо за то что рассказал про типизацию реакта и дал ресурсы где более подробно описана его типизация

  • @Олександр-ь1щ1й
    @Олександр-ь1щ1й Год назад +76

    До этого ролика в моей жизни было всё отлично

    • @di0k4
      @di0k4 Год назад +11

      До тс было всё отлично😂

    • @Kaputishka
      @Kaputishka Год назад +4

      До момента пока мне не сказали, что в новой платформе вместо c# нужно будет программировать на ts, у меня тоже все было отлично(((

    • @Олександр-ь1щ1й
      @Олександр-ь1щ1й Год назад +1

      @@Kaputishka так с# типизировный, разве нет?

    • @Kaputishka
      @Kaputishka Год назад

      @@Олександр-ь1щ1й да, типизированный. Меня не типизация смущает, а то, что нужно учить еще один новый язык, еще и фронтендный.

    • @gagarin6580
      @gagarin6580 Год назад

      ​@@Олександр-ь1щ1йда, типизированный

  • @ruwz
    @ruwz Год назад +8

    Автор, огромный тебе респект! Обожаю твои видосы, очень много полезной информации! Очень люблю полные курсы и крупные проекты!

  • @azrailvo
    @azrailvo Год назад +5

    Круто! Давно хотел увидеть курс по тайпскрипту в твоём исполнении

  • @ПриДеньгах-ф1ъ
    @ПриДеньгах-ф1ъ 10 месяцев назад

    Отличный курс, все емко и крайне полезно, до этого смотрел другой курс и твой помог разложить и устаканить базовое понимание TS.

  • @_zubokryl_
    @_zubokryl_ Год назад +10

    Буду рада полному курсу!! И любым другим от Вас. Вы хорошо объясняете. Спасибо!

  • @ni4egonepridumal
    @ni4egonepridumal Год назад +5

    Много проделано полезной работы, спасибо за твой труд !

  • @REDGroup
    @REDGroup  Год назад +30

    Спасибо за 2000 лайков! Новому курсу быть 🔥

  • @MuhTimur
    @MuhTimur Год назад +8

    Классные ролики, удобно и можно быстро вспомнить теорию перед собеседованием

  • @EuegenTv
    @EuegenTv 7 месяцев назад +1

    Без тайп скрипта можно документировать код например при помощи js doc ) На мой взягд проблема, которую вносит ТС в проекты это то, что типы зачастую начинают иметь свою сложную логику, что повышает порог входа в проекты написаные на ТС. Но в целом ТС хороший инструмент для документирования кода, если не выдумывать велосипеды с типизацией.

  • @elixzez
    @elixzez Год назад +3

    Спасибо за такой материал ! Ждем еще больше годного контента ! 😇

  • @Xtemple135
    @Xtemple135 11 месяцев назад +1

    Пасиба, готовлюсь к собесам и твое видео прям отличный способ освежить знания!

  • @hiItIsDaria
    @hiItIsDaria Год назад +2

    Спасибо большое за ролики! 😊 Очень нравится, как всё структурировано, прям на одном дыхании смотрю)) Ваши усилия заметны и я искренне ценю это. Продолжайте в том же духе, ребята! Держите мотивацию, потому что у вас тут целая армия фанатов! Ждём новых шедевров от вас! 👍🎉

    • @REDGroup
      @REDGroup  Год назад

      Спасибо, Даша! 🚀

  • @Gartedy
    @Gartedy 3 месяца назад

    Учил давно TS, но не использовал. Сейчас понадобился и этот мини курс отлично освежил память.

  • @TheWorldPeace
    @TheWorldPeace Год назад +1

    Братан харош, курс в кайф. Спасибо большое!

  • @анналистопадская-ь5я

    чувакк! твои видосы неплохо заходят! продолжай!

  • @laza1961
    @laza1961 9 месяцев назад

    Благодарю за бесплатный материал! Он был очень полезен и профессионально подготовлен. Спасибо! 💯

  • @denden8764
    @denden8764 Год назад

    Ребята лайкаем)
    У меня есть 3 канала в ютубе из которых я черпаю знания по React/Next.js/TS из них два рускоговорящих и это один из них. Много платных курсов на юдеми, которые проходил, не предоставляют таких знаний, как на данном канале!
    Автор, огромное спасибо!

  • @ВладПономарёв-м1ъ
    @ВладПономарёв-м1ъ Год назад +2

    Отличный курс по TypeScript ) Максим, важна дистанция )

  • @olii-5555
    @olii-5555 Год назад +1

    Все доступно и очень сильные знания предоставляешь бесплатно, спасибо большое ❤

  • @focusedzed
    @focusedzed Год назад +1

    В ролике не увидел, но полезно знать. Кортежи, которые не помечены как readonly, или которые не имеют as const - нормально реагируют на push. То есть мы можем запушить в кортеж что угодно. Но при этом, если мы попытаемся воспользоваться запушенным значением, то TS скажет, что длина как бы осталась неизменной. Таким образом объект будет присутствовать в кортеже, но с ним ничего нельзя будет делать. Поэтому по возможности пробрасывайте readonly или as const)

    • @focusedzed
      @focusedzed Год назад

      Ещё если развернуть rest-оператор конкретного типа и пушить в кортеж. То TS проигнорирует входной тип. И можно будет пушить сколько угодно и что угодно. С этим тоже следует быть аккуратным.

  • @vlladimirr21
    @vlladimirr21 Год назад +1

    Максим! Спасибо за видео! Урок получился очень хорошим! Все четко : вопрос - далее Ответ)

  • @twentythe1st
    @twentythe1st Год назад

    Спасибо, все детально разобрано и передано, очень информативно и полезно!

  • @ivanpost4079
    @ivanpost4079 Год назад +1

    Большое спасибо за Ваше видео! Отличная, просто бесценная информация в бесплатном доступе... Вау! Спасибо за Ваш труд и Ваше время))

    • @REDGroup
      @REDGroup  Год назад

      Пожалуйста

  • @Lloyd2281
    @Lloyd2281 Год назад +1

    Отличное видео, благодарю Макс!!!

  • @lovelyboy8056
    @lovelyboy8056 Год назад +1

    Отличный урок Макс, успехов!

  • @AlexGabber
    @AlexGabber Год назад +1

    Как всегда лайк :) Но немножечко озвучу критики со своего бока. В целом сталкивался почти со всем, парочку приемов подхватил, со всем согласен, контент очень крутой. Но с декораторами ты не разобрался, я и сам в них вскользь совсем, но то что я знаю, в 5 версии тс как раз их серьезно переработали (если мне память не изменяет). Ну а в целом, максимально сжатый и полезный курс по тс, такого мне не хватало на старте. Те, кто только начинает свой путь в тс, это отличное пособие.

    • @REDGroup
      @REDGroup  Год назад

      Да, я не изучал 5 версию. Я писал декораторы как обычно их пишу

  • @AnatolyOlkhovsky
    @AnatolyOlkhovsky 9 месяцев назад

    Можно как и в случае с "... arr: string[] ..." и "... arr: Array ..." вместо "... arr: ReadonlyArray ..." писать "... arr: readonly string[] ...", и не только с массивами.

  • @БогданЯцентюк-ч9ч
    @БогданЯцентюк-ч9ч 9 месяцев назад +1

    Спасибо за видео, толковые объяснения. Только мне как новичку высокий темп

  • @Serhii_lolovich
    @Serhii_lolovich Год назад +1

    ts в связке с ректом очень интересная тема, лайк

  • @markcoderss
    @markcoderss Год назад +1

    искал два дня нормальный курс, и вот курс сам меня нашёл:)

    • @REDGroup
      @REDGroup  Год назад

      Добро пожаловать!

  • @whitespace2925
    @whitespace2925 Год назад +1

    спасибо братуха ) отличный курс

  • @antontsvil245
    @antontsvil245 Год назад +3

    Реально лучший курс по Тайпскрипту, новички не пытаемся его за один раз проглотить. Делайте перерывы и всё усвоится с практикой :)

    • @REDGroup
      @REDGroup  Год назад +1

      Благодарю

  • @ArtemMindsurfer
    @ArtemMindsurfer Год назад

    что может быть лучше чем проснуться с утреца в воскресенье и досмотреть такой информативный ролик?)

  • @smykoil
    @smykoil Год назад +2

    T - type.. Поэтому T и пишут.. Но если типов больше одного или вы можете как-то уточнить, как этот тип будет использоваться, нужно не просто букву писать, а название типа. Как и над названиями пропсов в функциях, над ними стоит подумать.. Названия - очень важно.. Самый простой пример:

  • @awwwesoman
    @awwwesoman Год назад

    Видео понравилось, лайк прожал, надеюсь наберем 2к и будут выходить новые курсы, это нужный формат и у тебя он хорошо получается 👍

  • @REDGroup
    @REDGroup  Год назад +11

    💎 Оформить премиум подписку - htmllessons.ru/premium
    🎁 Розыгрыш в ТГ - t.me/redgroupchannel
    Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 2000 лайков и я продолжаю рубрику полных курсов.
    Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях!

    • @herocatcartoon
      @herocatcartoon Год назад

      Мир вам! Бро, я хотел спросить тебя об одном. Где вы выучили javascript? от удемы или самообучения? Где ты научился бэкенду?

    • @REDGroup
      @REDGroup  Год назад

      Все учил сам, тупо делая проекты. У меня большой стаж разработки проектов, наверно поэтому каждый раз по кусочку собирался мой опыт и знания

    • @herocatcartoon
      @herocatcartoon Год назад

      @@REDGroup Какой у тебя уровень? Средний или старший? Нужны ли вам математика и кодовые войны, чтобы стать фронтенд-разработчиком? Вы изучали алгоритмы и структуры данных в JavaScript?

    • @REDGroup
      @REDGroup  Год назад

      Математика не нужна. Теорию никогда не учил, не люблю это. Люблю разрабатывать проекты. Уровень upper middle. Но некоторые говорят что senior.

    • @herocatcartoon
      @herocatcartoon Год назад

      @@REDGroup Да, так что вы учитесь, делая проект! Вы совсем не смотрели видео урок?

  • @sailoks8411
    @sailoks8411 Год назад +1

    Спасибо за Вашу работу!

  • @АлексейКоваль-ъ7в
    @АлексейКоваль-ъ7в 8 месяцев назад

    все оптимально и по делу. зашло

  • @sofyap.2153
    @sofyap.2153 10 месяцев назад +2

    Полезное видео) один ньюанс - обычное подобные уроки смотрю в 2Х, но тут даже возникло желание сделать 0.5🤔

  • @nikolassmakovsky4032
    @nikolassmakovsky4032 Год назад +4

    Макс, лучший, спасибо!
    P.S. Сам TS знаю, но для новичков это просто шикарный курс!

  • @paroletatel
    @paroletatel Год назад +2

    Очень крутое видео! Ещё не смотрел, но по содержанию - конфетка

  • @racman9964
    @racman9964 Год назад

    Мужик, красавчик! Спасибо тебе большое. Повторил теорию быстро благодаря тебе

    • @REDGroup
      @REDGroup  Год назад

      Пожалуйста 🙏

  • @babyzonechanell
    @babyzonechanell Год назад

    Спасибо большое я как раз хотел прейти в Ts
    курс очень понятный и еффективный рекомендую всем

  • @danylokarpenko4943
    @danylokarpenko4943 4 месяца назад

    бро, у тебя очень качественные видео!
    1 просьба,
    в современном времени очень мало времени
    и не хочется слушать как кто-то по 3 раза выбирает название для переменной 8:30
    и таких мест где можно ускорить процесс и уменьшить количество воды много по видео
    я смотрел твои видео по 4 часа до конца
    Спасибо за твой бесплатный крутой контент
    пис

    • @danylokarpenko4943
      @danylokarpenko4943 4 месяца назад

      для примера лаконичности и скорости
      смотрите CS50 2024 лекции. образец по сжатости и полезности инфы

  • @1akai1k
    @1akai1k Год назад

    Здорово 👍, полный курс по тс вышел, осталось сделать практику практику используя ts

    • @REDGroup
      @REDGroup  Год назад

      Гляньте на канале Amazon 2.0

  • @jamilibrahimli190
    @jamilibrahimli190 Месяц назад

    Спасибо за ваш труд.

  • @alexeline473
    @alexeline473 Год назад

    но внутри кортежа можно использовать спред оператор, и как тогда он себя поведёт?

  • @domikpriklyocheniu3611
    @domikpriklyocheniu3611 Год назад

    есть пет проект который положил в резюме стоить переделать на тайпскрипт + реакт с просто реакт?

  • @kara3744
    @kara3744 Год назад +1

    Привет, Макс. В некоторых видео я видел что лучше не писать I prefix в интерфейсах, да и в инете погуглил, что лучше не писать, и в тс самом пишут лучше так не делать. Что скажешь по этому поводу?

    • @REDGroup
      @REDGroup  Год назад

      Привет, почему? Что там пишут в интернете

    • @kara3744
      @kara3744 Год назад

      @@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
      @REDGroup  Год назад

      Так а кто это говорит. В каждом проекте свои правила, никакого анти паттерна тут точно нет. Это конвенция которая у каждой команды своя.

    • @kara3744
      @kara3744 Год назад

      @@REDGroup okay

  • @nursultansarazhiev9821
    @nursultansarazhiev9821 Год назад +2

    Разница между type и interface в том что если мы укажем 2 type с одинаковым названием будет ошибка. А с interface он соберет их в едино, то есть будет считать его как один interface

    • @REDGroup
      @REDGroup  Год назад

      Да, забыл упомянуть. Но это редкий случай такой практики

    • @jamilibrahimli190
      @jamilibrahimli190 Месяц назад

      У меня на собесе это спросили . но я еще не пользовался этим

  • @АндрейБобрик-ь3я

    Благодарю, все по делу!

  • @ИванИванов-л3х7т
    @ИванИванов-л3х7т Год назад +1

    Да, запишите пожалуйста курсы по эти новым темам! React и другие фишки !!!

  • @СергейМ-з8й5у
    @СергейМ-з8й5у 6 месяцев назад

    Отлично прочитано!

  • @GioMikadzegio9000
    @GioMikadzegio9000 8 месяцев назад

    бро спасибо за курс !!!! ты мощь !!!
    еще такой вопрос,какая тема в vs code стоит у тебя. ?))
    у тебя всегда какие то вкусняшки )))

    • @REDGroup
      @REDGroup  8 месяцев назад +1

      Обычно в описании пишу

  • @АлександрБойниченко-ш5э

    Спасибо , ща глянем

  • @azizoid
    @azizoid Год назад

    1:01:00 я иногда использую useState() тогда он автоматически number | undefiled

  • @faridzeynalov-v9l
    @faridzeynalov-v9l Год назад

    Большое спасибо за Ваше видео!

  • @Арнур-ъ2ь
    @Арнур-ъ2ь Год назад

    Спасибо за ваши старания!

  • @reze1337
    @reze1337 Год назад

    Супер!! Жду курс по tanstack query

  • @АтаджанАтабегов

    Макс вы МОЛОДЦЫ. продолжайте в том же духе.
    с нас лайк подписка и ком

  • @awwwesoman
    @awwwesoman Год назад +1

    В чем особый смысл и преимущество Перегрузок функций, в примере с getCar второй параметр можно было просто обозначить как необязательный и работало бы также

    • @REDGroup
      @REDGroup  Год назад

      Да, можно. Но перегрузка применяется в других случаях. Это очень единичные случаи

    • @AnatolyOlkhovsky
      @AnatolyOlkhovsky 9 месяцев назад

      Функции могут иметь совершенно разную логику

  • @JazkiPlay
    @JazkiPlay Год назад +3

    *Очень круто объясняешь, сразу понимаю суть. До этого 2 видосика по TS просмотрел и не все понял, а тут прям разнос )) Спасибо за такой видос! Продолжай в том же духе, контент прям дикий. TS изучаю сейчас и хочу больше его видеть.*

  • @RewCSharp
    @RewCSharp Год назад

    Спасибо за урок!

  • @ali_mov_f
    @ali_mov_f Год назад

    брат спасибо за твой труд мы будем тебя поддерживать)

  • @ВасяРжавый-в9п
    @ВасяРжавый-в9п Год назад

    Css модули не работают с TS, что делать? Cannot find module './Single.module.css' or its corresponding type declarations.

  • @testtesste9972
    @testtesste9972 Год назад

    Привет, как ты разворачиваешь стрелочную функцию и приэтом он преписывает уже FC к твоей функции?

    • @REDGroup
      @REDGroup  Год назад

      Мои сниппеты, настройка была на канале

    • @testtesste9972
      @testtesste9972 Год назад

      @@REDGroup Скиньте ,please

    • @REDGroup
      @REDGroup  Год назад +1

      Найдите на канале видео настройка vs code. Также в телеге в закрепах

  • @СережаИгнатовский-ь3б

    Как сделать так, чтобы я нажимал на строку, в которой ошибка и мне показывался текст ошибки? У меня в vscode ничего не происходит

  • @МаксимСоловьев-с9н

    По React Quеry было бы просто шикарно)))

  • @smykoil
    @smykoil Год назад +1

    Лица типов на собеседовании, когда их спросили про наследования типов, но они не досмотрели видео до 54:38 - 🗿

  • @fred_001
    @fred_001 Год назад

    Привет. Вопрос по реакту. В 2023 процесс работы с классовыми компонентам актуален?

    • @REDGroup
      @REDGroup  Год назад

      Классовые компоненты не актуальны

    • @fred_001
      @fred_001 Год назад

      @@REDGroup понял. Спасибо что ответил)

  • @daniilthegunner843
    @daniilthegunner843 Год назад

    объясни пожалуйста что за d.ts файлы, для чего они нужны, я сколько читал так и не понял.

    • @REDGroup
      @REDGroup  Год назад

      Декларативные файлы, я плох в теории. Я их использую для расширения типизации библиотек.

  • @Evgeniy-pro
    @Evgeniy-pro Год назад

    Спасибо за видео)

  • @devcodingitstudio2764
    @devcodingitstudio2764 Год назад

    Топчик. Как всегда на высоте!

  • @ровойт
    @ровойт Год назад

    супер спасибо быстро и ясно

  • @Jake58031
    @Jake58031 Год назад +4

    Спасибо большое за контент который вы делаете для нас!

  • @andreinov5642
    @andreinov5642 Год назад

    Спасибо. Супер !!!!

  • @Игорь-ц1т3ж
    @Игорь-ц1т3ж Год назад

    Спасибо за видео! Вопрос про магию утра, долго привыкал вставать в 5 утра?

    • @REDGroup
      @REDGroup  Год назад

      Первые полгода наверно

  • @Ksen14
    @Ksen14 Год назад

    Спасибо за годное видео

  • @АртемБахматов-в4т

    Спасибо большое))

  • @hitahita2342
    @hitahita2342 Год назад

    проблема с типами в нативном js отчасти решается хорошей ide с анализом кода, типа webstorm'а. хотя конечно далеко не на том же уровне что в ts

  • @Ильдар-к9ц
    @Ильдар-к9ц Год назад

    Спасибо за твои труды

  • @maronwilsons
    @maronwilsons Год назад

    Макс как называется шрифт который ты исп в vscode ??

    • @REDGroup
      @REDGroup  Год назад +1

      В описании всегда пишу

  • @zorkisak4738
    @zorkisak4738 11 месяцев назад

    Доброго времени суток.
    Я новичок в этом, и хотел спросить. Без знания JS в TSе делать нечего. Я правильно понял?

    • @REDGroup
      @REDGroup  11 месяцев назад +1

      Да

    • @zorkisak4738
      @zorkisak4738 11 месяцев назад

      @@REDGroup спасибо за обратную связь 👍

  • @НанаСерова
    @НанаСерова 9 месяцев назад

    спасибо за контент:) лайк, подписка, комментарий)

  • @etemax
    @etemax Год назад

    от души за видос, бро

  • @vovik815
    @vovik815 Год назад

    Спасибо за курс

  • @Igor-uz3vn
    @Igor-uz3vn Год назад

    Это прям, что не на есть Java код написанный по джавоскриптовски)

  • @jfrost868
    @jfrost868 Год назад

    в объектах выдает ошибку о дублированных объектах в документе

  • @MaksatNepesow-z7d
    @MaksatNepesow-z7d Год назад

    Можете ли вы снимать видео для эффектора ???

    • @REDGroup
      @REDGroup  Год назад

      Пока не интересно

  • @zohidmustafoyev2448
    @zohidmustafoyev2448 Год назад

    спасибо тебе и твоей команде

    • @REDGroup
      @REDGroup  Год назад

      Пожалуйста

  • @Рельныйобзор
    @Рельныйобзор Год назад

    спасибо за урок всё очень была круто продолжай в том же духе )

    • @Рельныйобзор
      @Рельныйобзор Год назад

      я просто уже 3 раз смотрю этот ролик с каждым разом всё яснее )

  • @Ешь-р2и
    @Ешь-р2и 8 месяцев назад

    48:04 передайте лайк монтажеру

  • @АминаКушманова-ъ6ф

    Здравствуйте сделайте пожалуйста курсы по работе React Hook Form и Formik

    • @REDGroup
      @REDGroup  Год назад

      Думаю над этим

  • @АдильжанМухаметов

    🔥🔥🔥 крутой выпуск

  • @haibova_irisha
    @haibova_irisha Год назад

    класс , очередное полезное видео !