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

Получи реальный практический опыт и создай свой полноценный продукт! 

Создание административной панели на React.js + PHP
Цена
8609
Кэшбэк до 7.5%
29 уроков29 уроков
СертификатСертификат
РусскийРусский
Udemy
Купить с кэшбэком

Описание:

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

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

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

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

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

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

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

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

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

Чему вы научитесь

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

Программа курса:

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

  • Как проходить данный курс 
  • Административная панель и зачем она нужна 
  • Настраиваем сборку проекта (Gulp, Webpack, Babel и локальный сервер) 
  • Создаем первый API и работаем с PHP 
  • Продолжаем работать с API, реализуем создание страниц на сервере 
  • Знакомимся с библиотекой React и что необходимо знать для работы 
  • Создаем приложение, используя React, библиотека axios, рефакторинг кода Jquery
  • Создаем функционал удаления страниц на сервере 

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

  • Создание визуального редактора, правильная работа с Iframe 
  • Включение редактирования элементов 
  • Работа с копиями DOM, подготовка к сохранению страницы 
  • Сохранение изменений на сервере 
  • Оптимизация работы вспомогательных методов 
  • Изменяем неточности в поведении редактора 
  • Включаем редактирование ссылок 
  • Создаем пользовательский интерфейс 
  • Реализация открытия других страниц в проекте | Рефакторинг модальных окон 

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

  • Реализация восстановления страниц из резервных копий 
  • Создаем редактор meta тэгов 
  • Создаем редактор изображений 
  • Доработка UI, оптимизация работы 
  • Фиксим непредвиденные обстоятельства 
  • Реализация авторизации в приложении, часть 1 
  • Реализация авторизации в приложении, часть 2 
  • Создаем финальный билд 

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

  • Настройка редактора кода 
  • Настройка ESLint 
  • Создание библиотеки IframeLoader 
  • Использование Class fields