Laravel + React Ecommerce #12 — Полностью редактируемый футер (из админки во фронтенд)
Ajeet Singh Baddan
0:00 / 0:00
Laravel + React Ecommerce #12 — Полностью редактируемый футер (из админки во фронтенд)
29 просмотров · 9 дн. назад
Ajeet Singh Baddan
91 подписчик
29 просмотров · 9 дн. назад
🛒 В этом эпизоде серии Laravel + React по электронной коммерции мы создадим полностью редактируемый раздел футера — столбцы ссылок, иконки социальных сетей и текст об авторских правах — всё это управляется из административной панели, завершая цикл, начатый с заголовка в 3-м эпизоде. Эпизод (12) полной серии по разработке полного стека.
Устали от уроков, которые останавливаются на приложении для списка дел? В этой серии мы шаг за шагом создадим готовый к использованию интернет-магазин: мощную административную панель И современный интерфейс для покупателей, используя Laravel и React вместе с официальным стартовым набором Laravel React (Inertia.js).
В этом эпизоде вы узнаете:
Как помочь Клоду спланировать структуру нижнего колонтитула
Создание файлов миграции для контента нижнего колонтитула
Создание административного интерфейса для управления ссылками и социальными сетями
Подключение нижнего колонтитула витрины магазина к реальным данным
Тестирование функциональности от начала до конца
Подтверждение полной адаптивности для мобильных устройств
─────────────────────────────
⏱️ ВРЕМЕННЫЕ МЕТКИ
─────────────────────────────
00:00 Введение
00:31 Делимся дизайном нижнего колонтитула с Клодом
01:10 Начало работы с файлами конфигурации
04:49 Тестирование нижнего колонтитула на витрине магазина
05:28 Сворачиваемый мобильный нижний колонтитул (+/- переключение)
12:51 Работа мобильного аккордеона
13:03 Финальная проверка: настольная версия + панель администратора
13:14 Заключительные мысли
▶️ Полный плейлист серии: • Laravel + React E-commerce From Scratch | ...
📂 Исходный код: ⏮️ Предыдущий эпизод: • Laravel + React Ecommerce #11 — Newsletter...
─────────────────────────────
🔗 ССЫЛКИ И РЕСУРСЫ
──────────────────────────────
⚡ Редактор кода (Zed):
https://zed.dev
🔴 Laravel:
https://laravel.com/
📘 Документация Laravel:
https://laravel.com/docs
⚛️ Стартовый набор Laravel React:
https://laravel.com/docs/starter-kits
🗄️ Локальный сервер и база данных (WampServer):
https://www.wampserver.com
🤖 Claude AI:
https://claude.ai
К концу этой серии у вас будет достойный портфолио проект в области full-stack разработки, который вы сможете показать работодателям и клиентам, а также навыки для создания собственного интернет-магазина.
💬 ВАША ОЧЕРЕДЬ: Какую функцию электронной коммерции вы хотели бы увидеть в разработке? Напишите в комментариях. Наиболее востребованные функции попадут в серию!
👍 Поставьте лайк видео, если оно оказалось полезным
🔔 Подпишитесь, чтобы не пропустить следующий эпизод: https://www.youtube.com/@AjeetSinghBa...
📤 Поделитесь им с другом, который изучает разработку полного стека
#Laravel #ReactJS #Ecommerce #FullStackDevelopment #WebDevelopment #LaravelReact #TailwindCSS #PHP #JavaScript #ZedEditor #ClaudeAI #CodingTutorial #MySQL #WampServer #ResponsiveDesign #AdminPanel