Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:02:57
    Введение. О чем и для кого данный курс?
  2. Урок 2. 00:19:54
    Обзор конструктора страниц Gutenberg в WordPress
  3. Урок 3. 00:01:36
    Разница в классических и блочных темах для WordPress
  4. Урок 4. 00:14:39
    Создаем плагин и регистрируем первый блок для Gutenberg
  5. Урок 5. 00:17:11
    Первый React компонент и настройка компиляции JSX
  6. Урок 6. 00:16:39
    Подключаем CSS и задаем дефолтные классы и атрибуты
  7. Урок 7. 00:10:06
    Иерархия файлов и @wordpress/create-block
  8. Урок 8. 00:16:06
    Валидация кода (Format/Lint:JS/Lint:CSS)
  9. Урок 9. 00:14:26
    Используем компонент RichText
  10. Урок 10. 00:14:19
    Добавляем кнопки в Toolbar
  11. Урок 11. 00:12:32
    Добавляем действия на кнопки в Toolbar
  12. Урок 12. 00:12:11
    Используем компонент InspectorControls
  13. Урок 13. 00:18:11
    Компонент InnerBlocks для вложенных блоков
  14. Урок 14. 00:16:31
    Используем RichText для вложенного блока
  15. Урок 15. 00:12:41
    Добавляем опцию для определения кол-ва колонок
  16. Урок 16. 00:18:11
    Добавляем CSS стили для блока на фронт и админ части
  17. Урок 17. 00:16:38
    Загружаем картинки при помощи MediaPlaceholder
  18. Урок 18. 00:09:54
    Используем isBlobURL для определения состояния загрузки картинки
  19. Урок 19. 00:12:43
    Добавляем опцию замены и удаления картинки
  20. Урок 20. 00:07:47
    Редактируем alt для изображения
  21. Урок 21. 00:07:40
    Что такое динамический блок? Начало разработки плагина.
  22. Урок 22. 00:14:22
    Render_Callback для фронтенд части на PHP
  23. Урок 23. 00:11:16
    Продолжаем логику фронтенд части и пишем CSS стили
  24. Урок 24. 00:10:36
    Строим логику блока для Gutenberg на JavaScript
  25. Урок 25. 00:14:51
    Выводим динамический контент в редакторе Gutenberg на JS
  26. Урок 26. 00:12:26
    Используем компоненты для настроек в сайдбаре для блока
  27. Урок 27. 00:10:25
    Добавляем сортировку при помощи компонента QueryControls
  28. Урок 28. 00:11:25
    Дополнительные возможности компонента QueryControls
  29. Урок 29. 00:09:09
    Разбор дизайн макета и начало разработки блочной темы
  30. Урок 30. 00:13:12
    Работа с глобальными цветами и шрифтами для темы
  31. Урок 31. 00:16:53
    Создаем шапку блочной темы
  32. Урок 32. 00:09:13
    Задаем глобальные стили на компонент кнопки
  33. Урок 33. 00:15:51
    Создаем подвал блочной темы
  34. Урок 34. 00:12:22
    Разработка Hero Block и используем Template Part
  35. Урок 35. 00:16:11
    Разработка сетки постов при помощи QueryLoop
  36. Урок 36. 00:10:01
    1.Разработка дополнительных блоков для блочной темы
  37. Урок 37. 00:10:01
    2.Разработка дополнительных блоков для блочной темы
  38. Урок 38. 00:02:54
    3.Разработка дополнительных блоков для блочной темы
  39. Урок 39. 00:18:35
    Финальные настройки блочной темы