Доступно

Админка для сайта на Vue.js [Академия верстки]

Тема в разделе "Курсы по программированию", создана пользователем Топикстартер, 24 мар 2019.

Цена: 1990р.
Взнос: 112р.-94%
100%

Основной список: 56 участников

Резервный список: 14 участников

Статус обсуждения:
Комментирование ограничено.
  1. 24 мар 2019
    #1
    Топикстартер
    Топикстартер ЧКЧлен клуба

    Админка для сайта на 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 и некоторыми фишками которых там нет.


    Продажник: Скрытая ссылка
    Скрытая ссылка
     
    Последнее редактирование модератором: 23 апр 2020
    1 человеку нравится это.
  2. Последние события

    1. skladchik.com
      Складчина доступна.
      25 июн 2021
    2. skladchik.com
      CandyBoy хранитель.
      25 июн 2021
    3. skladchik.com
      Складчина закрыта.
      9 дек 2020
    4. skladchik.com
      Складчина доступна.
      1 май 2020

    Последние важные события

    1. skladchik.com
      Складчина доступна.
      25 июн 2021
    2. skladchik.com
      CandyBoy хранитель.
      25 июн 2021
    3. skladchik.com
      Складчина закрыта.
      9 дек 2020
    4. skladchik.com
      Складчина доступна.
      1 май 2020
  3. Обсуждение
  4. 27 апр 2019
    #2
    Deadly Snake
    Deadly Snake ЧКЧлен клуба
    Курс уже начался ? по ссылке 404 ошибка
     
    1 человеку нравится это.
  5. 4 сен 2019
    #3
    gusev82
    gusev82 ЧКЧлен клуба
    На Glo Academy щас скидки и данный курс можно взять за 990₽. Может кто возьмется? Спасибо.
     
  6. 4 сен 2019
    #4
    htrmaster
    htrmaster ОргОрганизатор
    где их искать? может ссылку дашь?
     
  7. 4 сен 2019
    #5
    gusev82
    gusev82 ЧКЧлен клуба
    вот Скрытая ссылка
    там много чего интересного
     
Статус обсуждения:
Комментирование ограничено.

Поделиться этой страницей