4.93 из 5
4.93
157 отзывов на Udemy

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

Получите реальный практический опыт и создайте свой полноценный продукт!
Инструктор:
Иван Петриченко
1 183 студента зачислены
Научитесь создавать полноценные fullstack приложения
Напишите свою административную панель для статических сайтов
Получите реальный опыт разработки приложений, используя библиотеку React и PHP
Научитесь писать свои API на языке PHP
Научитесь работать с библиотекой axios и взаимодействию с API
Настроите свою систему сборки, используя Webpack, Gulp, Babel
Изучите декларативный подход при создании приложений и как правильно расширять их в будущем
Научитесь использовать готовые библиотеки компонентов, наподобие UIKit

Этот курс направлен на практическое изучение того, как создать административную панель для статических сайтов в виде web приложения. Вы получите весь материал для работы и мы вместе будем создавать реальный fullstack (frontend + backend) проект шаг за шагом. Как итог курса – у вас будет готовый продукт, который можно использовать в своей работе, предлагать заказчикам как дополнительную услугу или просто положить в портфолио.

Для кого подойдет этот курс?

  • Если вы хотите приобрести реальный практический опыт создания fullstack приложений

  • Если у вас есть знания, но не хватает практики

  • Если вы хотите создать свой продукт и продавать его за дополнительную плату клиентам

Что внутри курса?

Мы с вами пройдем путь от установки первых npm пакетов, настройки планировщика задач и сборщика проекта до полноценного приложения, которое можно использовать абсолютно на любом сайте и расширять любыми дополнительными функциями. Посмотрим, как развивается приложение при разработке и появлении новых идей. И все это с понятными и доступными объяснениями всего кода.

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

  • мы научимся создавать полноценные fullstack приложения

  • мы получим реальный опыт разработки приложений, используя библиотеку React и PHP

  • научимся писать свои API на языке PHP

  • научимся работать с библиотекой axios и взаимодействию с API

  • настроим свою систему сборки, используя Webpack, Gulp, Babel

  • изучим декларативный подход при создании приложений и как правильно расширять их в будущем

  • научимся использовать готовые библиотеки компонентов, наподобие UIKit

Почему стоит начать свое обучение уже сейчас?

Не важно, фрилансер вы или работаете в офисе – вам пригодится опыт создания полноценных продуктов, используя сразу несколько технологий. Сейчас web приложения – это тренд, а библиотека React – самый популярный инструмент для их создания. Кроме этого, нужно уметь не только взаимодействовать с API, но и создавать их. Да и настроить сборку проекта так, чтобы было не стыдно 🙂

Все это мы будем делать шаг за шагом, так что не упускайте возможность!

Подготовка к работе

1
Как проходить данный курс

В этом уроке мы говорим о том, как будет строится работа на данном курсе и как его лучше проходить.

2
Административная панель и зачем она нужна

В этом уроке мы поговорим про то, что такое статический веб-сайт, административная панель, зачем она нужна и какой смысл создавать новую.

3
Настраиваем сборку проекта (Gulp, Webpack, Babel и локальный сервер)

В этом уроке мы настроим сборку нашего проекта при помощи планировщика задач Gulp, Webpack, Babel и его выгрузку на локальный сервер в автоматическом режиме.

4
Создаем первый API и работаем с PHP

В этом уроке мы с вами создадим свой первый API по выводу списка html страниц на сервере, используя PHP

5
Продолжаем работать с API, реализуем создание страниц на сервере

В этом уроке мы продолжим работать с API и создадим функционал создания новых страниц на сервере

6
Знакомимся с библиотекой React и что необходимо знать для работы

В этом уроке мы познакомимся с библиотекой React и узнаем, что именно нам понадобится для прохождения курса

7
Создаем приложение, используя React, библиотека axios, рефакторинг кода Jquery

В этом уроке мы начнем создание нашего приложения, используя библиотеку React и познакомимся с axios для создания запросов

8
Создаем функционал удаления страниц на сервере

В этом уроке мы создадим функционал удаления страниц на сервере

Создание визуального редактора

1
Создание визуального редактора, правильная работа с Iframe

В этом уроке мы создадим визуальное отображение нашего редактора и поработаем с элементом Iframe. Узнаем нюансы его работы и как обходить их.

2
Включение редактирования элементов

В этом уроке мы познакомимся с атрибутом contenteditable и включим редактирование всех текстовых элементов на странице

3
Работа с копиями DOM, подготовка к сохранению страницы

В этом уроке мы будем подготавливать DOM дерево для постинга на реальную страницу, поработаем с редкими объектами в JS и Virtual DOM

4
Сохранение изменений на сервере

В этом уроке мы реализуем сохранение всех изменений из редактора на основную страницу

5
Оптимизация работы вспомогательных методов

В этом уроке мы отпимизируем работу вспомогательных методов, создав новый модуль

6
Изменяем неточности в поведении редактора

В этом уроке мы доработаем нашу админ панель и устраним все недочеты в её работе

7
Включаем редактирование ссылок

В этом уроке мы настроим редактирование не только текста, но и ссылок

8
Создаем пользовательский интерфейс

В этом уроке мы создадим пользовательский интерфейс для нашей административной панели при помощи готовых компонентов любого фрэймворка/библиотеки

9
Реализация открытия других страниц в проекте | Рефакторинг модальных окон

В этом уроке мы реализуем функционал открытия других страниц в админке и отрефакторим код модальных окон

Реализация возможностей админки

1
Реализация восстановления страниц из резервных копий

В этом уроке мы создадим функционал для восстановления резервных копий

2
Создаем редактор meta тэгов

В этом уроке мы создадим редактор мета-тэгов на страницах проекта

3
Создаем редактор изображений

В этом уроке мы создадим функционал по замене изображений на сайте

4
Доработка UI, оптимизация работы

В этом уроке мы доработаем UI и оптимизируем работу компонентов

5
Фиксим непредвиденные обстоятельства

Иногда в проектах может не быть папки img и это может привести к ошибке. В этом уроке мы исправим данное поведение.

6
Реализация авторизации в приложении, часть 1

В этом уроке мы начнем создавать функционал по авторизации в админке

7
Реализация авторизации в приложении, часть 2

В этом уроке мы продолжим работу над авторизацией и безопасностью нашей админки

8
Создаем финальный билд

В этом уроке мы создадим таск для создания окончательного билда приложения и поговорим о том, что делать дальше

Дополнительные материалы

1
Настройка редактора кода

В этом уроке мы настроим редактор кода VSCode

2
Настройка ESLint

В этом уроке мы настроим крайне полезный плагин ESLint

3
Создание библиотеки IframeLoader

В этом уроке мы создадим библиотеку для правильной загрузки iframe и разберемся как она работает

4
Использование Class fields

В этом уроке мы посмотрим как можно использовать экспериментальную возможность JS для облегчения работы.

You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
815452e59fb8b5ceaaf00d99916e5c8e
3-дневная гарантия возврата денег

Включает

8 часов видео по запросу
Полный пожизненный доступ
Доступ с мобильного и ТВ
Сертификат об окончании
Создание административной панели на React.js + PHP
Цена:
0,37 ₽ 9,990 ₽