Меню
Що нового?
Від:
Фільтри

Придбаний [[Go Academy] адмінка на Vue.js + php ( Артем Ісламов)

Інформація про покупку
Тип покупки: Складчина
Ціна: 732 ГРН
Учасників: 0 з 23
Організатор: Відсутній
Статус: Набір учасників
Внесок: 33.1 ГРН
0%
Основний список
Резервний список
G

Gadzhi

Модератор

Попрактикуєтеся в PHP і Vue.js і напишете свою адмінку для лендінгів, яку можна продавати замовникам.

Модуль 1. Підготовка до роботи.
Важливо вивчити цей модуль, щоб розуміти, які види Адмін-панелей існують і чому потрібно зробити свою: скільки грошей це принесе і які переваги перед іншими адмінками це дасть.

Урок 1. Введення.
  • навіщо лендінгу потрібна адмінка.
  • огляд популярних адмінок для статичних сайтів: Textolite і Sitecake.
  • Три причини розробити свою адмінку.
  • Що таке SPA.
  • короткий огляд використовуваних технологій.
Урок 2. Налаштування робочого оточення.
  • Node.JS, NPM, Gulp.
  • пишемо Сучасний JavaScript з використанням Babel.
  • Веб сервер з підтримкою PHP OpenServer.
  • організація коду.
  • PHP і Gulp.
Урок 3. Трохи про PHP.
  • Що таке PHP і навіщо він потрібен.
  • основи синтаксису.
  • Hello World на PHP.
  • пишемо найпростіше API.
  • розбираємося з Cross-origin resource sharing.
  • тестуємо роботу API за допомогою програми Postman.
Урок 4. Vue.JS.
  • Чому нам більше не потрібен jQuery.
  • Що таке Vue.
  • Установка і Hello World.
  • обробка подій у Vue
  • двонаправлений біндінг даних.
результат модуля: підготовлене до роботи оточення, розуміння розробки великих Single Page Application з використанням фреймворку Vue, початкові знання про розробку API на PHP.

Модуль 2. Розробка адмінки.
Урок 5. Цей загадковий iFrame.
  • Як працює WYSIWYG редактор.
  • завантажуємо редаговану сторінку в iFrame.
  • Глюки фреймів, які браузери ось уже багато років не можуть побороти.
  • пишемо власну реалізацію onload для фрейму.
  • перезавантажуємо вміст фрейма правильно.
Урок 6. Редагування довільного тексту на сторінці.
  • HTML аттрибут contenteditable.
  • трохи про DOM дереві.
  • пошук всіх текстових нод сторінки.
Урок 7. Віртуальне Dom дерево.
  • Баги через клієнтських скриптів.
  • створюємо віртуальне Dom дерево з відключеними скриптами.
  • Синхронізація текстових нод реального і віртуального дерева.
Урок 8. Генерація зміненого HTML коду.
  • пошук внесених правок.
  • оновлення віртуального дерева.
  • HEAD і DOCTYPE.
  • генеруємо HTML.
результат модуля: працюючий редактор, який завантажує сторінку і дозволяє її редагувати, а потім генерує код.

Модуль 3. Доробляємо адмінку.
Урок 9. Облагороджуємо редактор.
  • не бутстрапом єдиним-альтернативні CSS фреймворки.
  • Верстаємо сайдбар.
  • інтерактив через Vue.
  • обробляємо натискання клавіш.
Урок 10. Збереження внесених правок.
  • пишемо на PHP API для збереження коду.
  • знайомство з JS бібліотекою Axios.
  • відправляємо оновлені исходники на сервер.
  • милуємося результатом.
Урок 11. Захищаємо адмінку.
  • пишемо на PHP API для авторизації.
  • Верстаємо вікно введення пароля.
  • клієнт-серверна взаємодія при авторизації.
  • налаштовуємо Apache для максимальної безпеки.
Урок 12. Додаткові модулі для адмінки.
  • робимо редактор META тегів.
  • Автоматичне збереження бекапів на сервері.
  • відновлення з бекапа-функціонал на клієнті.
Результат модуля: повноцінна адмінка з функціоналом не гірше ніж у Textolite і деякими фішками яких там немає.
https://privatelink.de/?https://glo.academy/
 
Увійдіть або зареєструйтеся для відповіді.
Угорі