- Видео 19
- Просмотров 70 865
CosyFrontend
Добавлен 30 мар 2023
Меня зовут Анастасия, я фронтенд-разработчик и автор программы курса SkillBox по Vue 3. На канале буду выкладывать обучающие видео для новичков по верстке, фронтенду и нетехническим аспектам IT.
7051f901-adae-4816-82ab-a1514a02a4f9
7051f901-adae-4816-82ab-a1514a02a4f9
Пишем приложение на Vue 3 с Vue Router и Pinia с нуля! Часть 3. Фронтенд-разработка админки рецептов
Учимся работать с Vue 3, Vue Router и Pinia - создаем пустое приложение панель администратора, делаем маршрутизацию через роутер, подключаем хранилище Pinia. Пишем фронтенд для админки и делаем верстку с помощью фреймворка Element Plus. Подключаем API, получаем с сервера данные и расставляем в верстку.
Содержание
00:00:00 Вступление
00:00:40 Создаем таблицу рецептов на главной странице
00:13:31 Создаем страницу отдельного рецепта
00:17:00 Формируем ссылки для перехода на страницу отдельного рецепта
00:19:55 Получаем данные о рецепте с сервера
00:26:16 Формируем изначальный объект рецепта и объект для редактирования/создания нового рецепта
00:31:45 Добавляем ссылку на кнопку добавления нового реце...
Содержание
00:00:00 Вступление
00:00:40 Создаем таблицу рецептов на главной странице
00:13:31 Создаем страницу отдельного рецепта
00:17:00 Формируем ссылки для перехода на страницу отдельного рецепта
00:19:55 Получаем данные о рецепте с сервера
00:26:16 Формируем изначальный объект рецепта и объект для редактирования/создания нового рецепта
00:31:45 Добавляем ссылку на кнопку добавления нового реце...
Просмотров: 821
Видео
Пишем приложение на Vue 3 с Vue Router и Pinia с нуля! Часть 2. Фронтенд-разработка админки рецептов
Просмотров 582День назад
Учимся работать с Vue 3, Vue Router и Pinia - создаем пустое приложение панель администратора, делаем маршрутизацию через роутер, подключаем хранилище Pinia. Пишем фронтенд для админки и делаем верстку с помощью фреймворка Element Plus. Подключаем API, получаем с сервера данные и расставляем в верстку. Содержание 00:00:00 Вступление 00:00:28 Стилизация и передача пропсов для кнопки 00:03:04 Пол...
Пишем приложение на Vue 3 с Vue Router и Pinia с нуля! Часть 1. Фронтенд-разработка админки рецептов
Просмотров 2,4 тыс.14 дней назад
Учимся работать с Vue 3, Vue Router и Pinia - создаем пустое приложение панель администратора, делаем маршрутизацию через роутер, подключаем хранилище Pinia. Пишем фронтенд для админки и делаем верстку с помощью фреймворка Element Plus. Подключаем API, получаем с сервера данные и расставляем в верстку. Содержание 00:00:00 Вступление 00:00:12 Смотрим макет 00:02:31 Создаем пустой проект на Vue 3...
Как быстро и эффективно изучать фронтенд с нуля
Просмотров 1,6 тыс.Год назад
Способы и приемы эффективного вхождения в разработку на примере фронтенда - курсы, книги, игры
Анонс нового приложения-резюме на Vue 3
Просмотров 1,1 тыс.Год назад
О следующем приложении на Vue 3, которое мы напишем вместе с вами. Это будет простое приложение-резюме со стильным дизайном
Анонс стрима по выбору фронтенд-фреймворка
Просмотров 548Год назад
Стрим "Выбираем фреймворк" пройдет 8 июня в 20-00 по Москве на канале Александра Дудукало - www.youtube.com/@alex_dudukalo. Будут эксперты по React, Angular, я расскажу про Vue
Пишем приложение на Vue 3 со слайдером Swiper! Часть 3. Фронтенд-разработка для начинающих
Просмотров 4,4 тыс.Год назад
Учимся работать с Vue 3, Vue Router и Pinia - получаем данные с CocktailDB API, расставляем в верстку, подключаем карусель Swiper для отображения ингредиентов коктейля Официальный сайт Vue - vuejs.org/ Сайт Pinia - pinia.vuejs.org/ Сайт CocktailDB API - www.thecocktaildb.com/api.php Сайт Element Plus - element-plus.org/en-US/ Макет в Figma - www.figma.com/file/OtLxFZwe0OELo2Yc4iLOlr/Cocktails?t...
Пишем приложение на Vue 3 с Vue Router и Pinia с нуля! Часть 2. Фронтенд-разработка для начинающих
Просмотров 3,3 тыс.Год назад
Учимся работать с Vue 3, Vue Router и Pinia - создаем пустое приложение для подбора коктейлей, делаем маршрутизацию через роутер, подключаем хранилище Pinia. Пишем фронтенд и делаем верстку с помощью фреймворка Element Plus. Подключаем CocktailDB API, получаем с сервера данные и расставляем в верстку. В этой части работаем над единичной страницей коктейля. Официальный сайт Vue - vuejs.org/ Сайт...
Пишем приложение на Vue 3 с Vue Router и Pinia с нуля! Часть 1. Фронтенд-разработка для начинающих
Просмотров 14 тыс.Год назад
Учимся работать с Vue 3, Vue Router и Pinia - создаем пустое приложение для подбора коктейлей, делаем маршрутизацию через роутер, подключаем хранилище Pinia. Пишем фронтенд и делаем верстку с помощью фреймворка Element Plus. Подключаем CocktailDB API, получаем с сервера данные и расставляем в верстку. Содержание 00:00:00 Вступление 00:00:22 Смотрим макет 00:01:03 Создаем пустой проект на Vue 3 ...
Анонс нового приложения на Vue 3
Просмотров 1,7 тыс.Год назад
О новом приложении на Vue 3 с Vue Router, Pinia и фреймворком Element Plus, которое буду писать и объяснять в ближайшее время, а пока смотрим и разбираем макет в Figma.
Популярные вопросы на собеседовании на фронтенд, часть 4. Замыкания в JavaScript за 7 минут
Просмотров 599Год назад
Разбираемся, как работают замыкания в JavaScript
Популярные вопросы на собеседовании на фронтенд, часть 3. Как браузер загружает веб-страницу?
Просмотров 1,1 тыс.Год назад
Разбираемся, что происходит, когда пользователь вводит url сайта в адресную строку в браузере и нажимает Enter. Как браузер парсит URL, как работает DNS и local DNS resolver, как рендерится страница в браузере, как формируется DOM, CSSOM и render tree.
Популярные вопросы на собеседовании на фронтенд разработчика. Event loop, микро и макротаски JS
Просмотров 867Год назад
Разбираемся с событийным циклом Event loop, микро- и макрозадачами (микро- и макротасками) в JavaScript. Затрагиваем промисы и работу метода setTimeout джаваскрипта. Готовимся к собеседованию на фронтенд-разработчика.
Популярные вопросы на собеседовании на фронтенд-разработчика, часть 1. Отличия var, let и const
Просмотров 929Год назад
Разбираемся, чем отличается объявление переменных в JavaScript через var, let и const, что такое область видимости на уровне функции и на уровне блока, как работает всплытие переменных в джаваскрипт и можно ли менять свойства объекта, если он был объявлен через const.
Публикуем сайт на GitHub Pages (Github io) за 4 минуты
Просмотров 2,8 тыс.Год назад
Разместим уже сверстанный сайт (приложение на vue 3) на бесплатном хостинге GitHub Pages. Создадим удаленный репозиторий на гитхаб и зальем туда проект. Этапы разработки проекта с нуля (но на базе готовой верстки) можно посмотреть в предыдущих видео.
Пишем метео-приложение на Vue 3 с нуля! Часть 4. Фронтенд-разработка для начинающих
Просмотров 2,4 тыс.Год назад
Пишем метео-приложение на Vue 3 с нуля! Часть 4. Фронтенд-разработка для начинающих
Пишем метео-приложение для портфолио на Vue 3 с нуля! Часть 3. Фронтенд-разработка для начинающих
Просмотров 3,2 тыс.Год назад
Пишем метео-приложение для портфолио на Vue 3 с нуля! Часть 3. Фронтенд-разработка для начинающих
Пишем метео-приложение на Vue 3 с нуля! Часть 2. Фронтенд-разработка для начинающих
Просмотров 3,8 тыс.Год назад
Пишем метео-приложение на Vue 3 с нуля! Часть 2. Фронтенд-разработка для начинающих
Пишем метео-приложение на Vue 3 с нуля! Часть 1. Фронтенд-разработка для начинающих
Просмотров 25 тыс.Год назад
Пишем метео-приложение на Vue 3 с нуля! Часть 1. Фронтенд-разработка для начинающих
Спасибо за твою работу, а будет возможность исходный код глянуть?)
Спасибо за урок, с возвращением)
суперский курс
Привет спасибо , буду в отпуске делать) А авторизация планируется ? Есть ли проекты с идентификацией , аутенфикацией и авторизацией ?
В оригинале этой админки авторизация есть, но здесь делать не будем
У всех у кого запрос с lookup не доходит в Network: 21:25 - не забудьте id прописать, простая ошибка, а потом код копать пол ночи, не понимая, то ли лыжи не едут, то ли я дурак😁 Спасибо за видеокурс, максимально понятно объясняете! Соседи тоже помогают 🙃
Да уж, коллаборация с соседями)
Благодарю!
Какая вы красивая. Я тут неожиданно понял, что если бы мы поженились, то смогли выступать на семейных соревнованиях с названием команды "ФуллСтек"!
с клавиатурой конечно шутка, я полагаю? если нет, то дополнительно стоит описать взаимодействие сетевой карты, вашей точки доступа и маршрутизаторов провайдера, и что у всего этого есть свой айпи адрес
Очень интересно. Жаль что без тайпскрипта
спасибо, то что надо!
Ты есть на ВК Видео?
Нет, только здесь и Рутуб
@@CosyFrontendNastia Тоже норм. Там под каким именем. Поэтому не нашёл.
новое видео на следующих выходных? привет
Привет, примерно так
Благодарю!
Какая же ты хорошая, молодец что вернулась на ютуб )
Сразу лайк) хотя еще не посмотрел.
Молоток Настя!
Как приятно снова видеть!!!
Как же я рад этому контенту. Спасибо большое прям.
Привет!!! Спасибо)
Благодарю!
Кайф
С возвращением 🥰
Очень рад такому замечательному уроку
А можно чуть по меньше сделать окошко с вашим лицом, квадратное или круглое окошко, просто перекрывает часть экрана. А так курс топ 👍
Как приятно снова Анастасию видеть!!! и конечно по ее урокам я постигаю composition api
Здравствуйте, а когда продолжение?
Добрый день, на днях сниму и выложу, там доделаем кнопку и либо настроим роутинг, либо пойдем в API за данными
@@CosyFrontendNastia и звук-голос с губами смнхронизируете? 😇😇🙈🙈 Задержка изображения - около секунды... 🙈🙈
Ооо. Привет 👋
Обалдеть, вот это перерыв😮 с возвращением, Анастасия!
лучше поздно че очень поздно)))
С возвращением!
оооооооооооууууу вернулась! первый
Шикарные лекции . Не в качестве критики, а в качестве улушения Key читается как "Ки". Но мой первый урок по VUE 3 на вашем счету. Спасибо :)
почему перестали снимать новые видео
вдувабельна :)
а где приложение?)
😻
Куда ты пропал??
Спасибо большое за полезный туториал <3
Автор, я так понимаю вы сами учились? без каких либо курсов?
Херасебе, вот это уровень знаний... Я такого ещё не достиг.
Походу она решила накормить своего мужчину кодом, вместо борща. Совсем забыли своё место чайки...
Хотела сказать про видео с практикой - это прям вещь. Когда-то я была скептически на это настроена, а теперь считаю, что это сразу достаточно крупный шаг в обучении. Потому что сразу автор кидает в омут с головой, если технологии до этого не все были знакомы. Потом уже в процессе постепенного обучения всплывают масса ситуаций: "а это я делала, это я помню / могу посмотреть в том проекте". И да, различные ситуации в плане: "почему-то ошибка, надо погуглить" или "почему так, а не так" и масса других ситуаций
а зачем кучу импортов по стилям делать, если достаточно просто импортировать всё дефолтное в App>style?
Шикарное объяснение! Спасибо большое)
давай магазин или соц сеть
Гитхаб ужасно мудренное чудовище. Для сайтов визиток, непонятно работают ли на нем скрипты php, вообщем глючная шляпа на котроую нужно потратить кучу времени....