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

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

[@user-dh5ji5qv1l]

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

[@Hacking-NASSA-with-HTML]

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

[@mishanep]

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

[@aleksandr95]

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

[@SeaDreamerr]

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

[@vidjentukvidjentuk8644]

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

[@dimalukashenko4865]

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

[@magerrrr]

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

[@yakut54]

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

[@investsteel]

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

[@ilgizilgiz]

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

[@mykhailoyanitskyi1934]

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

[@xiii4526]

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

[@user-lu2gr9gx7q]

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

[@neobulk3761]

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

[@devastoned]

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

[@deadorIT]

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

[@user-hj5ot8wb1e]

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

[@vladpetrov4512]

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

[@oleksiik4473]

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

[@user-le3je2mu4n]

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

[@promoabys]

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

[@hibiride]

доходчиво👍

[@user-ug1vi3bv1f]

Спасибо!

[@YellowPanamka]

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

[@shyma_grasious]

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

[@Grigoren_com]

спасибо)

[@user-hb4dy2gq9r]

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

[@ID0_PRO]

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

[@polinakushnir3823]

спасибо

[@timofeymanko7870]

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

[@mishanep]

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

[@fergussawyer]

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

[@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]

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

[@mishanep]

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

[@user-yf2er5vr8q]

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

[@konglomora3230]

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

[@TheDprostakov]

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

[@mishanep]

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

[@chessclub92]

spasibo

[@user-bc4fk1gm3z]

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

[@starthateme]

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

[@Bliqu1]

ошибка

[@_sacred_nature]

👌👍👍

[@baurzhankarimov4352]

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

[@mishanep]

Сначала JavaScript.

[@user-sx9pk9sg4v]

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

[@baurzhankarimov4352]

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

[@volod-one]

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

[@mishanep]

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

[@alexidino]

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

[@awenn2015]

@@alexidino каеф

[@alexidino]

@@awenn2015 завидую

[@ujin7835]

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

[@slavkapiyavka]

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

[@mishanep]

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

[@slavkapiyavka]

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

[@user-fo6dh3sm2p]

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

[@awenn2015]

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

[@lol_hp]

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

[@lol_hp]

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

[@mishanep]

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

[@lol_hp]

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

[@awenn2015]

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

[@lol_hp]

@@awenn2015 спасибо)

[@kronatankristof8804]

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

[@user-tc1ff2ob3z]

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

[@_..Max.._]

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

[@kronatankristof8804]

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

[@user-tc1ff2ob3z]

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

[@mex5341]

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

[@bogdansereda7568]

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

[@aquinary.]

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

[@user-xo9ks9bc6j]

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

[@baizhiyenov_e]

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

[@TheWorldPeace]

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

[@Alexander-fn9kv]

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

[@user-mu2lr9zc7d]

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

[@mishanep]

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

[@-EgoSerg-]

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

[@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]

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

[@mishanep]

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

[@alexidino]

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

[@awenn2015]

@@mishanep implicit any

[@kaprizniypanic2938]

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