- 2
- 43 359
Павел Борисов
Russia
Приєднався 30 вер 2014
Глубокая прокачка твоих навыков веб-разработки через практику
Vue 3 (Composition API) и TypeScript – Фундаментальный курс 2025
В этом видео создадим игру "Виселица" на Vue 3 (Composition API) и Typescript. Разберем все тонкости типизации Vue приложения.
Верстка (папка layout) и финальный код можно скачать по ссылке:
github.com/pavellbor/hangman-vue-ts
Верстка (папка 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
Класс! Получил удовольствие от просмотра! Делай еще...
Очень классное видео! С комментариями и отличные темы поднимаются. Так же, считаю, что оно для тех, кто знает JS и уже разбирал основы VUE и TS. С нуля будет сложно понять о чем речь (сугубо мое мнение) . Спасибо 👍
Спасибо за ролик! Будут ли ещё новые видео?
@@parmetra да, совсем скоро вернусь
@@mgfck ура-а! Спасибо! У вас отличный контент по Vue.
Все супер! Но зачем голос искажать?
Еще бы голос не коверкался - вообще хорошо бы было :) А так супер! продолжай!
Я не специалист, но разве не через emits прокидывать надо? Разве родитель должен иметь доступ к дочерним элементам?
в 51:37 можно было использовать Pinia для State management?
жаль что при таком голосе на полуторной скорости не посмотреть. и вопрос к автору. а вот подобное но не с vue файлами, а если js и в них старым способом писать активную часть а шаблон в html файлах в теге скрипт?
а почему не vite?
Огромное удовольствие от контента, все логично, все по полочкам. Поставил подписку, буду ждать новых выпусков, супер канал, спасибо, как раз то, что мне сейчас нужно. Жалко, что всего два видео пока, но из этих двух видео можно очень сильно продвинуться вперед, что и собираюсь сделать.
По поводу голоса: автор красавчик тк сразу записал на ютуб УСКОРЕННЫЙ ролик. Смотрю ролики на 1.5-1.75 тк обычно их замедляют чтобы время было больше. Актуально было когда монетизация для ру работала Автор - Молодец!
Это просто вау. Спасибо огромное. Буду ждать других видео.
Классный голос!
Урок бомбический, покройте это код тестами или может есть уже уроки про тесты?
а баг с тем, что ТС ругается, вернулся в конце видео) не вылечили)
А у меня опять какое-то проклятье началось: сразу после выноса GameHeader в отдельный компонент в VSCode ошибка висит: Не удалось найти файл объявления модуля "./components/GameHeader.vue". "d:/dev/viselnik/src/components/GameHeader.vue" имеет неявный тип "any".ts(7016) У всех все так легко и просто на видео получается, а в жизни сидишь до 3 часов ночи и не понимаешь, что делать надо, и ни гугл, ни чатЖПТ не помогают😄 как исправить-то?
Как ты сделал такой голос?
зачем такой голос. ужасно
Спасибо, оказалось полезным. Давай в том же духе.
Почему голос такой гундявый?
Спасибо, выходные прошли не зря, очень полезная практика! Ждем следующие ролики)))
по vue tipescript больше ничего не будет?
Вообще классное видео! Супер!👍
В React прокидывать событие очень просто можно на любую глубину. А как прокинуть событие в таком случае во Vue3 из B который является дочерним к А в компонент App. App -> A -> B
но тогда оно становится глобальным везде, советуют всё таки эмитами это делать
спасибо за видео жду еще крутых работ давно небыло подскажи если возможно как ты задеплоил на версел? у меня закрашилось при деплое (((
давай ещё че нить. по Nuxt, к примеру
Ну какой вайт? вит - ну елки палки
Только вот названия интерфейсов принято называть через I. Например IState, ITodo и тд
Ну блять что за звук и голос?
Зря голос изменил, дизлайк , не возможно слушать ушами...
Павел спасибо огромное! Вы красавчик! голос борундука совсем не напрягает, но хотелось бы слышать Ваш оригинальный голос. Спасибо ещё раз, VueJS великолепен!
тут 44:28 Более правильнее было бы назвать метод, не closeForm, а hideForm (ведь у нас метод showForm), а вот если бы назывался метод openForm, тогда было правильнее назвать метод closeForm. Ну это из моей логики, возможно я ошибаюсь..
Вы чертовски правы!
Спасибо за подробное видео! Я как раз начала знакомство с Vue 3 + TS ( люблю TS всей душой, так как разрабатываю на Angular)
тут: 10:25 Можно AppHeader вот так подключить: <script setup lang="ts"> import AppHeader from "@/components/AppHeader.vue"; </script> Или такой способ подключения не верный?
Отличный ролик и пример для объяснения. За час базу подтянул, спасибо!
Спасибо )
Отличный ламповый мануал для новичков) Большое спасибо
Спасибо большое за практику. Очень помогла 🔥🔥🔥 У кого в конце видео появилась проблема с повторяющимися буквами в ошибках, добавьте return после showNotification(): window.addEventListener('keydown', ({ key }) => { if( isWin.value || isLose.value ) { return } if(letters.value.includes(key)){ showNotification() return }
Еще лучше будет Если не Vue-cli а vue3 с Vite
Спасибо, и не останавливайся!
Шикарная практика! Прошёл на одном дыхании! Не заметил, как время пролетело. В одном видео база, которые многие умудряются растягивать на 20 часов. Топ!
Вместо index === [...].length - 1, можно использовать index === [...].lastIndex
Круто, всё сделал по уроку, всё работает. Да, на Vue конечно получается чище чем на Angular. Ещё бы видео как этот готовый маленький проект перенести на vite с использованием TS конечно же
Изначально делал на Vite, никаких проблем не было.
Крутой контент спасибо! Изменение голоса правда все портит но всеж.. ) А еще вопрос такой: зачем в ref брать переменную обычную? ту же "василий", почему просто нельзя её задать без реф? и вот такие моменты.. Мне казалось рефы только для ДОМ элементов...
Блять из-за измененного голоса ускорение видео работает неадекватно, нихрена не разобрать, даже на 1.5 не поставить :\
Голос, преподает бурундук ?
Привет! Я не знаю как так получается, но как только появляется необходимость в быстром изучении библиотеки или нового фреймворка - ты буквально на опережение записываешь ролик. И как всегда: чётко, доходчиво, с нюансами! Просто клад а не канал!
Павел, спасибо! Крутое объяснение.
Спасибо!
Давайте похоливарим. А насколько это правильно управлять методами дочернего компонента извне? Я, конечно, тоже так делал пару раз, но мне лично кажется, что этого стоит избегать при возможности. Что думаете?