Тёмный
No video :(

#2 Проект "Список собеседований" на Vue3, TS, Pinia. Меню и роутинг 

Frontend Skills
Подписаться 3,1 тыс.
Просмотров 1,6 тыс.
50% 1

Мой telegram-канал t.me/front_eve...
Курс по Pinia • Pinia
Код на GitHub github.com/Ale...
Готовый проект interviewstest...
Практические курсы:
JavaScript frontend-every...
React react.frontend...
Vue vue.frontend-e...
Создаем проект 'Список собеседований' с использованием Vue 3, TypeScript, Pinia, Firebase и Vite! Узнайте, как создать современное веб-приложение. Подробный урок по разработке приложения для хранения данных о собеседованиях с использованием всех вышеперечисленных инструментов.

Опубликовано:

 

28 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 47   
@zmejserow
@zmejserow 4 месяца назад
главное - не забрасывай, фигачь дальше! :)
@b.abdurashidov4863
@b.abdurashidov4863 4 месяца назад
😀😀
@sayomortal
@sayomortal 7 дней назад
Первое нормальное пособие по вуе для начинающих, огромное спасибо за труд!
@slava3553
@slava3553 2 месяца назад
Спасибо за контент!
@arbuzer3959
@arbuzer3959 Месяц назад
спасибо за контент!
@user-zu3ld8is4y
@user-zu3ld8is4y 4 месяца назад
Благодарю, вас
@frontend-skills
@frontend-skills 4 месяца назад
Вам спасибо, что смотрите!
@nikitau.4253
@nikitau.4253 9 дней назад
Спасибо за материал!.
@user-gr3ky3zu4i
@user-gr3ky3zu4i 4 месяца назад
Благодарю вас за видео! Давно хотел научиться использовать vue.js для реализации frontend части разрабатываемой системы!
@frontend-skills
@frontend-skills 4 месяца назад
Спасибо, что смотрите! 👍👍👍👍
@виртуоз_ру
@виртуоз_ру 4 месяца назад
Отлично 👍
@paimonc8593
@paimonc8593 3 месяца назад
очень круто, хотелось бы видос по разработке crm системы
@frontend-skills
@frontend-skills 3 месяца назад
А что именно хочется посмотреть? Почему именно CRM?)
@frontend-skills
@frontend-skills 3 месяца назад
@paimonc8593 ну в ближайшее время я точно не расчитываю делать подобные видео(
@Anatoli-bq1pe
@Anatoli-bq1pe 22 дня назад
Благодарю!
@II_Headed_eagle
@II_Headed_eagle 4 месяца назад
Все круто, минимум воды, максимум важных деталей, супер! И главное все ни каких сглотываний слюней😂😂😂
@alexnik197
@alexnik197 4 месяца назад
Братан, хорош, давай, давай, вперёд! Контент в кайф, можно ещё? Вообще красавчик! Можно вот этого вот почаще? С нуля сложновато, конечно понимать эти концепции, но практика - наше всё. Параллельно обращаюсь к доке и курс больше теоретический смотрю. Заходит как нада) Надеюсь доведёшь до конца ❤
@user-fv5jb6nb9r
@user-fv5jb6nb9r 2 месяца назад
👍
@evgeniys.4325
@evgeniys.4325 4 месяца назад
Красавчик! Спасибо тебе)
@Vladislav1449
@Vladislav1449 4 месяца назад
Доброго времени суток, благодарю за контент. Хотелось бы подсветить, что согласно документации не рекомендуется использовать next. Рекомендуется да и проще вместо next просто return {name: 'Auth'}
@yakovbudarin907
@yakovbudarin907 3 месяца назад
Поставил на паузу,поставил лайк,написал комент -)
@kovtunos
@kovtunos 4 месяца назад
Спасибо за видео
@frontend-skills
@frontend-skills 4 месяца назад
Спасибо, что смотрите)
@defender6550
@defender6550 4 месяца назад
🔥🔥🔥💥👍🏻
@alexnik197
@alexnik197 4 месяца назад
Долго не мог понять в чём ошибка в index.ts, когда делаем роутинг к страницам: Failed to resolve import "@/views/PageHome.vue" from "src/router/index.ts". Does the file exist?. Потом вгляделся и понял, что магия монтажа на 14:29 добавила эти страницы в папку views (хотя можно было догадаться в чтении ошибки). Надо заранее эти файлы создать, оказывается)
@frontend-skills
@frontend-skills 4 месяца назад
О да, это косяк 😄 перезаписывал это место несколько раз и в последнем дубле забыл сказать, что надо создать эти файлы 😅 Если бы вы сейчас не заметили, я бы так и не заметил 😀
@miguelest1505
@miguelest1505 3 месяца назад
Дружищще, что за расширение используешь, чтобы появлялись серые подсказки для набора кода?
@frontend-skills
@frontend-skills 3 месяца назад
Codeium 🙃
@user-kx3es9jf5w
@user-kx3es9jf5w 4 месяца назад
Привет!! Спасибо за серию! У меня чет проблема с защитой роутов: в адресной строке не меняется роут на страницу auth, когда в userStore.userId ничего нет в адр строке дает перейти на любой роут, но не рендерит view выбранной страницы, и ворнинг такой же как у тебя, и стор видит, и подключены страницы идентично, пробовал также условие в функции checkAuth менять (если не пустая строка явно указывал) хочется дальше продолжать но упоролся)) когда то делал через beforeEach функцию , но тут хочу разобраться и повторить твой вариант
@frontend-skills
@frontend-skills 4 месяца назад
Привет! А если взять из репы ветку под названием lesson2 - так же будет?
@user-kx3es9jf5w
@user-kx3es9jf5w 4 месяца назад
@@frontend-skills Переприверил, склонировал lesson2 себе отдельно - перебрасывает на auth только если через адр строку стучишься в /statistic. переход из адр строки через /list - открывает страницу вне зависимости от userId
@user-kx3es9jf5w
@user-kx3es9jf5w 4 месяца назад
@@frontend-skills кеш чистил, в инкогнито открывал
@frontend-skills
@frontend-skills 4 месяца назад
Да, я понял о чем речь :) В четвертой части это пофиксим) Но можете и сами пока: у list я забыл прописать строку в роутах beforeEnter: checkAuth, поэтому там не работает редирект
@user-kx3es9jf5w
@user-kx3es9jf5w 4 месяца назад
@@frontend-skills спасибо, поправлю, разберу!) И в сафари с локалхоста в дев сборке должны крашиться стили ?? Если что, прошу прощения за вопросы)
@tonykeepfrozen
@tonykeepfrozen 3 месяца назад
Сколько себя помню, придерживался бэм'а и подобные библиотеки для верстки вызывают нервный тик, при виде кучи классов, без какой-либо вложенности и именования( Это новый стандарт индустрии? Бэм устарел?(
@frontend-skills
@frontend-skills 3 месяца назад
Ну скажу так. Мне tailwind самому не очень приятен. Не нравится самому такое наименование, но подобное было и в bootstrap и ему подобным) К этому по итогу привыкаешь, если часто с этим работать) но БЭМ все равно в моем сердце навсегда, на нем часто пишу там, где tailwind излишен
@ultrapokemonultrapokemonov6110
@ultrapokemonultrapokemonov6110 4 месяца назад
Зачем делать отдельное поле show с computed для menu? Зачем кешировать авторизацию пользователя? Выглядит просто немного странновато... Может, сделать отдельный компонент по типу MenuContent и в нём через v-if="" в шаблоне отображать либо авторизацию, либо все пункты меню сразу, без computed (!user.userId) | (!!user.userId)?
@frontend-skills
@frontend-skills 4 месяца назад
Что плохого в кешировании авторизации? Единственное что мы потом сделаем - это один computed, чтобы не делать дубликаты одного и того же возврата данных. В остальном - не вижу проблем никаких. На счёт отдельного компонента согласен в профите отсутствия computed. Но теоретически кроме пункта авторизации в будущем могут добавиться другие страницы для неавторизованного пользователя. Имхо, ими удобнее управлять именно так. Но в программировании может несколько путей решения одной и той же задачи. Так что легко можно сделать и так, как вы предложили 😊
@ultrapokemonultrapokemonov6110
@ultrapokemonultrapokemonov6110 4 месяца назад
Отдельный компонент и вправду сейчас не сильно то и нужен. Привычка просто: при дублировании в отдельный компонент выносить... А насчёт авторизации: если это не токен, то и кеширование избыточное (user.userId меняться будет, наверное, не часто). Тоже ничего против computed не имею, каждый _ как он хочет. Через computed даже читабельнее будет, имхо. Стараюсь не использовать слишком много watcherов и computedов, как-то не по vueшному, но это происходит из-за чистой паранойи. Пока учишься - хочешь сделать всё идеально...
@frontend-skills
@frontend-skills 4 месяца назад
@ultrapokemonultrapokemonov6110 ну на самом деле computed может использоваться довольно часто, тут вопрос в том, какие данные там мы получаем. Если просто текст - то и ладно, не страшно. Конечно, если мы там обрабатываем постоянно массивы объектов - тогда вопрос, а точно ли мы все делаем) Я бы тут тоже с удовольствием обошелся без computed. Но тогда в массиве данных show не обновится. Компоненты, как вы предлагаете, тоже можно. Но тогда просто данные items в двух местах буду лежать. НО! Это тот случай, когда это и не лучше, и не хуже) просто иначе и на самом деле я так тоже думал сделать, но решил показать чуть более сложный вариант 😊 спасибо большое, что поделились своим вариантом реализации 😊
@tatianovnafrutti8982
@tatianovnafrutti8982 3 месяца назад
А у меня не происходит редирект и не какие Page's не встраиваются , лишь шапка висит. Если убираю проверку, то все начинает работать типа.. не могу понять что за беда((( Все проверил, точ в точ. В браузере есть варнинг - main.ts:17 [Vue Router warn]: Detected a possibly infinite redirection in a navigation guard when going from "/" to "/auth". Aborting to avoid a Stack Overflow. Are you always returning a new location within a navigation guard? That would lead to this error. Only return when redirecting or aborting, that should fix this. This might break in production if not fixed.
@frontend-skills
@frontend-skills 3 месяца назад
Если взять код с гитхаба - тоже будет ошибка?
@tatianovnafrutti8982
@tatianovnafrutti8982 3 месяца назад
@@frontend-skills Попробую сейчас) Спасибо)
@tatianovnafrutti8982
@tatianovnafrutti8982 3 месяца назад
@@frontend-skills Я поистине невнимательный((!!! Я вставил проверку на роут /auth... чо сразу не смог догадаться.. написано же что зацикленн редирект. Вот глупый ппц..
@frontend-skills
@frontend-skills 3 месяца назад
@tatianovnafrutti8982 не глупый, а просто упустил из виду, бывает)) я рад, что получилось разобраться)
@tatianovnafrutti8982
@tatianovnafrutti8982 3 месяца назад
@@frontend-skills А я рад что нашел такой полезный канал!)))
@davitvardanyan27
@davitvardanyan27 2 месяца назад
Благодарю, вас
Далее
New Dyna Skin is OP🥵🔥 | Brawl Stars
00:16
Просмотров 305 тыс.
CI CD наглядные примеры
22:08
Просмотров 283 тыс.