TypeScript от А до Я - часть 1: primitives, objects, array, types, enums, interfaces

[@zakiro4277]

Лайкните, кто за гайд по typescript на практике. Желательно с использованием популярных библиотек типа react, vie

[@vhayami]

Спасибо за урок, очень нравятся ваши видео, рада, что по typescript от вас тоже есть, надеюсь поможете разобраться с ним)

[@mental_master9003]

Приятно видеть образованную и умную девушку. Спссибо )

[@A_A_A182]

Девушки - это прекрасно, а девушки рассказывающие про IT - в двойне прекрасно)

[@ТемаПетров-л2ъ]

Елена очень крутой вводный урок по TS, пожалуйста продолжайте!

[@FaYrUsinc]

На одном дыхании посмотрел. Довольно просто и понятно, не напряжно. Спасибо

[@masuryans]

Больше спасибо Елена!!! Вы очень понятно и просто объяснили 👍🏻👍🏻👍🏻

[@evgenymakhanov]

Топ-контент! Очень информативно и понятно. Классно, что наткнулся на ваш канал)

[@sampetrosyan3669]

наконец то нормальный ролик про TS спасибо )

[@Anonym-li8eb]

Спасибо за твои старания! Вышел отличный урок, ты понятно объясняешь 👍

[@elizavetakonstantinova8661]

Комментарий как второй лайк. Ролик превзошел все ожидания, несмотря на то, что очень долгожданный. Ждала еще с первого анонса в тг :)

[@user-givigevorgovich]

Отлично! Как раз для меня, изучаю сейчас тоже, все искал различия у интерфейсов и типов... Спасибо!

[@bjol_Dg]

ооо! женщина, ты прекрасна )) спасибо огромное, Лена, тема топчик 👍👍

[@DVmakes]

Спасибо за видео, пожалуйста не пропадайте! Добей тему!

[@webelart]

Добила, уже есть второе видео! ❤ kzbin.info/www/bejne/bn-cmoBor5h1fqM

[@kosha9951]

Спасибо) Было наглядно и полезно)

[@k-ivan]

Огромное спасибо, за такой контент!

[@YaniaRZ]

Спасибо, ждем продолжения!

[@Mitya-b4p]

Отличное видео ждем дженерики и utility types 👍🏻

[@deniskorablev2648]

Елена твои гайды кайф )

[@romanmed9035]

отличное продолжение. предлагаю в один из выпусков добавить информацию или даже сделать отдельный выпуск как внедрить тайпскрипт в существующий проект написанный как с использованием заготовки CRA так и с собственной сборкой. очень хорошо что не стали лепить много всего в одно видео. теория отдельно полезнее.

[@kostyakykyshkin7974]

Ураа! Спасибо огромное!

[@МишаЩетинин-з5ы]

Спасибо большое за видео, смотрю Вас с удовольствием каждый раз))

[@yaroslavivantsiv6183]

Спасибо! Крутяк! Надеюсь уже очень скоро будем смотреть вторую часть)

[@yankov2206]

Привет! Какая позитивная и веселая) видно хорошее настроение и заряд энергии)) Балуешь любимых подписчиков роликами) очень ждем! Как обычно, лайк комментарий

[@webelart]

Thank you!!! 😘

[@Mikhail.tortik001]

Tsconfig!!!! Думаю не я один жду этого видео) Очень интересно узнать о всех настройках и в будущем использовать это видео как некую шпаргалку, ибо такой информации, лично я, не находил на просторах интернета)) Заранее спасибо)

[@webelart]

Всё я услышала! Будет!!! Сначала хочу про хуки выпустить различия and useMemo useCallback. Следующим сделаю про конфиг

[@alx-cw9gk4rc5t]

Лен. Ты крутая 😊

[@АлександрВикторович-т4б]

Оч круто, оч круто 🤜🤛👍👍👍👍👍

[@Dmitrijserg]

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

[@astkh4381]

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

[@ВикторЛюбезный-ч2ы]

Спасибо. Учим, осваиваем.

[@beknazaromuraliev5680]

Я не смотрел еще но знаю что контент топчик🔥

[@webelart]

😘😘😘

[@tigrandemerchyan9446]

хотел изучить typescript. В итоге влюбился в милашку. Вы лучшая училка. Спасиби

[@webelart]

❤️❤️❤️

[@sergsvl]

Лена, жду продолжения!! Слушать про TS в твоем исполнении - просто песня! :)) Ждуууу!!!!

[@рострост-м6з]

Классное вступление)

[@АндрейПовстянко]

Спасибо :) Нужно обящзательно видео про tsConfig

[@YellowPanamka]

лучшая

[@dianaloza821]

спасибо за видео)жду следуущее)

[@Kazakov_Kirill]

Ну большие штуки зачастую создаются при помощи ангуляра, а в нём уже ts по умолчанию есть) Да и реакт с ts визуально воспринимается гораздо лучше. Чистый js разве что во вьюхе встреить можно (и то потому что 3 версия с ts пока не заняла всю вьюшную экосистему), ну и в других библиотеках/фреймворках попроще.

[@Tavda]

Я когда узнал об интерфейсах в PHP вообще не понимал, а для чего они нужны. И они оказались реально для программы не нужны! Но их назначение глубже. Ты можешь описать, что ты конкретно хочешь получить на входе и, если пришло что-то другое, то как-то на это среагировать. А самое главное, ты можешь понять, что тебе прилетел не тот объект, который тебе нужен! Объекты могут быть разные, но если они отвечают интерфейсу, то в них точно есть свойства и методы, которые описаны в интерфейсе, и они вернут именно то, что вы ждёте. А если другой программист пишет класс, который ты будешь использовать, то он сразу видит, что ты ждёшь от объекта этого класса. В TS аналогично.

[@webelart]

Да, это очень удобно!

[@jamjam3337]

спасибо!💥💥💥

[@ooops4333]

Хосподи, СПАСИБО ТЕБЕ БОЛЬШОЕ!

[@webelart]

❤️❤️❤️

[@aksenovkirill5191]

Привет!Спасибо!Жду продолжения, давай разберем config

[@ИринаЛанская-й3д]

Очень крутое видео! Супер! Спасибо!

[@webelart]

❤

[@DontLookBackNever]

канал на английском - руллез !👍

[@katada]

Топ контент!

[@Camelot1399]

очень хорошо, жду продолжение, спасибо

[@webelart]

уже есть kzbin.info/www/bejne/bn-cmoBor5h1fqM :)

[@ruslanstupak7625]

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

[@golddeaggler2029]

Норм, дженерики интересно

[@webelart]

Будет!

[@sempregiovane1]

этого урока хватает для создания сайта средней сложности с tsx разметкой

[@Strike_love_bot]

0:01 -- воооот такой TypeScript видала. 😁

[@ЭльханАсадов-т9ъ]

Прикольная чика))

[@biLLie_wiLLie]

Лена, объясни плиз дженерики. Особенно длинные и сложные записи. Я вообще не понимаю как это читать. Спасибо тебе!

[@webelart]

Сделаю!!!

[@АсланбекКорпеев]

Нужно практиковать, от малого до большего)

[@alienspro]

Дженерики без практики - время в пустую.

[@raff_m_d6971]

ты красотка!!!

[@elconrel9665]

Спасибо за видео, было бы очень интересно посмотреть как получать данные с сервера используя тайпскрипт, то есть писать response и перебирать типы вручную либо же заранее писать им интерфейсы?

[@yury4707]

Привет умняшка..!..) Держи лайк.)

[@webelart]

СПАСИБО!!! 😘

[@maks2]

хотелось бы про связку с redux

[@seoonlyRU]

лайк Микки МАусу от легендарного СЕООНЛИ

[@ЮрийМусатов-ь3я]

Привет. Спасибо за урок, а сколько частей по TS планируется?

[@webelart]

Я думала ещё штуки 2. Плюс ещё попросили про подключение и web pack. Посмотрим.

[@Igoigo666]

@@webelart да, про вебпак будет прям интересно. А то уже хотел сам разбираться, а тут будет такой подарок ))))

[@rizz_cinema]

Не согласен с тем, что отличие интерфейсов от типов в расширяемости. Аналогом extends у типов будет оператор &. А вообще отличие типов и интерфейсов заслуживает отдельного видео.

[@ОксанаКовш-ъ8т]

Дзякуй вялікі, даражэнькая Алена🌺🌺🌺 ужо не першы раз гляджу вашы відэа і заўсёды пад прыемным уражаннем. Асобны дзякуй за канал на ангельскай :)

[@nagibbator4449]

Я люблю тебя до слёз...

[@webelart]

😘😘😘

[@nikolaiandrianov1856]

Coool!!!

[@webelart]

❤❤❤

[@ПлатонКовалевский-и8ш]

Time code: 21:16 Property user отсутствует и выдает ошибку в редакторе, но через инструменты разработчика браузера obj.user подтягивает 1

[@danyawyse1933]

Стоит осваивать TS до реакта ?

[@webelart]

Нет.

[@webelart]

Но вы можете его с чистым is использовать. Тогда да.

[@webelart]

Однако осваивать ts до js тоже нет

[@webelart]

Как и react до js. Последовательность js -> react -> ts

[@danyawyse1933]

@@webelart Спасибо!

[@ОлександрПархоменко-г4й]

01:40 я бы не сказал что это "синтаксический сахар", скорее "синтаксические камни" или орехи, которые кладут в рот для тренировок дикции

[@ОлександрПархоменко-г4й]

После перехода на Typescript во рту не стало сладко, скорее даже наоборот... 😖

[@webelart]

@@ОлександрПархоменко-г4й ахахаха 😂

[@webelart]

@@ОлександрПархоменко-г4й Такого понятия я еще не слышала! Новый термин!

[@ОлександрПархоменко-г4й]

​@@webelart kzbin.info/www/bejne/eqLZamCQZpl_eac

[@Deduska-ded]

Добрый день Елена, насчёт readonly которое запрещает перезаписывать св-ство. Я решил в песочнице на оф сайте посмотреть как это реализуется когда код превращается в обычный JS и обнаружил что никак. TS выдаст ошибку при написании, но в JS по факту с этим свойством можно делать уже что угодно. Назрел вопрос - почему это не реализовать через флаг writable объекта?. На мой взгляд кажется логичным что бы при "переносе" такого readonly свойства из TS в JS добавлялось что-то в духе Object.defineProperty(obj, "propName",{writable: false}). Заранее спасибо

[@alexxxcode]

Хотел бы добавить/спросить на счет того, что интерфейсы могут расширяться. У нас в проекте мы почти отказались от интерфейсов и используем простые типы, когда нам требуется что-то расширить используем "&": type User = {...} & Human. Достаточно удобно и компактно. Что скажете на счёт этого?

[@sofa111298]

Добрый день, а подскажите может вы знаете хорошие курсы по верстке или может вы такие даете, очень бы хотела в этом русле развиваться и вот сейчас ищу где можно подтянуть свои навыки) Спасибо за прекрасное видео!!))

[@webelart]

Здравствуйте, спасибо! Можете попробовать на вот этот взглянуть learn.javascript.ru/courses/htmlcss Я проходила несколько курсов в прошлом на learn.javascript, конкретно этот курс нет. Но ребята крутые там преподают.

[@alienspro]

На udemy любой с высоким рейтингом, субтитры там есть, их можно перевести на русский.

[@Whiskey1L]

Ребят, хочу переучиться с Си на фронтенд, подскажите что учить JS или TS? Желательно обосновать почему, заранее огромное спасибо!

[@n1ck_fun]

TS - дополнение к JS для типизации..Начинай с JS ,потом подключай TS

[@АнастасияИлющенко-б8м]

"Начинается ругание", теперь буду так говорить

[@webelart]

😂

[@neWalkeder]

Есть возможность снять ролик по mobX?

[@webelart]

Ох, я с ним не работала ни разу. Поэтому думаю пока нет.

[@neWalkeder]

@@webelart очень хотелось бы увидеть разбор именно от вас

[@AgentRaffaello]

Здрасте) А можно с примерами, на любом работающем коде, что ts делает на сайте? js понятно, а ts понятно только, что он про типизацию - это слишком абстрактно для меня)

[@webelart]

Пока погружение в typescript, дальше уже буду думать про примеры.

[@AgentRaffaello]

@@webelart спасибо 🙏

[@UC1C0GDMTjasAdhELHZ6lZNg]

ts на сайте ничего не делает, он компилируется в обычный js ts это больше про процесс разработки

[@PaulGabow]

пока any вас спасет

[@alienspro]

ts к сайту не имеет никакого отношения, ts - это слой строгой типизации для js чтобы программисты допускали намного меньше ошибок. Работает он только в редакторе кода и при сборке кода.

[@luckytima2315]

`` - это бэктики ))

[@ВладКлеопов]

like

[@cheesecheesson9842]

вау ))

[@РусланА-ф2н]

Классные уроки. Автору большое спасибо

[@Kolxozzznik]

Enum лучше не использовать, best practices считается использование объекта и в handebook на странице с Enum в конце имеется абзац "Objects vs Enums". Так же на stackoverflow имеется развернутый ответ. По поводу "Типы экстендить нельзя" - это еще почему?! Ведь interface User extends UserInfo === type User = UserInfo & {} Видимо Вы сами еще до конца не разобрались, когда стоит использовать типы, а когда интерфейсы и используете интерфейсы. Так же на сайте my-js найдите "Типы или интерфейсы" и ознакомьтесь

[@webelart]

Хммм, типы не пробовала экстендить, надо поэкспериментировать. Спасибо! В любом случае я планирую разобрать все эти темы с extends, implements, что где можно после классов. Про enums считаю, что их нормально использовать. Но в случаях когда вам нужны ключи. Мы их кстати на проекте используем как раз в этом случае.

[@Kolxozzznik]

@@webelart С enum на проде проблемы бывают, как и написал выше на stackoverflow более подробное объяснение

[@webelart]

@@Kolxozzznik Надо почитать, спасибо большое!😘

[@stwebbox5691]

нужен разбор конфига

[@zakiro4277]

Девушек программистов маловато а девушек программистов снимающих гайды вообще по пальцам пересчитать)

[@endorphinair8166]

и еще: интерфейсы с одинаковыми именами мержатся, а типы с одинаковыми именами недопустимы

[@НиколайПолторак-з9г]

Хуею как мало просмотров. Контент топ. Спасибо

[@theoty-js]

Привет милашка :)

[@webelart]

Hello, hello!🤗

[@theoty-js]

@@webelart Ты мне нравишься, Лондон мне тоже нравится, осталось выйти с тобой на связь, на твоих уроках освоил многое;)

[@shaxxx-cs2]

I dоwnloaded everything is okay

[@luckytima2315]

Я прощаю тебя гулящяя женщина ;D

[@ic6406]

А зачем, есть же emscripten и куча хороших статически-типизированных языков

[@webelart]

Расскажите, чем он лучше по вашему мнению? :) вообще я впервые о нем слышу.

[@ic6406]

@@webelart тем, что можно взять любой LLVM-based язык C, C++, Rust и на нём написать высокооптимизированное приложение, которое таргетит WebAssembly и работает близко к нативному (ближе, чем однотредовый джс)

[@webelart]

@@ic6406 Ох, это для меня пока сложно звучит. Но я возьму на заметку ваше предложение. Rust хочу изучить в будущем.

[@ic6406]

@@webelart Для изучения rust нужно чтобы был запас грибов в чулане. Emscripten-way скорее больше подходит для случаев, где нужен перф. Для обычного фронта typescript получше будет, но у меня к нему стойкая неприязнь из-за дизайновых костылей по типу единственного возможного объявления конструктора или кривой проверки типа в рантайме, костыли в виде .d.ts, кривые типизации 3rdparty библиотек и тому подобное

[@jetsker6388]

Го херачить конфиг, пишу на языке, но не знаю как он компилируется и настраивается толком ; (

[@Shir-Na-Shir]

+

[@ndiscovery]

"люди свойственны", "хороший код", "некоторая сборка" вы точно до конца понимаете о чем говорите?

[@webelart]

Конечно❤️

[@Antonym-b5o]

привет всем. все мне уже страшно

[@webelart]

Почему? :)

[@Antonym-b5o]

@@webelart уже все хорошо :) ts очень "мешал" мне в самом начале

[@АлексейВольнов-ш2ч]

где тут от а до я тут только самые основы да и только

[@webelart]

Есть ещё вторая часть! kzbin.info/www/bejne/bn-cmoBor5h1fqM

[@МихаилКозлов-ы7ф]

TS понял, нафига он нужен нет 😂 ну если у тебя число, нафига в него пихать строку? 😮 какая-то лишняя приблуда для собеседований, а не для работы

[@webelart]

Если вы разрабатываете маленькие сервисы и системы, сайты, то Вам не нужен.

[@miasuntopropio]

Я думала я одна так думаю. Мне один опытный разработчик сказал, что в общем TS и не нужен, но придется знать так как это стало модно. Хорошо, что Елена записала это видео 🙏, а то я все никак не могла осилить 20 часовые курсы по TS:)

[@ramansamalazau6731]

TSCONFIG!!!!

[@webelart]

👀

[@ramansamalazau6731]

@@webelart 😉

[@easystyle3378]

Ты ничего не добилась в жизни,даже джуном не являешься

[@webelart]

Это не является правдой, учитывая мой карьерный опыт. На текущий момент, я работаю в Лондоне на позиции Software Engineer и я была Senior Frontend Engineer. А вот кто вы такой, я не знаю.

[@erjigit17]

лучше делать контент только на английском, зачем тратить время на русском?!

[@webelart]

Потому что это мой родной язык и я его люблю. Я люблю свою русскую аудиторию и люблю с ней общаться. И я хочу делать контент и на русском и на английском :)