- 43
- 221 816
Frontend Skills
Приєднався 7 чер 2016
Всем привет!
Меня зовут Александр Белькевич. На этом канале буду стараться размещать видео, которые тесно связаны с Frontend-разработкой.
Вы всегда можете со мной связаться в Instagram, VK или Telegram. Ссылки ниже
Меня зовут Александр Белькевич. На этом канале буду стараться размещать видео, которые тесно связаны с Frontend-разработкой.
Вы всегда можете со мной связаться в Instagram, VK или Telegram. Ссылки ниже
#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! Узнайте, как создать современное веб-приложение. Подробный урок по разработке приложения для хранения данных о собеседованиях с использованием всех вышеперечисленных инструментов.
Код на 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 - Теория
Курс по Pinia #8 - Связка с LocalStorage
Переглядів 8 тис.2 роки тому
Курс по Pinia #8 - Связка с LocalStorage
Курс по Pinia #7 - Стиль Composition API
Переглядів 10 тис.2 роки тому
Курс по Pinia #7 - Стиль Composition API
Курс по Pinia #5 - Ассинхронные actions
Переглядів 11 тис.2 роки тому
Курс по Pinia #5 - Ассинхронные actions
Курс по Pinia #4 - Синхронные actions
Переглядів 10 тис.2 роки тому
Курс по Pinia #4 - Синхронные actions
Разработка 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)
Спасибо за курс очень так деликатно и лайтово в плане прохождения и изложения материал и максимум профита, бывает что пыхтишь потеешь, а толку не особо, так вот тут от обратного, ну прям не зашел, а залетел очень, пойду искать еще Ваши курсы))
Благодарю!
Смотрю этот видос с 30.11.2024 у меня проблема по типу что прайм вью нету стилей на офф сайте, и у меня нету базовых стилей. Не знаете как это исправить ? может я не так смотрю.
Спасибо за курс)
прошел год, но все равно напиши. У меня жалуется на import 'primevue/resources/themes/lara-light-indigo/theme.css'; говорит, что ошибка не удалось импортировать
Просмотрел весь плейлист на одном дыхании. До этого не понимал JWT авторизацию. Спасибо)
Подскажите а что за помощник искусственный интеллект встроенный в редактор?
В этом уроке данные авторизации мы храним в store иногда хранение данных делают в куках? в чем разница?
Круто! А подскажи пожалуйста, какие расширения используешь в vscode для работы с vue?
Спасибо за видео, очень полезно 😁 А какой помощник кода используешь?
это vite пишет script наверх?
отличные уроки!! я вообще не понимала что такое pinia и зачем оно нужно, вы мне помогли)
Это очень круто, большое спасибо!
Хороший урок что-бы заполнить пробелы, по емитам и эти чекбосбы радиобатоны слегка противные засчет input label :for
Очень круто! большое спасибо))) Этот небольшой урок занял у меня больше всего времени, пытался самостоятельно реализовать вывод результата, промучился кучу времени, но смог вывести только result то есть то что у нас было записано 'Refusal' | 'Offer'. Но я же до этого видел что у вас там по-русски написано, и продолжал поиски решения))) Когда психанул и включил ваше видео дальше, оно началось с фразы: "Для этого нам понадобится импортировать еще один компонент с которым мы не работали". На этом моменте у меня истеричный смех начался))))))
Главное попытались сами)) это самое важное :))
Главное попытались сами)) это самое важное :))
Огромное спасибо за информацию! Повторяю за Вами проект что бы лучше отложилось в памяти, если бы вы выложили куда то тот готовый код что вставляете в <template> и <style> было бы великолепно!
Здравствуйте) ссылка на код в описании видео)
@@frontend-skills ахахах увидел только сейчас, переписывал с экрана в ручную))) Кажется невнимательность не только Ваш конек xD
Получается база данных не нужна что ли? Где можно посмотреть список юзеров которые зарегались?
По простому и все понятно. Благодарю за инфу и труд!
Какой-то багованный интерфейс получается. Если войти с почтой и паролем все ок, редиректит на главную. Если нажать на выход меню хедера скрывается, кнопка "Войти" появляется, а Главная остается, не редиректит на /auth Дальше больш, если обновиться странчку, меню хедер появляется, кнопка войти исчезает, кнопка выход появляется, и появляется форма входа, в урл /auth. Не могу понять как работает это все дело
Вы плейлист до конца досмотрели?) В описании готовый проект можно посмотреть. Там такое же поведение?
@@frontend-skills нет, еще не посмотрел до конца. В вашем готовом проекте все корректно работает, как и версии которая на этом видео... Врооде. Вы далее находите этот баг и фиксите его? Просто я уже весь код сравнил с вашим и не могу понять в чем суть бага.
Ну тут только сравнение кода буква в букву поможет :) баги в дальнейших видео да, правятся :)
Спасибо
Спасибо. Ждем новых уроков.
Спасибо. Свеженький контент по Vue.
Спасибо за курс. Очень понятно и коротко. Ждем еще новых тем. В последнем уроке маленькая ошибка в коде на Github ``js watch( () => movies.value, // Отслеживаем само значение, а не ref (state) => { localStorage.setItem("movies", JSON.stringify(state)); }, { deep: true } ); ``
12:03 давайте подумаем чему действительно будет равно дефолтное значение при вызове ()=>{}
Функции? По идеи нужно было просто так {} оставить
Добрый день, спасибо вам большое за отличный курс, подскажите такой момент - а как подписаться на отслеживание чего либо из state, если store файл написан в синтаксисе Options API ?
Отличный курс для новичка, большое спасибо за такой полезный контент!
Благодарю!
Все круто, мог бы ты еще осветить тему подписок на экшены?
Подключение к БД можно вынести в отдельный слой database создав функцию которая возращает инстанс подключения и юзать его везде один раз чем каждый раз вытягивать getFirestore
видео крутые но есть моменты - вместо того чтобы постоянно регистрировать компоненты вот так, что документацией даже vue не сильно рекомендуется, есть специальные плагины для Vite которые делают автоимпорты. И моменты с декомпозицией логики - компонент должен быть максимально представительным и на основе данных что то делать он не должен внутри себя реализовывать каккую то логику (бизнес модели, валидации и тд) для этого есть composables или просто какие то сервисы. Представление не должно знать о деталях. И последний момент - хорошей практикой является использование PascalCase для компонентов чтобы отличать их от веб-компонентов или просто html потому что код сливается и становится более трудночитаемый)
Первое нормальное пособие по вуе для начинающих, огромное спасибо за труд!
Спасибо за материал!.
привет, большое спасибо за подробные уроки!! 😍 :) такой вопрос - сейчас все так же работает, что мы два раза в двух дочерних компонентах вызываем события, чтобы достучаться до родителя? или что-то уже поменялось? и еще - можно ли как то сюда вкрутить defineModel (vue 3.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?
Все четко и по существу. Благодарочка
спасибо за контент!
Thanks
Спасибо, ваши уроки очень ясны!
SyntaxError: The requested module '/node_modules/.vite/deps/firebase_auth.js?v=02480f37' does not provide an export named 'createWithEmailAndPassword'
Composition api смотрится чужеродно. Старый синтаксис более читаемый. В чем бенефит нового синтаксиса?
Это путь к функциональным компонентам :) на самом деле это просто привычка. Вангую, что в какой-нибудь Vue4 уберут вообще Options API. Мне тоже было очень сложно привыкнуть, но теперь старый синтаксис кажется неудобным)
@@frontend-skills в самом Vue все ок с этим. А вот а Pinia читаемость стала хуже как-будто.
Да тоже дело привычки)