Данный курс представляет собой исчерпывающее руководство, охватывающее передовые технологии и методы работы с WordPress. Этот курс нацелен на понимание и применение возможностей Full Site Editing (FSE) в WordPress с использованием Gutenberg, JavaScript и React.
Студенты этого курса получат глубокие знания о том, как использовать Gutenberg для создания кастомных блоков, а также о внедрении JavaScript и React для разработки динамичных и интерактивных элементов на сайте. Курс охватывает широкий спектр тем, начиная от основ работы с Gutenberg и FSE в WordPress до более продвинутых методов работы с JavaScript и React для создания пользовательского интерфейса на сайте.
Программа курса включает в себя следующие ключевые темы:
Основы работы с Gutenberg в WordPress.
Создание кастомных блоков для редактирования сайта через FSE.
Использование JavaScript для улучшения функциональности блоков.
Работа с библиотекой React для создания интерактивных элементов.
Оптимизация и улучшение производительности сайта с помощью этих технологий.
Курс предоставляет практические задания и проекты, которые помогут студентам применить полученные знания на практике, чтобы они могли уверенно работать с WordPress FSE, Gutenberg, JavaScript и React при разработке и улучшении веб-сайтов на базе WordPress.
Автором курса является Александр Сокирка, успешный веб разработчик и автор youtube канала Быть Программистом. К изучению так же рекомендуются курс "Весь WordPress и PHP", который охватывает более широкое изучение WordPress.
Посмотреть больше
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
Руководство по WordPress FSE (Gutenberg/JavaScript/React),
а также все другие курсы, прямо сейчас!
Разница в классических и блочных темах для WordPress
Урок 4.00:14:39
Создаем плагин и регистрируем первый блок для Gutenberg
Урок 5.00:17:11
Первый React компонент и настройка компиляции JSX
Урок 6.00:16:39
Подключаем CSS и задаем дефолтные классы и атрибуты
Урок 7.00:10:06
Иерархия файлов и @wordpress/create-block
Урок 8.00:16:06
Валидация кода (Format/Lint:JS/Lint:CSS)
Урок 9.00:14:26
Используем компонент RichText
Урок 10.00:14:19
Добавляем кнопки в Toolbar
Урок 11.00:12:32
Добавляем действия на кнопки в Toolbar
Урок 12.00:12:11
Используем компонент InspectorControls
Урок 13.00:18:11
Компонент InnerBlocks для вложенных блоков
Урок 14.00:16:31
Используем RichText для вложенного блока
Урок 15.00:12:41
Добавляем опцию для определения кол-ва колонок
Урок 16.00:18:11
Добавляем CSS стили для блока на фронт и админ части
Урок 17.00:16:38
Загружаем картинки при помощи MediaPlaceholder
Урок 18.00:09:54
Используем isBlobURL для определения состояния загрузки картинки
Урок 19.00:12:43
Добавляем опцию замены и удаления картинки
Урок 20.00:07:47
Редактируем alt для изображения
Урок 21.00:07:40
Что такое динамический блок? Начало разработки плагина.
Урок 22.00:14:22
Render_Callback для фронтенд части на PHP
Урок 23.00:11:16
Продолжаем логику фронтенд части и пишем CSS стили
Урок 24.00:10:36
Строим логику блока для Gutenberg на JavaScript
Урок 25.00:14:51
Выводим динамический контент в редакторе Gutenberg на JS
Урок 26.00:12:26
Используем компоненты для настроек в сайдбаре для блока
Урок 27.00:10:25
Добавляем сортировку при помощи компонента QueryControls
Урок 28.00:11:25
Дополнительные возможности компонента QueryControls
Урок 29.00:09:09
Разбор дизайн макета и начало разработки блочной темы
Урок 30.00:13:12
Работа с глобальными цветами и шрифтами для темы
Урок 31.00:16:53
Создаем шапку блочной темы
Урок 32.00:09:13
Задаем глобальные стили на компонент кнопки
Урок 33.00:15:51
Создаем подвал блочной темы
Урок 34.00:12:22
Разработка Hero Block и используем Template Part
Урок 35.00:16:11
Разработка сетки постов при помощи QueryLoop
Урок 36.00:10:01
1.Разработка дополнительных блоков для блочной темы
Урок 37.00:10:01
2.Разработка дополнительных блоков для блочной темы
Урок 38.00:02:54
3.Разработка дополнительных блоков для блочной темы
Урок 39.00:18:35
Финальные настройки блочной темы
Комментарии
appa4ai
Урок 3 "Разница в классических и блочных темах для WordPress" это продолжение второго урока. Урок 4 "Создаем плагин и регистрируем первый блок для Gutenberg" на самом деле урок с темой "Разница в классических и блочных темах для WordPress" . А сам урок по теме "Создаем плагин и регистрируем первый блок для Gutenberg" вообще пропущен.
исправьте, пожалуйста.
doctor
Отменный курс автор, все по сути, без воды, с множеством примеров.
tech.rasmi
please change language course on the discription, this is a russian course, thanks
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Курс Ultimate WordPress Boot Camp - Создайте 10 веб-сайтов
The Ultimate WordPress Boot Camp Course - Build 10 Websites
Этот курс предназначен для любого начинающего студента/разработчика WordPress, который хотел бы научиться создавать веб-сайты любого типа, используя самую мощную доступную CMS — WordPress. Включая более 250 лекций и более 20 часов видеоконтента, курс был разработан, чтобы расширить ваши знания о WordPress и дать вам необходимые навыки и уверенность, чтобы либо начать карьеру в качестве разработчика WordPress, либо создать собственное портфо
WordPress. Создание интернет-магазина на WooCommerce
Курс состоит из двух частей и включает в себя 54 урока общей продолжительностью более 15 часов видео. Часть 1. Знакомство с WooCommerce. Панель администратора В данной части мы не будем создавать тему для WooCommerce. Уроки этой части призваны познакомить вас с функционалом плагина и настройками магазина, которые предлагает данное решение. Как уже отмечалось, WooCommerce предлагает огромное количество самых разных настроек и возможностей. По
Этот видеокурс дает уникальные знания. Вы с нуля узнаете, как разрабатывать плагины для WordPress и работать с данной CMS на профессиональном уровне, создавая плагины с нужным функционалом вместо того, чтобы тратить время в попытках найти плагин с недостающими функциями.
Hugo — это сверхбыстрый генератор статических сайтов, который поможет вам сэкономить время и сделать ваш сайт быстрым, безопасным и недорогим в размещении. Есть только одна загвоздка: ваш текущий веб-сайт уже находится на WordPress. Этот курс поможет вам безопасно перенести ваш сайт и рабочий процесс с WordPress на Hugo. WordPress — самая популярная система управления веб-сайтами в мире.
Гибкий 8-недельный онлайн-курс в удобном для вас темпе, который научит вас использовать WordPress для создания собственных веб-сайтов с CMS, обзорами и функциями оплаты. Он разработан для того, чтобы вы могли создавать полностью настраиваемые сайты на основе CMS в течение первых нескольких недель.
исправьте, пожалуйста.