CosyFrontend
CosyFrontend
  • Видео 19
  • Просмотров 70 865
Пишем приложение на 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 Добавляем ссылку на кнопку добавления нового реце...
Просмотров: 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. Фронтенд-разработка для начинающих

Комментарии

  • @pasha9556
    @pasha9556 2 дня назад

    Спасибо за твою работу, а будет возможность исходный код глянуть?)

  • @pasha9556
    @pasha9556 3 дня назад

    Спасибо за урок, с возвращением)

  • @Phoenix_coding
    @Phoenix_coding 3 дня назад

    суперский курс

  • @timu5038
    @timu5038 3 дня назад

    Привет спасибо , буду в отпуске делать) А авторизация планируется ? Есть ли проекты с идентификацией , аутенфикацией и авторизацией ?

    • @CosyFrontendNastia
      @CosyFrontendNastia 2 дня назад

      В оригинале этой админки авторизация есть, но здесь делать не будем

  • @alex-rj5go
    @alex-rj5go 4 дня назад

    У всех у кого запрос с lookup не доходит в Network: 21:25 - не забудьте id прописать, простая ошибка, а потом код копать пол ночи, не понимая, то ли лыжи не едут, то ли я дурак😁 Спасибо за видеокурс, максимально понятно объясняете! Соседи тоже помогают 🙃

    • @CosyFrontendNastia
      @CosyFrontendNastia 3 дня назад

      Да уж, коллаборация с соседями)

  • @viktorshchepkin5722
    @viktorshchepkin5722 4 дня назад

    Благодарю!

  • @b.abdurashidov4863
    @b.abdurashidov4863 4 дня назад

  • @newedusys
    @newedusys 6 дней назад

    Какая вы красивая. Я тут неожиданно понял, что если бы мы поженились, то смогли выступать на семейных соревнованиях с названием команды "ФуллСтек"!

  • @imgod113
    @imgod113 6 дней назад

    с клавиатурой конечно шутка, я полагаю? если нет, то дополнительно стоит описать взаимодействие сетевой карты, вашей точки доступа и маршрутизаторов провайдера, и что у всего этого есть свой айпи адрес

  • @Аркадий-ц9щ
    @Аркадий-ц9щ 9 дней назад

    Очень интересно. Жаль что без тайпскрипта

  • @фывфывфыйцукйцвфыв-ж4щ

    спасибо, то что надо!

  • @виртуоз_ру
    @виртуоз_ру 10 дней назад

    Ты есть на ВК Видео?

    • @CosyFrontendNastia
      @CosyFrontendNastia 3 дня назад

      Нет, только здесь и Рутуб

    • @виртуоз_ру
      @виртуоз_ру 3 дня назад

      @@CosyFrontendNastia Тоже норм. Там под каким именем. Поэтому не нашёл.

  • @nickefimov1335
    @nickefimov1335 10 дней назад

  • @nickefimov1335
    @nickefimov1335 10 дней назад

  • @timu5038
    @timu5038 11 дней назад

    новое видео на следующих выходных? привет

  • @viktorshchepkin5722
    @viktorshchepkin5722 11 дней назад

    Благодарю!

  • @BillGadov
    @BillGadov 11 дней назад

    Какая же ты хорошая, молодец что вернулась на ютуб )

  • @mind150
    @mind150 11 дней назад

    Сразу лайк) хотя еще не посмотрел.

  • @gnflucke
    @gnflucke 11 дней назад

    Молоток Настя!

  • @AleksDavs
    @AleksDavs 11 дней назад

    Как приятно снова видеть!!!

  • @Alex-f3m4t
    @Alex-f3m4t 11 дней назад

    Как же я рад этому контенту. Спасибо большое прям.

  • @mind150
    @mind150 12 дней назад

    Привет!!! Спасибо)

  • @viktorshchepkin5722
    @viktorshchepkin5722 14 дней назад

    Благодарю!

  • @DIMAZRU
    @DIMAZRU 14 дней назад

    Кайф

  • @Phoenix_coding
    @Phoenix_coding 14 дней назад

    С возвращением 🥰

  • @Phoenix_coding
    @Phoenix_coding 14 дней назад

    Очень рад такому замечательному уроку

  • @joid
    @joid 14 дней назад

    А можно чуть по меньше сделать окошко с вашим лицом, квадратное или круглое окошко, просто перекрывает часть экрана. А так курс топ 👍

  • @AleksDavs
    @AleksDavs 14 дней назад

    Как приятно снова Анастасию видеть!!! и конечно по ее урокам я постигаю composition api

  • @yanballas
    @yanballas 15 дней назад

    Здравствуйте, а когда продолжение?

    • @CosyFrontendNastia
      @CosyFrontendNastia 14 дней назад

      Добрый день, на днях сниму и выложу, там доделаем кнопку и либо настроим роутинг, либо пойдем в API за данными

    • @michaelsopunov
      @michaelsopunov 14 дней назад

      ​@@CosyFrontendNastia и звук-голос с губами смнхронизируете? 😇😇🙈🙈 Задержка изображения - около секунды... 🙈🙈

  • @виртуоз_ру
    @виртуоз_ру 15 дней назад

    Ооо. Привет 👋

  • @kirill_polezhaev
    @kirill_polezhaev 15 дней назад

    Обалдеть, вот это перерыв😮 с возвращением, Анастасия!

  • @your_freedom
    @your_freedom 15 дней назад

    лучше поздно че очень поздно)))

  • @svet0v
    @svet0v 15 дней назад

    С возвращением!

  • @b.abdurashidov4863
    @b.abdurashidov4863 15 дней назад

  • @winnergd8027
    @winnergd8027 15 дней назад

    оооооооооооууууу вернулась! первый

  • @antonmislawsky
    @antonmislawsky 24 дня назад

    Шикарные лекции . Не в качестве критики, а в качестве улушения Key читается как "Ки". Но мой первый урок по VUE 3 на вашем счету. Спасибо :)

  • @nik_user75
    @nik_user75 Месяц назад

    почему перестали снимать новые видео

  • @evgen86n
    @evgen86n Месяц назад

    вдувабельна :)

  • @paimonc8593
    @paimonc8593 Месяц назад

    а где приложение?)

  • @vvkbees6473
    @vvkbees6473 2 месяца назад

    😻

  • @b.abdurashidov4863
    @b.abdurashidov4863 2 месяца назад

    Куда ты пропал??

  • @F_means_Fork
    @F_means_Fork 2 месяца назад

    Спасибо большое за полезный туториал <3

  • @yevhenfodorov121
    @yevhenfodorov121 3 месяца назад

    Автор, я так понимаю вы сами учились? без каких либо курсов?

  • @ИванРусский-с1я
    @ИванРусский-с1я 3 месяца назад

    Херасебе, вот это уровень знаний... Я такого ещё не достиг.

  • @ИванРусский-с1я
    @ИванРусский-с1я 3 месяца назад

    Походу она решила накормить своего мужчину кодом, вместо борща. Совсем забыли своё место чайки...

  • @katenka_katrusya
    @katenka_katrusya 4 месяца назад

    Хотела сказать про видео с практикой - это прям вещь. Когда-то я была скептически на это настроена, а теперь считаю, что это сразу достаточно крупный шаг в обучении. Потому что сразу автор кидает в омут с головой, если технологии до этого не все были знакомы. Потом уже в процессе постепенного обучения всплывают масса ситуаций: "а это я делала, это я помню / могу посмотреть в том проекте". И да, различные ситуации в плане: "почему-то ошибка, надо погуглить" или "почему так, а не так" и масса других ситуаций

  • @weyzem
    @weyzem 4 месяца назад

    а зачем кучу импортов по стилям делать, если достаточно просто импортировать всё дефолтное в App>style?

  • @lowmikow1099
    @lowmikow1099 4 месяца назад

    Шикарное объяснение! Спасибо большое)

  • @artemunix5223
    @artemunix5223 5 месяцев назад

    давай магазин или соц сеть

  • @PPShow387
    @PPShow387 6 месяцев назад

    Гитхаб ужасно мудренное чудовище. Для сайтов визиток, непонятно работают ли на нем скрипты php, вообщем глючная шляпа на котроую нужно потратить кучу времени....