Зачем нужен TypeScript - простые примеры использования

Поділитися
Вставка
  • Опубліковано 11 січ 2021
  • Что такое TypeScript и как начать с ним работу. Разбираемся с установкой базовых утилит, с тем, где действительно полезен TypeScript, а где - только мифы. Разбираем простые примеры на TypeScript, чтобы лучше понять его необходимость при разработке.
    #typescript #ts
    __
    Мои курсы по вебу с купонами:
    ✅ mishanep.com/
    📢 Поддержка канала:
    / mishanep
    www.tinkoff.ru/rm/nepomnyasch...
    paypal.me/mishanep

КОМЕНТАРІ • 91

  • @user-dh5ji5qv1l
    @user-dh5ji5qv1l Рік тому +29

    Господи, как я люблю, когда объясняют нахрена это вообще надо. Спасибо вам огромное!!))

  • @Hacking-NASSA-with-HTML
    @Hacking-NASSA-with-HTML 3 роки тому +67

    Вот это качество и звука и видео и голос 👍
    Это талант ! Делайте больше видео пожалуйста 👍

    • @mishanep
      @mishanep  3 роки тому +3

      Спасибо на добром слове 😀

  • @SeaDreamerr
    @SeaDreamerr 3 роки тому +5

    Суперская подача! Спасибо!

  • @aleksandr95
    @aleksandr95 2 роки тому +7

    Максимально доступно и без воды.
    Спасибо за ваш труд, Михаил! 👍

  • @vidjentukvidjentuk8644
    @vidjentukvidjentuk8644 Рік тому

    Михаил спасибо, первое видео максимально понятно, двигаемся далее.

  • @magerrrr
    @magerrrr 3 роки тому +1

    Спасибо большое!) Ты отлично объясняешь!!

  • @dimalukashenko4865
    @dimalukashenko4865 Рік тому

    Отличный урок, спасибо за труд!

  • @investsteel
    @investsteel Рік тому

    Отлично все объяснил! Спасибо большое😊

  • @ilgizilgiz
    @ilgizilgiz 3 місяці тому +1

    Толковый чел!

  • @yakut54
    @yakut54 2 роки тому

    Миша, спасибо за науку!

  • @mykhailoyanitskyi1934
    @mykhailoyanitskyi1934 3 роки тому +1

    Потрібно більше відео про typescript)

  • @user-lu2gr9gx7q
    @user-lu2gr9gx7q Рік тому

    спасибо, полезно и информативно!)

  • @xiii4526
    @xiii4526 3 роки тому +3

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

  • @user-hj5ot8wb1e
    @user-hj5ot8wb1e 2 роки тому +5

    очень хорошее качество как звука, так и подачи, странно, что так мало подписчиков

  • @deadorIT
    @deadorIT Рік тому

    Спасибо, понял зачем он нужен. Про порядок передачи колбэков прям жизненно)

  • @devastoned
    @devastoned Рік тому

    Отличная подача материала! Без сучка и с задоринкой

  • @neobulk3761
    @neobulk3761 Рік тому

    Спасибо, коротко, ясно, без water :)

  • @user-le3je2mu4n
    @user-le3je2mu4n 29 днів тому

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

  • @vladpetrov4512
    @vladpetrov4512 9 місяців тому

    Михаил, вы преподаватель от Бога! Очень приятно слушать как вы рассказываете. И просто. Побольше бы видеоматериала особенно про реакт и Next TS, а с нас лайк, подписка, колокольчик❤
    P.s. Все ролики но Некст уже посмотрел)

  • @oleksiik4473
    @oleksiik4473 3 роки тому +5

    Крутой контент, жаль что так поздно завели канал :) Удачи

  • @hibiride
    @hibiride 7 місяців тому

    доходчиво👍

  • @promoabys
    @promoabys Рік тому +1

    Спасибо Михаил за превью ТС
    От себя добавлю, что ТС облегчает взаимодействие по обмену данными и выявляет ошибки их не совместимости на ранней стадии, чем также облегчает дебагинг

  • @YellowPanamka
    @YellowPanamka Рік тому

    Миша спасибо, стало понятнее для чего это воошпе, теперь не понятно на каком уровне и что именно нужно знать в TS для применения в проектах средней и выше сложности, с нагрузкой от 100 тысяч юзеров/сутки например.

  • @user-hb4dy2gq9r
    @user-hb4dy2gq9r Рік тому

    Спасибо за работу, очень хотелось бы базовый реакт послушать в вашем исполнение :D или купить его курсом)
    UPD: Увидел ссылку под видео :D

  • @user-ug1vi3bv1f
    @user-ug1vi3bv1f Рік тому

    Спасибо!

  • @shyma_grasious
    @shyma_grasious 3 роки тому +1

    больше видосов, больше)

  • @Grigoren_com
    @Grigoren_com Рік тому

    спасибо)

  • @ID0_PRO
    @ID0_PRO Рік тому +2

    undefined это не ошибка это отдельный тип данных который также может пойти и в логику и на сравнение. А ts может пригодится со своей строгой типизации во время компиляции чего либо например декстоп ПО тут он расширяет возможности js в котором нет компиляции (и не задумывалось)

  • @polinakushnir3823
    @polinakushnir3823 7 місяців тому

    спасибо

  • @fergussawyer
    @fergussawyer 2 роки тому

    Почему так мало лайков? Отличный контент!

  • @timofeymanko7870
    @timofeymanko7870 2 роки тому +1

    Михаил, я Вас обожаю!
    Подскажите, нужны ли для vsCode расширения под ts?

    • @mishanep
      @mishanep  2 роки тому +2

      Нет, я никаких расширений специально под ts не использую. VS Code написан на TypeScript, так что они хорошо дружат друг с другом. Да и то и другое - детище Майкрософт.

  • @konglomora3230
    @konglomora3230 2 роки тому

    Колокольчик 🛎

  • @user-bc4fk1gm3z
    @user-bc4fk1gm3z Місяць тому

    Можно обойтись и без type script получается. Главно: нормально делай-нормально будет))

  • @chessclub92
    @chessclub92 Рік тому

    spasibo

  • @alexfry5080
    @alexfry5080 Місяць тому

    00:01 TypeScript is an extension of JavaScript with static typing
    02:10 TypeScript helps in checking data types and preventing errors
    04:28 Install TypeScript globally and convert TypeScript files into JavaScript for use in projects.
    06:36 Introduction to using TypeScript with example
    08:39 TypeScript helps in protecting data structures and ensuring convenient behavior.
    10:52 TypeScript allows unambiguous interpretation of data
    12:54 TypeScript helps to prevent errors and provide code hints.
    15:11 TypeScript helps to prevent errors and ensure type safety

  • @user-yf2er5vr8q
    @user-yf2er5vr8q Рік тому +1

    спасибо большое за суперуроки, не планируете ли снять какой-то мелкий вводной курс по nest

    • @mishanep
      @mishanep  Рік тому +1

      По nest пока не планирую. Никогда с ним не работал.

    • @user-yf2er5vr8q
      @user-yf2er5vr8q Рік тому

      @@mishanep я убежал от PHP потому и спрашиваю - еще раз спасибо

  • @TheDprostakov
    @TheDprostakov 2 роки тому +1

    Михаил, курс по TS на Udemy не планируете?

    • @mishanep
      @mishanep  2 роки тому +1

      Планирую, но пока не приступал к разработке.

  • @_sacred_nature
    @_sacred_nature 10 місяців тому

    👌👍👍

  • @starthateme
    @starthateme 2 роки тому +1

    оаоа, а чо буит если указать один интерфейс например string, а по итогу будет number - оно преобразуется в string или будет ошибка?

    • @Bliqu1
      @Bliqu1 2 роки тому

      ошибка

  • @ujin7835
    @ujin7835 5 місяців тому

    Хоспади! 15 минут бъяснять такие простые вещи, которые, например, джавист знаете с пелёнок?!

  • @baurzhankarimov4352
    @baurzhankarimov4352 11 місяців тому

    спасибо за видео. У меня такой вопрос(может быть тупой) но в каком направлении начать изучать эти языки. От JS потом TS или наоборот TS потом JS? Мне как новичку ответ не очевиден

    • @mishanep
      @mishanep  11 місяців тому +1

      Сначала JavaScript.

  • @user-sx9pk9sg4v
    @user-sx9pk9sg4v Рік тому

    Доброго времени суток! почему надо преобразовывать ts в js ?

    • @baurzhankarimov4352
      @baurzhankarimov4352 11 місяців тому

      у ts нету своей исполняющей среды. js может выполнятся в браузерах или на компе, но нужно установить node js. У ts такого нет

  • @volod-one
    @volod-one 2 роки тому +2

    На дворе март 2022.. Возможно только у меня, а может просто тайпскрипт стал строже.
    Если не типизировать аргументы функции, то во время компиляции выбрасывается ошибка.

    • @mishanep
      @mishanep  2 роки тому +2

      От настроек компилятора может зависеть строгость.

    • @alexidino
      @alexidino Рік тому

      тоже самое, пока ужасные ощущения от typescript

    • @awenn2015
      @awenn2015 Рік тому

      @@alexidino каеф

    • @alexidino
      @alexidino Рік тому

      @@awenn2015 завидую

  • @slavkapiyavka
    @slavkapiyavka Рік тому

    а нельзя ли функции logTodo задать тип Todo, чтобы не указывать тип для каждого из параметров?

    • @mishanep
      @mishanep  Рік тому +1

      Разумеется я не помню контекст видео =) но догадываюсь о чем речь.
      Здесь вопрос проектирования. Если logTodo принимает на вход объект, то да - ему можно указать тип Todo. Если это набор параметров, то это несколько иная история.

    • @slavkapiyavka
      @slavkapiyavka Рік тому

      @@mishanep да, это набор параметров, на 15 минуте им задаются типы.

  • @user-fo6dh3sm2p
    @user-fo6dh3sm2p 9 місяців тому

    Больше года работаю в VSCode. Впервые узнал про ctrl+space. Обычно он сам подсказки показывает, но бывает что нет и это бесило. Теперь если не показывает юзаю ctrl+space

  • @awenn2015
    @awenn2015 Рік тому

    Терминология чутка хромает, не приложение а пакет, инициализируешь npm хранилище? Это как? До этого же правильно сказал, проект, именно проект

  • @lol_hp
    @lol_hp 2 роки тому

    Я извиняюсь за свою глупость, я просто новичок во всем этом, и хотел задать вопрос, получается ts это просто js, но для новичков чтоб избегать ошибку?

    • @lol_hp
      @lol_hp 2 роки тому

      Разве она не может как нибудь упростить задачу, к примеру уменьшить количество строк то есть вместо 1000 чтоб было 800, объясните пожалуйста, и могу ли я начать изучать ts зная основы js, а так же забить вообще на js и остановиться на ts

    • @mishanep
      @mishanep  2 роки тому +1

      TS отнюдь не для новичков. Он скорее для больших проектов, чтобы добавить очевидности при работе большого количества людей.
      Если вы еще не слишком уверенно чувствуете в JavaScript, то скорее всего переход на ts станет дополнительным усложнением и создаст больше путанности.

    • @lol_hp
      @lol_hp 2 роки тому

      @@mishanep спасибо большое за разъяснение

    • @awenn2015
      @awenn2015 Рік тому

      @@lol_hp ts лучше учить когда знаешь js, иначе к изучению js добавиться изучение типов и прочего

    • @lol_hp
      @lol_hp Рік тому

      @@awenn2015 спасибо)

  • @kronatankristof8804
    @kronatankristof8804 2 роки тому +7

    По личному опыту скажу, что если морду рисует до 3х человек включительно и это не джуны, плюс проект на 1-2 года расчитан. То TS это деньги на ветер. Он хорош в мегабольших проектах, где бешенная ротация людей, которые нихрена не понимают чего тут происходит. TS фиксирует их безграмотность, не давая им допускать косяки в очевидных местах. Если же проект пишет небольшое количество людей, которые знают что делают, то это из разряда наклейки на стаканчике с кофе "кофе горячий".

    • @user-tc1ff2ob3z
      @user-tc1ff2ob3z Рік тому

      Находясь в штатах именно потому что везде нужно писать "кофе горячий" и "скользкий пол", приходится учить TS потому что требуют его уже все и везде без разбора, наверное думая что это гарантированно говорит о высоком уровне разработчика

    • @_..Max.._
      @_..Max.._ Рік тому +2

      сейчас понабегут и говном закидают. у меня в команде проект, где 3 компонента только и то с ТС. и там другой разработчик слюной брызжет что нельзя лишнее
      | undefined написать иначе все пропало! и мы вместо того чтобы пилить функционал в 2 раза больше кода пишем, зато ТС используем. и хер ты им объяснишь, что для каждой технологии своя ниша...

    • @kronatankristof8804
      @kronatankristof8804 Рік тому

      ​@@user-tc1ff2ob3z к сожалению многие руководители слабо ориентируются в технологиях и часто выбирают то что на слуху. Попадая естественно на деньги. Раньше я помню все фанатели с react/redux. А что сейчас люди думают о redux? Думаю говорить излишне. В общем TS, как кондиционер в машине. В бэхе, это необходимая вещь. В запорожце, особенно составляя 80% цены запорожца - явно излишне.

    • @user-tc1ff2ob3z
      @user-tc1ff2ob3z Рік тому

      @@_..Max.._ Так и живем ребята, нравится нам или нет - приходится плясать под систему какой бы уродливой она не была, либо создавать свою.

    • @mex5341
      @mex5341 Рік тому

      все верно, чтобы никто не прострелил колени себе. По моему отличное применение , для всех тупеньких джсников как лакмусовая бумажка. Если в команде уверены , то да , супер смысла нет.

  • @bogdansereda7568
    @bogdansereda7568 3 роки тому

    Всё хорошо, но на скрине правда нету user.name, поэтому и ошибка

    • @aquinary.
      @aquinary. 2 роки тому +1

      Этим скрином создатели ts как бы показывают, что в js код запустится и ничего не скажет. А ts не даст такое запустить

  • @user-xo9ks9bc6j
    @user-xo9ks9bc6j 2 роки тому

    Миша, а о чём вы не помните =) хЫ

  • @baizhiyenov_e
    @baizhiyenov_e 5 місяців тому

    нечего не понял

  • @user-mu2lr9zc7d
    @user-mu2lr9zc7d 2 роки тому

    Зачем нужен TS, если есть C# ))

    • @mishanep
      @mishanep  2 роки тому +1

      Для фронтенда веб-приложений.

  • @Alexander-fn9kv
    @Alexander-fn9kv Рік тому

    Надоели ролики про ts теорию без реальных примеров. А вот у вас интереснее

  • @-EgoSerg-
    @-EgoSerg- 7 місяців тому

    TS - нужен если руки из одного места. Если разраб не может посмотреть, что и куда передается. И какие там данные должны быть. ....
    Может программирование это вообще не его? И не нужно голову морочить себе и другим

  • @TheWorldPeace
    @TheWorldPeace Рік тому +3

    tsc.cmd -v
    tsc.cmd index.ts
    Если на Windowне хочет запускаться

  • @alexidino
    @alexidino Рік тому

    Если у вас выдает --- Cannot find name 'console'. Do you need to change your target library? Try changing the 'lib' compiler option to include 'dom'.
    решение -- npm install @types/node --save-dev
    Неужели ни у кого не возникло такой ошибки?

    • @alexidino
      @alexidino Рік тому

      Классно, в последнем примере я вообще не понял, зачем в функции обязательно прописывать тип данных, что за приколы) Иначе не работает

    • @mishanep
      @mishanep  Рік тому

      Там от строгости компилятора многое будет зависеть. Где-то неявное any для параметров функции будет норм, но как правило потребуется задать типы конкретно.

    • @alexidino
      @alexidino Рік тому

      @@mishanep спасибо Михаил, я пока такие вещи не умею настраивать.

    • @awenn2015
      @awenn2015 Рік тому

      @@mishanep implicit any

  • @kaprizniypanic2938
    @kaprizniypanic2938 2 роки тому

    Не заработал у меня с старым node ts-node =) (вынужден использовать 8й node, т.к веду разработку под шарапоинт 19 а там SPFx 1.4.1 который не умеет работать с более новыми node по причине их перехода на HTTP2 :).. короче тем у кого он тоже не заработает можно заменить строчкой с конвеерами и получить аналогичный профит: cls | tsc .\index.ts | node .\index.js (ессно для работы пайпов нужна консолька PS, а не CMD)