Это вторая часть курса "Углубленный курс NextJS с WooCommerce REST API и TailwindCSS". Если вы еще не прошли предыдущую часть курса, пожалуйста, сначала завершите ее. Она доступна бесплатно, на платформе Udemy. Что будет включать в себя этот курс:
Как создать приложение React с использованием фреймворка Next.js.
В этом курсе используется WordPress REST API для извлечения данных и отображения их на фронтенде.
Курс включает использование плагина WooCommerce для WordPress.
Вы научитесь:
Запускать сборку для продакшена.
Понимать API добавления в корзину.
Писать функции для добавления в корзину, просмотра корзины.
Настройке конфигурации Tailwind.
Использовать React Context API для хранения данных корзины.
Особенности добавления в сумку (Add to Bag).
Добавление в корзину (Add To Cart).
Получение данных корзины (Get Cart).
Обновление корзины (Update Cart).
Удаление корзины (Delete Cart).
Также вы узнаете, как добавлять статические шрифты Google с помощью Tailwind CSS.
Создание страницы корзины и отображение всех продуктов с их названием, описанием, изображением продукта и т.д.
Каждый разработчик имеет свое мнение о WordPress, и оно не всегда лестное. Далеко от этого. Однако даже самые ярые критики вынуждены обратить внимание на эту функцию, поскольку она уже преобразила способ использования популярной CMS.
WordPress REST API является большим шагом вперед для фронтенд-разработчиков, которые хотят сочетать мощь JavaScript-фреймворков, таких как React (или Vue.js), с WordPress.
Именно это я и хочу сделать сегодня с этой демонстрацией WordPress REST API на практике.
Теперь WordPress может использоваться как headless CMS с WooCommerce.
Это открывает совершенно новые возможности для разработчиков, так как фронтенд WordPress не обязательно должен быть "WordPress" — PHP-генерируемые представления. К постоянно растущему числу фронтенд-фреймворков теперь можно подключить бэкенд WordPress для разработки веб-сайтов и приложений.
Посмотреть больше
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
Advanced NextJS WooCommerce REST API, TailwindCSS - Part-2,
а также все другие курсы, прямо сейчас!
Using Context API To Store Cart Data - Create AppContext
Урок 9.00:08:35
Add To Cart And setCart With Loading
Урок 10.00:09:32
Add View Cart Button
Урок 11.00:05:59
Add To Bag
Урок 12.00:06:01
Adding Google Fonts Using TailwindCSS
Урок 13.00:05:16
Adding Typography and Theme Styles
Урок 14.00:12:30
Creating Cart Page
Урок 15.00:29:51
Cart Endpoints - Add To Cart | Get Cart | Update Cart | Delete Cart
Урок 16.00:09:10
Cart Page - Endpoints
Урок 17.00:10:13
Cart Page - Cart Component And Functions
Урок 18.00:06:59
Creating Checkout Page & Getting WooCommerce Countries Data for Checkout Form
Урок 19.00:15:20
Create Checkout Form Address Fields
Урок 20.00:11:10
Create Address Input Fields
Урок 21.00:13:19
Add Country Selection Options In Address Fields
Урок 22.00:11:28
Adding Billing And Shipping Details
Урок 23.00:08:21
Add Payment Methods
Урок 24.00:10:58
Handle Checkout Form Errors - Validation And Sanitization
Урок 25.00:11:24
Prepare Cart Data
Урок 26.00:06:37
WooCommerce Create Order API Demo, Customising Payment Modes
Урок 27.00:15:41
Create Stripe Webook And Sessions
Урок 28.00:08:13
Creating Thank You Page And Stripe Demo
Урок 29.00:04:05
Deploying Your Next.js WooCommerce React Project
Урок 30.00:17:16
Create Single Product Pages And Using getStaticPaths
Урок 31.00:12:46
Create Single Product Component And Product Gallery Carousel
Урок 32.00:17:23
Add Yoast SEO support for Pages
Урок 33.00:08:10
Add JSON+LD Yoast Schema
Урок 34.00:07:15
Add NProgress - A progress bar for route change.
Урок 35.00:11:16
Create a Blog Page
Урок 36.00:28:07
Create Single Post Page
Урок 37.00:05:10
Add Gutenberg Blocks Style Support
Урок 38.00:12:29
Display Posts On A Blog Page
Урок 39.00:12:43
Create Blog Pagination
Урок 40.00:11:44
Create Pagination Pages
Урок 41.00:02:49
Create a 404 Page
Урок 42.00:15:10
Create a Single Page
Урок 43.00:06:57
Displaying the content for Single Page
Урок 44.00:08:41
REST API Endpoint for Creating and Getting Post Comment
Урок 45.00:12:47
Display Post Comments
Урок 46.00:09:27
Creating A Comment Form
Урок 47.00:15:34
Create a Comment Form Part 2
Комментарии
bubuduk
Дуже добрий курс, чи могли би ви додати й інші відео, бо тут не всі?
antoxa258
А что по первой части? Где её можно найти?
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
WordPress. Создание интернет-магазина на WooCommerce
Курс состоит из двух частей и включает в себя 54 урока общей продолжительностью более 15 часов видео. Часть 1. Знакомство с WooCommerce. Панель администратора В данной части мы не будем создавать тему для WooCommerce. Уроки этой части призваны познакомить вас с функционалом плагина и настройками магазина, которые предлагает данное решение. Как уже отмечалось, WooCommerce предлагает огромное количество самых разных настроек и возможностей. По
Woocommerce наверное самый годный и быстрый способ сделать внятный интернет магазин. Легко устанавливается на Wordpress, и понятен даже новичкам. Понятное дело, что супер магазина вы на нем не сделаете, но для среднего человека или компании - вполне таки вариант.
The WordPress REST API with JavaScript - An Introduction
Испольуйте JavaScript и WordPress REST API в темах, плагинах и сайтах. В этом курсе вы получите подробное введение в работу с API WordPress REST.Мы начнем с того, как работают API HTTP и REST. Затем мы исследуем различные способы выполнения запросов с JavaScript в API WordPress REST, как изнутри WordPress, так и за пределами WordPress.
WordPress REST API - создание интерактивного веб-приложения
WordPress REST API: Building an Interactive Web App
WordPress REST API открывает целый мир возможностей для разработчиков WordPress. В этом учебном курсе вы изучите как создать интерактивное веб-приложение поверх WordPress REST API. Инструктор начинает курс, помогая вам спланировать приложение, которое вы собираетесь построить. Затем он объясняет, как расширить функциональность WordPress, добавив новую роль пользователя и другие возможности. В течение оставшейся части курса он обсуждает, как созда