Frontend Skills
Frontend Skills
  • 43
  • 221 816
#9 Проект "Список собеседований" на Vue3, TS, Pinia. Деплой
Мой telegram-канал t.me/front_everyday
Код на GitHub github.com/AlexanderBelkevich/list-interviews
Готовый проект interviewstest.netlify.app/auth
Практические курсы:
JavaScript frontend-everyday.tilda.ws/
React react.frontend-everyday.ru/
Vue vue.frontend-everyday.ru/
Создаем проект 'Список собеседований' с использованием Vue 3, TypeScript, Pinia, Firebase и Vite! Узнайте, как создать современное веб-приложение. Подробный урок по разработке приложения для хранения данных о собеседованиях с использованием всех вышеперечисленных инструментов.
Переглядів: 693

Відео

#8 Проект "Список собеседований" на Vue3, TS, Pinia. Статистика и фильтр данных
Переглядів 6416 місяців тому
Мой telegram-канал t.me/front_everyday Код на GitHub github.com/AlexanderBelkevich/list-interviews Готовый проект interviewstest.netlify.app/auth Практические курсы: JavaScript frontend-everyday.tilda.ws/ React react.frontend-everyday.ru/ Vue vue.frontend-everyday.ru/ Создаем проект 'Список собеседований' с использованием Vue 3, TypeScript, Pinia, Firebase и Vite! Узнайте, как создать современн...
#7 Проект "Список собеседований" на Vue3, TS, Pinia. Вывод новых данных
Переглядів 6446 місяців тому
Мой telegram-канал t.me/front_everyday Код на GitHub github.com/AlexanderBelkevich/list-interviews Готовый проект interviewstest.netlify.app/auth Практические курсы: JavaScript frontend-everyday.tilda.ws/ React react.frontend-everyday.ru/ Vue vue.frontend-everyday.ru/ Создаем проект 'Список собеседований' с использованием Vue 3, TypeScript, Pinia, Firebase и Vite! Узнайте, как создать современн...
#6 Проект "Список собеседований" на Vue3, TS, Pinia. Редактирование собеседования
Переглядів 1,1 тис.7 місяців тому
Мой telegram-канал t.me/front_everyday Код на GitHub github.com/AlexanderBelkevich/list-interviews Готовый проект interviewstest.netlify.app/auth Практические курсы: JavaScript frontend-everyday.tilda.ws/ React react.frontend-everyday.ru/ Vue vue.frontend-everyday.ru/ Создаем проект 'Список собеседований' с использованием Vue 3, TypeScript, Pinia, Firebase и Vite! Узнайте, как создать современн...
#5 Проект "Список собеседований" на Vue3, TS, Pinia. Отображение и удаление данных
Переглядів 1,1 тис.7 місяців тому
Мой telegram-канал t.me/front_everyday Код на GitHub github.com/AlexanderBelkevich/list-interviews Готовый проект interviewstest.netlify.app/auth Практические курсы: JavaScript frontend-everyday.tilda.ws/ React react.frontend-everyday.ru/ Vue vue.frontend-everyday.ru/ Создаем проект 'Список собеседований' с использованием Vue 3, TypeScript, Pinia, Firebase и Vite! Узнайте, как создать современн...
#4 Проект "Список собеседований" на Vue3, TS, Pinia. Создание собеседования
Переглядів 1,2 тис.7 місяців тому
Мой telegram-канал t.me/front_everyday Код на GitHub github.com/AlexanderBelkevich/list-interviews Готовый проект interviewstest.netlify.app/auth Практические курсы: JavaScript frontend-everyday.tilda.ws/ React react.frontend-everyday.ru/ Vue vue.frontend-everyday.ru/ Создаем проект 'Список собеседований' с использованием Vue 3, TypeScript, Pinia, Firebase и Vite! Узнайте, как создать современн...
#3 Проект "Список собеседований" на Vue3, TS, Pinia. Регистрация и авторизация
Переглядів 2,5 тис.7 місяців тому
Мой telegram-канал t.me/front_everyday Код на GitHub github.com/AlexanderBelkevich/list-interviews Готовый проект interviewstest.netlify.app/auth Практические курсы: JavaScript frontend-everyday.tilda.ws/ React react.frontend-everyday.ru/ Vue vue.frontend-everyday.ru/ Создаем проект 'Список собеседований' с использованием Vue 3, TypeScript, Pinia, Firebase и Vite! Узнайте, как создать современн...
#2 Проект "Список собеседований" на Vue3, TS, Pinia. Меню и роутинг
Переглядів 2 тис.8 місяців тому
Мой telegram-канал t.me/front_everyday Курс по Pinia ua-cam.com/play/PL2hgv2vHkQ7DE77DNxPPEqzdk89PA4gkX.html Код на GitHub github.com/AlexanderBelkevich/list-interviews Готовый проект interviewstest.netlify.app/auth Практические курсы: JavaScript frontend-everyday.tilda.ws/ React react.frontend-everyday.ru/ Vue vue.frontend-everyday.ru/ Создаем проект 'Список собеседований' с использованием Vue...
#1 Проект "Список собеседований" на Vue3, TS, Pinia. Установка проекта.
Переглядів 6 тис.8 місяців тому
Мой telegram-канал t.me/front_everyday Код на GitHub github.com/AlexanderBelkevich/list-interviews Готовый проект interviewstest.netlify.app/auth Практические курсы: JavaScript frontend-everyday.tilda.ws/ React react.frontend-everyday.ru/ Vue vue.frontend-everyday.ru/ Создаем проект 'Список собеседований' с использованием Vue 3, TypeScript, Pinia, Firebase и Vite! Узнайте, как создать современн...
JWT-аутентификация c Firebase #7 - Refresh Token и выход из приложения
Переглядів 2,8 тис.Рік тому
Завершаем серию видео обновлением токенов и разлогиниванием пользователя Telegram: t.me/front_everyday Instagram: frontend_everyday Разбавь свое портфолио крутыми работами под моим руководством: frontend-everyday.tilda.ws/ Код: github.com/AlexanderBelkevich/jwt-vue3-auth Axios: axios-http.com/
JWT-аутентификация c Firebase #6 - Защита роутов и сохранение состояния
Переглядів 2 тис.Рік тому
JWT-аутентификация c Firebase #6 - Защита роутов и сохранение состояния
JWT-аутентификация c Firebase #5 - Получение данных и использование Axios Interseptors
Переглядів 2,5 тис.Рік тому
JWT-аутентификация c Firebase #5 - Получение данных и использование Axios Interseptors
JWT-аутентификация c Firebase #4 - Страница входа
Переглядів 2,5 тис.Рік тому
JWT-аутентификация c Firebase #4 - Страница входа
JWT-аутентификация c Firebase #3 - Страница регистрации
Переглядів 4,4 тис.Рік тому
JWT-аутентификация c Firebase #3 - Страница регистрации
JWT-аутентификация c Firebase #2 - Создание проекта
Переглядів 3,8 тис.Рік тому
JWT-аутентификация c Firebase #2 - Создание проекта
JWT-аутентификация c Firebase #1 - Теория
Переглядів 6 тис.Рік тому
JWT-аутентификация c Firebase #1 - Теория
Поболталка. Про портфолио
Переглядів 751Рік тому
Поболталка. Про портфолио
Поболталка. Обо мне
Переглядів 1,4 тис.Рік тому
Поболталка. Обо мне
Курс по Pinia #8 - Связка с LocalStorage
Переглядів 8 тис.2 роки тому
Курс по Pinia #8 - Связка с LocalStorage
Курс по Pinia #7 - Стиль Composition API
Переглядів 10 тис.2 роки тому
Курс по Pinia #7 - Стиль Composition API
Курс по Pinia #6 - Модули
Переглядів 8 тис.2 роки тому
Курс по Pinia #6 - Модули
Курс по Pinia #5 - Ассинхронные actions
Переглядів 11 тис.2 роки тому
Курс по Pinia #5 - Ассинхронные actions
Курс по Pinia #4 - Синхронные actions
Переглядів 10 тис.2 роки тому
Курс по Pinia #4 - Синхронные actions
Курс по Pinia #3 - Getters
Переглядів 11 тис.2 роки тому
Курс по Pinia #3 - Getters
Курс по Pinia #2 - State
Переглядів 24 тис.2 роки тому
Курс по Pinia #2 - State
Курс по Pinia #1 - Введение
Переглядів 27 тис.2 роки тому
Курс по Pinia #1 - Введение
Разработка UI Kit (Vue 3 + Composition API) #8. Компонент Table
Переглядів 5 тис.2 роки тому
Разработка UI Kit (Vue 3 Composition API) #8. Компонент Table
Генератор аватарки на JavaScript и HTML2Canvas
Переглядів 1,2 тис.2 роки тому
Генератор аватарки на JavaScript и HTML2Canvas
Разработка UI Kit (Vue 3 + Composition API) #7. Компонент Tabs
Переглядів 3,7 тис.2 роки тому
Разработка UI Kit (Vue 3 Composition API) #7. Компонент Tabs
Мультиязычность в приложении Vue 3 (i18n)
Переглядів 10 тис.2 роки тому
Мультиязычность в приложении Vue 3 (i18n)

КОМЕНТАРІ

  • @njsaab9722
    @njsaab9722 7 днів тому

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

  • @Anatoli-bq1pe
    @Anatoli-bq1pe 14 днів тому

    Благодарю!

  • @tengreyt
    @tengreyt 17 днів тому

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

  • @lonelinessmode210
    @lonelinessmode210 20 днів тому

    Спасибо за курс)

  • @tengreyt
    @tengreyt Місяць тому

    прошел год, но все равно напиши. У меня жалуется на import 'primevue/resources/themes/lara-light-indigo/theme.css'; говорит, что ошибка не удалось импортировать

  • @Berrakiq
    @Berrakiq Місяць тому

    Просмотрел весь плейлист на одном дыхании. До этого не понимал JWT авторизацию. Спасибо)

  • @Alex-sb3fd
    @Alex-sb3fd Місяць тому

    Подскажите а что за помощник искусственный интеллект встроенный в редактор?

  • @ПавелЛошкарев-ф5ъ
    @ПавелЛошкарев-ф5ъ Місяць тому

    В этом уроке данные авторизации мы храним в store иногда хранение данных делают в куках? в чем разница?

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

    Круто! А подскажи пожалуйста, какие расширения используешь в vscode для работы с vue?

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

    Спасибо за видео, очень полезно 😁 А какой помощник кода используешь?

  • @khasanmusaev
    @khasanmusaev 2 місяці тому

    это vite пишет script наверх?

  • @horikeisukke_7949
    @horikeisukke_7949 2 місяці тому

    отличные уроки!! я вообще не понимала что такое pinia и зачем оно нужно, вы мне помогли)

  • @al.bugankov
    @al.bugankov 2 місяці тому

    Это очень круто, большое спасибо!

  • @stasrusnak1
    @stasrusnak1 2 місяці тому

    Хороший урок что-бы заполнить пробелы, по емитам и эти чекбосбы радиобатоны слегка противные засчет input label :for

  • @al.bugankov
    @al.bugankov 2 місяці тому

    Очень круто! большое спасибо))) Этот небольшой урок занял у меня больше всего времени, пытался самостоятельно реализовать вывод результата, промучился кучу времени, но смог вывести только result то есть то что у нас было записано 'Refusal' | 'Offer'. Но я же до этого видел что у вас там по-русски написано, и продолжал поиски решения))) Когда психанул и включил ваше видео дальше, оно началось с фразы: "Для этого нам понадобится импортировать еще один компонент с которым мы не работали". На этом моменте у меня истеричный смех начался))))))

    • @frontend-skills
      @frontend-skills 2 місяці тому

      Главное попытались сами)) это самое важное :))

    • @frontend-skills
      @frontend-skills 2 місяці тому

      Главное попытались сами)) это самое важное :))

  • @al.bugankov
    @al.bugankov 2 місяці тому

    Огромное спасибо за информацию! Повторяю за Вами проект что бы лучше отложилось в памяти, если бы вы выложили куда то тот готовый код что вставляете в <template> и <style> было бы великолепно!

    • @frontend-skills
      @frontend-skills 2 місяці тому

      Здравствуйте) ссылка на код в описании видео)

    • @al.bugankov
      @al.bugankov 2 місяці тому

      @@frontend-skills ахахах увидел только сейчас, переписывал с экрана в ручную))) Кажется невнимательность не только Ваш конек xD

  • @bratik026
    @bratik026 2 місяці тому

    Получается база данных не нужна что ли? Где можно посмотреть список юзеров которые зарегались?

  • @Lobov_EM
    @Lobov_EM 2 місяці тому

    По простому и все понятно. Благодарю за инфу и труд!

  • @АндрейЕфремов-н1ц
    @АндрейЕфремов-н1ц 2 місяці тому

    Какой-то багованный интерфейс получается. Если войти с почтой и паролем все ок, редиректит на главную. Если нажать на выход меню хедера скрывается, кнопка "Войти" появляется, а Главная остается, не редиректит на /auth Дальше больш, если обновиться странчку, меню хедер появляется, кнопка войти исчезает, кнопка выход появляется, и появляется форма входа, в урл /auth. Не могу понять как работает это все дело

    • @frontend-skills
      @frontend-skills 2 місяці тому

      Вы плейлист до конца досмотрели?) В описании готовый проект можно посмотреть. Там такое же поведение?

    • @АндрейЕфремов-н1ц
      @АндрейЕфремов-н1ц 2 місяці тому

      @@frontend-skills нет, еще не посмотрел до конца. В вашем готовом проекте все корректно работает, как и версии которая на этом видео... Врооде. Вы далее находите этот баг и фиксите его? Просто я уже весь код сравнил с вашим и не могу понять в чем суть бага.

    • @frontend-skills
      @frontend-skills 2 місяці тому

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

  • @oleksiizelenko9357
    @oleksiizelenko9357 2 місяці тому

    Спасибо

  • @oleksiizelenko9357
    @oleksiizelenko9357 2 місяці тому

    Спасибо. Ждем новых уроков.

  • @oleksiizelenko9357
    @oleksiizelenko9357 2 місяці тому

    Спасибо. Свеженький контент по Vue.

  • @oleksiizelenko9357
    @oleksiizelenko9357 2 місяці тому

    Спасибо за курс. Очень понятно и коротко. Ждем еще новых тем. В последнем уроке маленькая ошибка в коде на Github ``js watch( () => movies.value, // Отслеживаем само значение, а не ref (state) => { localStorage.setItem("movies", JSON.stringify(state)); }, { deep: true } ); ``

  • @ВладимирСеменихин-к5ф

    12:03 давайте подумаем чему действительно будет равно дефолтное значение при вызове ()=>{}

  • @web3388
    @web3388 3 місяці тому

    Добрый день, спасибо вам большое за отличный курс, подскажите такой момент - а как подписаться на отслеживание чего либо из state, если store файл написан в синтаксисе Options API ?

  • @leliquell4227
    @leliquell4227 3 місяці тому

    Отличный курс для новичка, большое спасибо за такой полезный контент!

  • @Anatoli-bq1pe
    @Anatoli-bq1pe 3 місяці тому

    Благодарю!

  • @НикитаГайдай-л8ь
    @НикитаГайдай-л8ь 3 місяці тому

    Все круто, мог бы ты еще осветить тему подписок на экшены?

  • @eg0ist_665
    @eg0ist_665 3 місяці тому

    Подключение к БД можно вынести в отдельный слой database создав функцию которая возращает инстанс подключения и юзать его везде один раз чем каждый раз вытягивать getFirestore

  • @eg0ist_665
    @eg0ist_665 3 місяці тому

    видео крутые но есть моменты - вместо того чтобы постоянно регистрировать компоненты вот так, что документацией даже vue не сильно рекомендуется, есть специальные плагины для Vite которые делают автоимпорты. И моменты с декомпозицией логики - компонент должен быть максимально представительным и на основе данных что то делать он не должен внутри себя реализовывать каккую то логику (бизнес модели, валидации и тд) для этого есть composables или просто какие то сервисы. Представление не должно знать о деталях. И последний момент - хорошей практикой является использование PascalCase для компонентов чтобы отличать их от веб-компонентов или просто html потому что код сливается и становится более трудночитаемый)

  • @sayomortal
    @sayomortal 3 місяці тому

    Первое нормальное пособие по вуе для начинающих, огромное спасибо за труд!

  • @nikitau.4253
    @nikitau.4253 4 місяці тому

    Спасибо за материал!.

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

    привет, большое спасибо за подробные уроки!! 😍 :) такой вопрос - сейчас все так же работает, что мы два раза в двух дочерних компонентах вызываем события, чтобы достучаться до родителя? или что-то уже поменялось? и еще - можно ли как то сюда вкрутить defineModel (vue 3.4+) , чтобы сделать код проще?

  • @Anatoli-bq1pe
    @Anatoli-bq1pe 4 місяці тому

    Благодарю за классный видос!

  • @Anatoli-bq1pe
    @Anatoli-bq1pe 4 місяці тому

    Благодарю за отличный контент!

  • @Anatoli-bq1pe
    @Anatoli-bq1pe 4 місяці тому

    Благодарю!

  • @Anatoli-bq1pe
    @Anatoli-bq1pe 4 місяці тому

    Классный контент!

  • @Anatoli-bq1pe
    @Anatoli-bq1pe 4 місяці тому

    Благодарю! Класс!!

  • @Anatoli-bq1pe
    @Anatoli-bq1pe 4 місяці тому

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

  • @Anatoli-bq1pe
    @Anatoli-bq1pe 4 місяці тому

    Благодарю за классный контент!

  • @Anatoli-bq1pe
    @Anatoli-bq1pe 4 місяці тому

    Благодарю!

  • @АртурГапуров-н5х
    @АртурГапуров-н5х 4 місяці тому

    Спасибо!

  • @СергейБобков-б7э
    @СергейБобков-б7э 4 місяці тому

    спасибо

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

    a mojet sozdatj funkziyu tipa: const fetchAndSetInterviews = async (isFilter: boolean = false): Promise<void> => { isLoading.value = true const listInterview: Array<IInterview> = await getAllInterviews(isFilter) interviews.value = listInterview isLoading.value = false }. i primenatj eye v submitFilter, clearFilter I v onMounted?

  • @DenisBozhko-x7c
    @DenisBozhko-x7c 4 місяці тому

    Все четко и по существу. Благодарочка

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

    спасибо за контент!

  • @СергейБобков-б7э
    @СергейБобков-б7э 5 місяців тому

    Thanks

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

    Спасибо, ваши уроки очень ясны!

  • @димад-ъ4й
    @димад-ъ4й 5 місяців тому

    SyntaxError: The requested module '/node_modules/.vite/deps/firebase_auth.js?v=02480f37' does not provide an export named 'createWithEmailAndPassword'

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

    Composition api смотрится чужеродно. Старый синтаксис более читаемый. В чем бенефит нового синтаксиса?

    • @frontend-skills
      @frontend-skills 5 місяців тому

      Это путь к функциональным компонентам :) на самом деле это просто привычка. Вангую, что в какой-нибудь Vue4 уберут вообще Options API. Мне тоже было очень сложно привыкнуть, но теперь старый синтаксис кажется неудобным)

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

      @@frontend-skills в самом Vue все ок с этим. А вот а Pinia читаемость стала хуже как-будто.

    • @frontend-skills
      @frontend-skills 5 місяців тому

      Да тоже дело привычки)