[Glo Academy] Админка на Vue.js + php (Артем Исламов)

Попрактикуетесь в PHP и Vue.js и напишете свою админку для лендингов, которую можно продавать заказчикам.
Модуль 1. Подготовка к работе.
Важно изучить этот модуль, чтобы понимать, какие виды админ-панелей существуют и почему нужно сделать свою: сколько денег это принесет и какие преимущества перед другими админками это даст.
Урок 1. Введение.

• Зачем лендингу нужна админка.
  
• Обзор популярных админок для статических сайтов: Textolite и Sitecake.
  
• Три причины разработать свою админку.
  
• Что такое SPA.
  
• Краткий обзор используемых технологий.

• Node.JS, NPM, Gulp.
  
• Пишем современный JavaScript с использованием Babel.
  
• Веб сервер с поддержкой PHP OpenServer.
  
• Организация кода.
  
• PHP и Gulp.

• Что такое PHP и зачем он нужен.
  
• Основы синтаксиса.
  
• Hello World на PHP.
  
• Пишем простейшее API.
  
• Разбираемся с Cross-origin resource sharing.
  
• Тестируем работу API с помощью программы Postman.

• Почему нам больше не нужен jQuery.
  
• Что такое Vue.
  
• Установка и Hello World.
  
• Обработка событий во Vue
  
• Двунаправленный биндинг данных.

• Как работает WYSIWYG редактор.
  
• Загружаем редактируемую страницу в iFrame.
  
• Глюки фреймов, которые браузеры вот уже много лет не могут побороть.
  
• Пишем собственную реализацию onload для фрейма.
  
• Перезагружаем содержимое фрейма правильно.

• HTML аттрибут contenteditable.
  
• Немного о DOM дереве.
  
• Поиск всех текстовых нод страницы.

• Баги из-за клиентских скриптов.
  
• Создаем виртуальное DOM дерево с отключенными скриптами.
  
• Синхронизация текстовых нод реального и виртуального дерева.

• Поиск внесенных правок.
  
• Обновление виртуального дерева.
  
• HEAD и DOCTYPE.
  
• Генерируем HTML.

• Не бутстрапом единым - альтернативные CSS фреймворки.
  
• Верстаем сайдбар.
  
• Интерактив через Vue.
  
• Обрабатываем нажатие клавиш.

• Пишем на PHP API для сохранения кода.
  
• Знакомство с JS библиотекой Axios.
  
• Отправляем обновленные исходники на сервер.
  
• Любуемся результатом.

• Пишем на PHP API для авторизации.
  
• Верстаем окно ввода пароля.
  
• Клиент-серверное взаимодействие при авторизации.
  
• Настраиваем Apache для максимальной безопасности.

• Делаем редактор META тегов.
  
• Автоматическое сохранение бэкапов на сервере.
  
• Восстановление из бекапа - функционал на клиенте.