Создание административной панели на React.js и PHP — видеокурс

Мова викладання в курсі — російська. Незабаром буде доступна українська версія цього курсу.
Відеозаписи лекцій без зворотного зв'язку та участі викладача. Ви отримаєте доступ до матеріалів одразу після оплати.

Чого ви навчитеся

• Навчишся створювати повноцінні fullstack додатки
• Напишеш свою адміністративну панель для статичних сайтів
• Отримаєш реальний досвід розробки застосунків, використовуючи бібліотеку React і PHP
• Навчишся писати свої API мовою PHP
• Навчишся працювати з бібліотекою axios і взаємодії з API
• Налаштуєш свою систему збірки, використовуючи Webpack, Gulp, Babel
• Вивчиш декларативний підхід при створенні додатків і як правильно розширювати їх у майбутньому
• Навчишся використовувати готові бібліотеки компонентів, на кшталт UIKit

Вимоги

• Бажання отримати реальний досвід розробки додатків
• Добре володіння мовою програмування JavaScript
• Базові знання бібліотеки React
• Базові знання мови програмування PHP

Опис

Цей курс спрямований на практичне вивчення того, як створити адміністративну панель для статичних сайтів у вигляді web-додатку. Ви отримаєте весь матеріал для роботи і ми разом будемо створювати реальний fullstack (frontend backend) проект шаг за шагом. Как итог курса — у вас будет готовий продуктякий можна використовувати у своїй роботі, пропонувати замовникам як додаткову послугу або просто покласти в портфоліо.

Для кого підійде цей курс?

• Якщо ви хочете набути реального практичного досвіду створення fullstack додатків
• Якщо у вас є знання, але не вистачає практики
• Якщо ви хочете створити свій продукт і продавати його за додаткову плату клієнтам

Що всередині курсу?

Ми з вами пройдемо шлях від встановлення перших npm пакетів, налаштування планувальника завдань і збирача проекту до повноцінного додаткаякий можна використовувати абсолютно на будь-якому сайті та розширювати будь-якими додатковими функціями. Подивимося, як розвивається застосунок під час розробки та появи нових ідей. І все це зі зрозумілими та доступними поясненнями всього коду.

Усі посилання на ресурси та додаткові матеріали для практики будуть надані всередині курсу.

• ми навчимося створювати повноцінні fullstack додатки
• ми отримаємо реальний досвід розробки додатків, використовуючи бібліотеку React і PHP
• навчимося писати свої API мовою PHP
• навчимося працювати з бібліотекою аксіос та взаємодії з API
• налаштуємо свою систему складання, використовуючи Webpack, Gulp, Babel
• вивчимо декларативний підхід під час створення застосунків і як правильно розширювати їх у майбутньому
• навчимося використовувати готові бібліотеки компонентів, на зразок UIKit

Чому варто розпочати своє навчання вже зараз?
Не важно, фрилансер вы или работаете в офисе — вам пригодится опыт создания полноценных продуктов, используя сразу несколько технологий. Сейчас web приложения — это тренд, а библиотека React — самый популярный инструмент для їх створення. Крім цього, потрібно вміти не тільки взаємодіяти з API, а й створювати їх. Та й налаштувати збірку проєкту так, щоб було не соромно 🙂
Усе це ми будемо робити крок за кроком, тож не втрачайте можливості!

Для кого цей курс:

• Для тих людей, хто хотів би набути реального практичного досвіду створення fullstack додатків
• Для тих людей, у кого є знання, але не вистачає практики
• Для тих людей, хто хоче створити свій продукт і продавати його за додаткову плату клієнтам

Материалы курса, длительность — 08:01:24
-
Подготовка к работе — 02:05:15
Как проходить данный курс — 03:34
Административная панель и зачем она нужна — 12:16
Настраиваем сборку проекта (Gulp, Webpack, Babel и локальный сервер) — 38:50
Создаем первый API и работаем с PHP — 14:56
Продолжаем работать с API, реализуем создание страниц на сервере — 11:34
Знакомимся с библиотекой React и что необходимо знать для работы — 12:24
Создаем приложение, используя React, библиотека axios, рефакторинг кода Jquery — 25:45
Создаем функционал удаления страниц на сервере — 05:56
-
Создание визуального редактора — 02:17:31
Создание визуального редактора, правильная работа с Iframe — 10:41
Включение редактирования элементов — 13:52
Работа с копиями DOM, подготовка к сохранению страницы — 29:22
Сохранение изменений на сервере — 10:12
Оптимизация работы вспомогательных методов — 04:01
Изменяем неточности в поведении редактора — 16:12
Включаем редактирование ссылок — 04:22
Создаем пользовательский интерфейс — 28:21
Реализация открытия других страниц в проекте | Рефакторинг модальных окон — 20:28
-
Реализация возможностей админки — 03:02:15
Реализация восстановления страниц из резервных копий — 35:54
Создаем редактор meta тэгов — 39:02
Создаем редактор изображений — 27:24
Доработка UI, оптимизация работы — 10:22
Фиксим непредвиденные обстоятельства — 01:33
Реализация авторизации в приложении, часть 1 — 33:40
Реализация авторизации в приложении, часть 2 — 22:22
Создаем финальный билд — 11:58
-
Дополнительные материалы — 36:23
Настройка редактора кода — 08:32
Настройка ESLint — 07:16
Создание библиотеки IframeLoader — 10:55
Использование Class fields — 09:40