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

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

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

  • @zakiro4277
    @zakiro4277 2 года назад +37

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

  • @vhayami
    @vhayami 11 месяцев назад +5

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

  • @user-vt7nu5lc2p
    @user-vt7nu5lc2p Год назад +6

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

  • @FaYrUsinc
    @FaYrUsinc 2 года назад +2

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

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

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

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

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

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

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

  • @Mitya-b4p
    @Mitya-b4p 2 года назад +3

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

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

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

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

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

  • @Anonym-li8eb
    @Anonym-li8eb 9 месяцев назад

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

  • @elizavetakonstantinova8661
    @elizavetakonstantinova8661 2 года назад

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

  • @alx-cw9gk4rc5t
    @alx-cw9gk4rc5t 6 месяцев назад

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

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

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

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

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

  • @kostyakykyshkin7974
    @kostyakykyshkin7974 2 года назад +2

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

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

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

  • @tigrandemerchyan9446
    @tigrandemerchyan9446 10 месяцев назад

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

    • @webelart
      @webelart  7 месяцев назад

      ❤️❤️❤️

  • @k-ivan
    @k-ivan 2 года назад +1

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

  • @DVmakes
    @DVmakes 2 года назад

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

    • @webelart
      @webelart  2 года назад +1

      Добила, уже есть второе видео! ❤ ruclips.net/video/8N9iM2z3BHA/видео.html

  • @user-givigevorgovich
    @user-givigevorgovich Год назад

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

  • @ЯнаПронько-ы7ъ
    @ЯнаПронько-ы7ъ 2 года назад +1

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

  • @romanmed9035
    @romanmed9035 2 года назад +1

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

  • @YellowPanamka
    @YellowPanamka 5 месяцев назад +1

    лучшая

  • @ДиванныйКритик-ъ8к

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

  • @Mikhail.tortik001
    @Mikhail.tortik001 Год назад +1

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

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

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

  • @yankov2206
    @yankov2206 2 года назад

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

    • @webelart
      @webelart  2 года назад

      Thank you!!! 😘

  • @yaroslavivantsiv6183
    @yaroslavivantsiv6183 2 года назад

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

  • @МишаЩетинин-з5ы
    @МишаЩетинин-з5ы 2 года назад

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

  • @beknazaromuraliev5680
    @beknazaromuraliev5680 2 года назад +1

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

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

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

  • @golddeaggler2029
    @golddeaggler2029 2 года назад +2

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

  • @ВикторЛюбезный-ч2ы
    @ВикторЛюбезный-ч2ы 2 года назад

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

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

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

  • @katada
    @katada 2 года назад +1

    Топ контент!

  • @deniskorablev2648
    @deniskorablev2648 2 года назад

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

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

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

  • @biLLie_wiLLie
    @biLLie_wiLLie 2 года назад +8

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

    • @webelart
      @webelart  2 года назад +8

      Сделаю!!!

    • @АсланбекКорпеев
      @АсланбекКорпеев 2 года назад +1

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

    • @alienspro
      @alienspro 2 года назад +1

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

  • @рострост-м6з
    @рострост-м6з 2 года назад

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

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

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

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

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

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

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

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

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

  • @dianaloza821
    @dianaloza821 2 года назад

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

  • @Tavda
    @Tavda 2 года назад

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

    • @webelart
      @webelart  2 года назад

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

  • @ruslanstupak7625
    @ruslanstupak7625 2 года назад

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

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

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

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

      уже есть ruclips.net/video/8N9iM2z3BHA/видео.html :)

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

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

  • @aksenovkirill5191
    @aksenovkirill5191 2 года назад

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

  • @Dmitrijserg
    @Dmitrijserg 10 месяцев назад

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

  • @Kazakov_Kirill
    @Kazakov_Kirill 2 года назад

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

  • @maks2
    @maks2 2 года назад +1

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

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

    спасибо!💥💥💥

  • @ЮрийМусатов-ь3я
    @ЮрийМусатов-ь3я 2 года назад +4

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

    • @webelart
      @webelart  2 года назад +2

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

    • @Igoigo666
      @Igoigo666 2 года назад +3

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

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

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

  • @elconrel9665
    @elconrel9665 2 года назад

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

  • @yury4707
    @yury4707 2 года назад

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

    • @webelart
      @webelart  2 года назад

      СПАСИБО!!! 😘

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

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

  • @nagibbator4449
    @nagibbator4449 2 года назад

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

  • @seoonlyRU
    @seoonlyRU 2 года назад +1

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

  • @alexxxcode
    @alexxxcode 2 года назад

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

  • @ДмитрийКанищев-з7о

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

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

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

  • @ВладКлеопов
    @ВладКлеопов Год назад

    like

  • @nikolaiandrianov1856
    @nikolaiandrianov1856 2 года назад

    Coool!!!

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

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

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

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

  • @sofa111298
    @sofa111298 2 года назад

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

    • @webelart
      @webelart  2 года назад

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

    • @alienspro
      @alienspro 2 года назад

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

  • @shaxriyormaripov4097
    @shaxriyormaripov4097 2 года назад

    I dоwnloaded everything is okay

  • @ОксанаКовш-ъ8т
    @ОксанаКовш-ъ8т Год назад

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

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

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

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

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

  • @cheesecheesson9842
    @cheesecheesson9842 2 года назад

    вау ))

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

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

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

      Нет.

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

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

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

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

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

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

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

      @@webelart Спасибо!

  • @AgentRaffaello
    @AgentRaffaello 2 года назад

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

    • @webelart
      @webelart  2 года назад +2

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

    • @AgentRaffaello
      @AgentRaffaello 2 года назад

      @@webelart спасибо 🙏

    • @UC1C0GDMTjasAdhELHZ6lZNg
      @UC1C0GDMTjasAdhELHZ6lZNg 2 года назад

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

    • @PaulGabow
      @PaulGabow 2 года назад

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

    • @alienspro
      @alienspro 2 года назад

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

  • @Whiskey1L
    @Whiskey1L 2 года назад

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

    • @n1ck_fun
      @n1ck_fun 2 года назад +2

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

  • @theoty-js
    @theoty-js 2 года назад +1

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

    • @webelart
      @webelart  2 года назад +1

      Hello, hello!🤗

    • @theoty-js
      @theoty-js 2 года назад

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

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

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

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

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

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

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

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

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

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

      ​@@webelart ruclips.net/video/Dqv9-Z14LCE/видео.html

  • @Kolxozzznik
    @Kolxozzznik 2 года назад

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

    • @webelart
      @webelart  2 года назад

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

    • @Kolxozzznik
      @Kolxozzznik 2 года назад

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

    • @webelart
      @webelart  2 года назад

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

  • @endorphinair8166
    @endorphinair8166 2 года назад

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

  • @Shir-Na-Shir
    @Shir-Na-Shir 2 года назад

    +

  • @РусланА-ф2н
    @РусланА-ф2н Год назад

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

  • @stwebbox5691
    @stwebbox5691 2 года назад

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

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

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

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

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

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

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

  • @jetsker6388
    @jetsker6388 2 года назад

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

  • @ic6406
    @ic6406 2 года назад

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

    • @webelart
      @webelart  2 года назад

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

    • @ic6406
      @ic6406 2 года назад

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

    • @webelart
      @webelart  2 года назад

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

    • @ic6406
      @ic6406 2 года назад

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

  • @zakiro4277
    @zakiro4277 2 года назад

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

  • @Antonym-b5o
    @Antonym-b5o Год назад

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

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

      Почему? :)

    • @Antonym-b5o
      @Antonym-b5o Год назад

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

  • @ramansamalazau6731
    @ramansamalazau6731 10 месяцев назад

    TSCONFIG!!!!

  • @user-yj2ye2su4k
    @user-yj2ye2su4k Год назад

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

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

      Есть ещё вторая часть! ruclips.net/video/8N9iM2z3BHA/видео.html

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

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

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

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

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

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

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

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

    • @webelart
      @webelart  7 месяцев назад

      Конечно❤️

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

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

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

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

  • @erjigit17
    @erjigit17 2 года назад

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

    • @webelart
      @webelart  2 года назад

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