Админка для сайта на Vue.js

56 участников

О чём курс

Вы создадите собственную систему управления контентом (CMS) для статических сайтов, которая позволит редактировать страницы прямо в браузере без привлечения готовых тяжелых решений. Вместо стандартного jQuery вы освоите современные инструменты разработки: Vue.js для интерактивной логики, PHP для серверной части и Axios для связи между клиентом и сервером. В процессе работы вы научитесь прокидывать контент через iFrame, использовать атрибут contenteditable, работать с виртуальным DOM и реализовывать авторизацию для защиты административной панели. К финалу у вас будет готовый инструмент с функционалом редактирования текста, управления мета-тегами и системой бэкапов, который можно внедрять в проекты любой сложности.

Программа обучения

  • Модуль 1. Подготовка к работе.
    • Урок 1. Введение.
    • Урок 2. Настройка рабочего окружения.
    • Урок 3. Немного о PHP.
    • Урок 4. Vue.JS.
  • Модуль 2. Разработка админки.
    • Урок 5. Этот загадочный iFrame.
    • Урок 6. Редактирование произвольного текста на странице.
    • Урок 7. Виртуальное DOM дерево.
    • Урок 8. Генерация измененного HTML кода.
  • Модуль 3. Доделываем админку.
    • Урок 9. Облагораживаем редактор.
    • Урок 10. Сохранение внесенных правок.
    • Урок 11. Защищаем админку.
    • Урок 12. Дополнительные модули для админки.
Складчина создана 24 марта 2019 г. · описание обновлено 23 марта 2026 г.

Другие материалы школы 12

АВ Академия верстки Все материалы
112 ₽ 1 990 ₽