udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Руководство по WordPress FSE (Gutenberg/JavaScript/React)
Продолжительность
8 ч 25 мин
Категория
Wordpress
Количество уроков
39 Видео
Дата добавления
15 мар. 2024 г., 22:29
Язык
Английский
Дата выхода
23 нояб. 2023 г., 01:00
Данный курс представляет собой исчерпывающее руководство, охватывающее передовые технологии и методы работы с 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.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 1. 00:02:57Введение. О чем и для кого данный курс?
-
Урок 2. 00:19:54Обзор конструктора страниц Gutenberg в WordPress
-
Урок 3. 00:14:39Разница в классических и блочных темах для WordPress
-
Урок 4. 00:14:30Создаем плагин и регистрируем первый блок для 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:22Render_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:011.Разработка дополнительных блоков для блочной темы
-
Урок 37. 00:10:012.Разработка дополнительных блоков для блочной темы
-
Урок 38. 00:02:543.Разработка дополнительных блоков для блочной темы
-
Урок 39. 00:18:35Финальные настройки блочной темы
Авторы - udemy, Александр Сокирка
Александр Сокирка
Я являюсь веб разработчиком и работаю в данной сфере с 2007 года. C 2017 года обучаю людей веб разработке. За моими плечами большой опыт работы. Являюсь автором YouTube канала Быть Программистом. Основал бренд ALETHEME. Занимаюсь разработкой шаблонов для Envato Market (ThemeForest).
Комментарии
исправьте, пожалуйста.