Перейти к содержимому

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