Павел Борисов
Павел Борисов
  • 2
  • 43 359
Vue 3 (Composition API) и TypeScript – Фундаментальный курс 2025
В этом видео создадим игру "Виселица" на Vue 3 (Composition API) и Typescript. Разберем все тонкости типизации Vue приложения.
Верстка (папка layout) и финальный код можно скачать по ссылке:
github.com/pavellbor/hangman-vue-ts
Переглядів: 18 876

Відео

Vue 3 и TypeScript - Фундаментальный курс 2025
Переглядів 24 тис.Рік тому
В этом видео создадим простое приложение на Vue 3 (Options API) и Typescript. Разберем все тонкости типизации Vue приложения. Верстка (папка mocks) и финальный код можно скачать по ссылке: github.com/pavellbor/todos

КОМЕНТАРІ

  • @AlexeyDurapov
    @AlexeyDurapov 18 днів тому

    Класс! Получил удовольствие от просмотра! Делай еще...

  • @Vse-po-Faktu
    @Vse-po-Faktu 2 місяці тому

    Очень классное видео! С комментариями и отличные темы поднимаются. Так же, считаю, что оно для тех, кто знает JS и уже разбирал основы VUE и TS. С нуля будет сложно понять о чем речь (сугубо мое мнение) . Спасибо 👍

  • @parmetra
    @parmetra 4 місяці тому

    Спасибо за ролик! Будут ли ещё новые видео?

    • @mgfck
      @mgfck 4 місяці тому

      @@parmetra да, совсем скоро вернусь

    • @parmetra
      @parmetra 4 місяці тому

      @@mgfck ура-а! Спасибо! У вас отличный контент по Vue.

  • @webgeekstudio975
    @webgeekstudio975 4 місяці тому

    Все супер! Но зачем голос искажать?

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

    Еще бы голос не коверкался - вообще хорошо бы было :) А так супер! продолжай!

  • @BuddaKun
    @BuddaKun 6 місяців тому

    Я не специалист, но разве не через emits прокидывать надо? Разве родитель должен иметь доступ к дочерним элементам?

  • @isnintendo8656
    @isnintendo8656 6 місяців тому

    в 51:37 можно было использовать Pinia для State management?

  • @romanmed9035
    @romanmed9035 6 місяців тому

    жаль что при таком голосе на полуторной скорости не посмотреть. и вопрос к автору. а вот подобное но не с vue файлами, а если js и в них старым способом писать активную часть а шаблон в html файлах в теге скрипт?

  • @romanmed9035
    @romanmed9035 6 місяців тому

    а почему не vite?

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

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

  • @ОлегМПавловский
    @ОлегМПавловский 7 місяців тому

    По поводу голоса: автор красавчик тк сразу записал на ютуб УСКОРЕННЫЙ ролик. Смотрю ролики на 1.5-1.75 тк обычно их замедляют чтобы время было больше. Актуально было когда монетизация для ру работала Автор - Молодец!

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

    Это просто вау. Спасибо огромное. Буду ждать других видео.

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

    Классный голос!

  • @ural-site
    @ural-site 8 місяців тому

    Урок бомбический, покройте это код тестами или может есть уже уроки про тесты?

  • @ЖеняКоленкин-е7п
    @ЖеняКоленкин-е7п 8 місяців тому

    а баг с тем, что ТС ругается, вернулся в конце видео) не вылечили)

  • @sergy9119
    @sergy9119 8 місяців тому

    А у меня опять какое-то проклятье началось: сразу после выноса GameHeader в отдельный компонент в VSCode ошибка висит: Не удалось найти файл объявления модуля "./components/GameHeader.vue". "d:/dev/viselnik/src/components/GameHeader.vue" имеет неявный тип "any".ts(7016) У всех все так легко и просто на видео получается, а в жизни сидишь до 3 часов ночи и не понимаешь, что делать надо, и ни гугл, ни чатЖПТ не помогают😄 как исправить-то?

  • @vipdeveloper
    @vipdeveloper 8 місяців тому

    Как ты сделал такой голос?

  • @Milanfan0689
    @Milanfan0689 8 місяців тому

    зачем такой голос. ужасно

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

    Спасибо, оказалось полезным. Давай в том же духе.

  • @ВладимирГорбунов-к4ц
    @ВладимирГорбунов-к4ц 9 місяців тому

    Почему голос такой гундявый?

  • @ДарьяРоманова-э1ф
    @ДарьяРоманова-э1ф 9 місяців тому

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

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

    по vue tipescript больше ничего не будет?

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

    Вообще классное видео! Супер!👍

  • @slavapol-v1553
    @slavapol-v1553 Рік тому

    В React прокидывать событие очень просто можно на любую глубину. А как прокинуть событие в таком случае во Vue3 из B который является дочерним к А в компонент App. App -> A -> B

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

      но тогда оно становится глобальным везде, советуют всё таки эмитами это делать

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

    спасибо за видео жду еще крутых работ давно небыло подскажи если возможно как ты задеплоил на версел? у меня закрашилось при деплое (((

  • @СтепанПалий-д9ж

    давай ещё че нить. по Nuxt, к примеру

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

    Ну какой вайт? вит - ну елки палки

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

    Только вот названия интерфейсов принято называть через I. Например IState, ITodo и тд

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

    Ну блять что за звук и голос?

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

    Зря голос изменил, дизлайк , не возможно слушать ушами...

  • @АндрейГалушко-е9о

    Павел спасибо огромное! Вы красавчик! голос борундука совсем не напрягает, но хотелось бы слышать Ваш оригинальный голос. Спасибо ещё раз, VueJS великолепен!

  • @АндрейГалушко-е9о

    тут 44:28 Более правильнее было бы назвать метод, не closeForm, а hideForm (ведь у нас метод showForm), а вот если бы назывался метод openForm, тогда было правильнее назвать метод closeForm. Ну это из моей логики, возможно я ошибаюсь..

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

      Вы чертовски правы!

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

    Спасибо за подробное видео! Я как раз начала знакомство с Vue 3 + TS ( люблю TS всей душой, так как разрабатываю на Angular)

  • @АндрейГалушко-е9о

    тут: 10:25 Можно AppHeader вот так подключить: <script setup lang="ts"> import AppHeader from "@/components/AppHeader.vue"; </script> Или такой способ подключения не верный?

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

    Отличный ролик и пример для объяснения. За час базу подтянул, спасибо!

  • @АлексейКирсанов-р2з

    Спасибо )

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

    Отличный ламповый мануал для новичков) Большое спасибо

  • @БравлПолковник

    Спасибо большое за практику. Очень помогла 🔥🔥🔥 У кого в конце видео появилась проблема с повторяющимися буквами в ошибках, добавьте return после showNotification(): window.addEventListener('keydown', ({ key }) => { if( isWin.value || isLose.value ) { return } if(letters.value.includes(key)){ showNotification() return }

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

    Еще лучше будет Если не Vue-cli а vue3 с Vite

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

    Спасибо, и не останавливайся!

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

    Шикарная практика! Прошёл на одном дыхании! Не заметил, как время пролетело. В одном видео база, которые многие умудряются растягивать на 20 часов. Топ!

  • @ДмитрийВяткин-и3р

    Вместо index === [...].length - 1, можно использовать index === [...].lastIndex

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

    Круто, всё сделал по уроку, всё работает. Да, на Vue конечно получается чище чем на Angular. Ещё бы видео как этот готовый маленький проект перенести на vite с использованием TS конечно же

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

      Изначально делал на Vite, никаких проблем не было.

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

    Крутой контент спасибо! Изменение голоса правда все портит но всеж.. ) А еще вопрос такой: зачем в ref брать переменную обычную? ту же "василий", почему просто нельзя её задать без реф? и вот такие моменты.. Мне казалось рефы только для ДОМ элементов...

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

    Блять из-за измененного голоса ускорение видео работает неадекватно, нихрена не разобрать, даже на 1.5 не поставить :\

  • @игорьшавырин-р4я

    Голос, преподает бурундук ?

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

    Привет! Я не знаю как так получается, но как только появляется необходимость в быстром изучении библиотеки или нового фреймворка - ты буквально на опережение записываешь ролик. И как всегда: чётко, доходчиво, с нюансами! Просто клад а не канал!

  • @AlexanderBogdanov-dw6cw
    @AlexanderBogdanov-dw6cw Рік тому

    Павел, спасибо! Крутое объяснение.

  • @ПавелИванов-ы6д

    Спасибо!

  • @ВладимирНетот

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