Створення адміністративної панелі на 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
• навчимося працювати з бібліотекою axios і взаємодії з 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