
udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
BUILD THE BEST ECOMMERCE WEBSITE EVER with REACT JS NEXT JS
Добро пожаловать на новый захватывающий курс, который, возможно, лучший из тех, что вы когда-либо видели, я говорю о создании полностью продвинутого веб-сайта электронной коммерции с использованием набора инструментов React, Next, MongoDB, Redux, next auth и многих других захватывающих инструментов, что позволит вам создать один из лучших веб-сайтов, который вы можете себе представить.
Все видео необходимо смотреть до конца. Чтобы вы не пропустили ни одной интересной функции, я использовал совершенно другой подход, чем большинство веб-сайтов электронной коммерции, которые вы видите в других курсах. Наши продукты будут перечислены в свайперах, и это позволит увидеть продукт в его полной форме и разных стилях, потому что наши продукты состоят из многих параметров (например, у вас есть куртка, но куртка может быть черной, зеленой, красной, и каждый цвет будет отличаться, размеры и каждый размер, иметь разное количество и цену), так что, видели ли вы что-то подобное в любом другом месте? Это первый более реалистичный подход, который вы видите на таких сайтах, как Amazon, Ebay и т. д.
Каждый продукт будет иметь свою собственную страницу, которая выглядит потрясающе, также мы добавили инструмент масштабирования, чтобы приближать продукт для лучшего просмотра, также у нас будет некоторая статистика по отзывам с возможностью добавить подробный обзор и возможностю использовать изображения. У нас будет таблица для демонстрации всех отзывов с фильтрацией, нумерацией страниц и т. д.
Самая важная часть начинается с корзины, над которой мы очень хорошо поработали, добавленные товары будут отображаться, а также обновлятся каждый раз, чтобы убедиться, что они все еще доступны и цены актуальны.
Переходя на страницу оформления заказа, где вы можете увидеть сводку вашей корзины и товары, которые у вас есть. Вы сможете выбрать товар, с которым хотите продолжить, и даже добавить свои собственные.
После размещения заказа вы можете оплатить его тремя способами:
Мы разберем главную страницу, где будут отображатся ваши продукты, поиск, фильтрация. Вы сможете выбрать категорию, бренды, размеры, цвета, стили или смешать все это вместе, добавив ценовые и рейтинговые фильтры и сортировать по-разному.
Позже, мы разберем геолокацию, чтобы вы могли определить, из какой страны пользователь заходит на ваш веб-сайт, и получить всю необходимую информацию, которую сможете использовать в своих интересах, чтобы показать или скрыть определенные продукты от пользователя из определенного региона, как это делают крупные веб-сайты. Мы добавим систему рассылки новостей, подключенную к API mailchimp и сможем собирать все зарегистрированные электронные почты, которым потом можно будет отправлять рекламные предложения.
Мы поговорим о нашей системе аутентификации с использованием next auth, которую можно будет очень расширенно настроить в зависимости от ваших потребностей. При регистрации будут строго проверенные формы,с возможностю зарегистрироваться, и даже получить электронное письмо для проверки и активации учетной записи.
Мы подошли к процессу входа в систему, поэтому мы будем использовать next auth для входа в систему с использованием учетных данных, а также для входа в социальные сети, такие как Google, Twitter, Github. Мы также будем использовать промежуточное программное обеспечение на стороне сервера для защиты каждого маршрута, не забывая также про возможность сброса пароля.
На странице профиля, вы сможете настроить свой профиль, просмотреть заказы со всеми их различными статусами, а также сможете управлять своими товарами, добавлять, удалять, выбрать способ оплаты по умолчанию и сменить пароль.
На панели администратора будут краткие данные о статистике, последних заказах и пользователях. Чтобы вы могли создать продукт со всем необходимым включая изображения, мы будем загружать все в Cloudinary (наш облачный сервис).
В конце мы перейдем к заказам, которые будут отображатся умным образом, где вы сможете увидеть основную информацию, затем развернуть, чтобы увидеть сначала информацию о пользователе, информацию о доставке, а затем все детали, чтобы вы точно знали, какой продукт вы должны отправить, фактическое количество и т. д...
У вас также будет страница для пользователей, где вы сможете видеть всех пользователей и администрировать. Также у вас будет страница для всех продуктов, где можно увидеть все категории, показывающие различные продукты и подкатегории для этих продуктов.
Почти 50 часов контента, за счет более 220 видео, это несложный курс, так что присоединяйтесь и станьте лучшим разработчиком.
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Если вы хотите изучить полноценную веб-разработку с использованием стека MERN, то вы попали на нужную страницу. В этом курсе вы узнаете, как создать полнофункциональный веб-сайт электронной коммерции с использованием MERN Stack. В этом курсе мы будем использовать четыре мощные технологии: React (Frontend), Node.js (Backend), Express (Backend Framework), MongoDB (база данных).
Изучите Next JS у отраслевых экспертов, используя лучшие современные практики. Единственный курс Next JS + курс по проектам, который вам нужен, чтобы изучить Next JS, создавать приложения React корпоративного уровня с нуля и получить работу в качестве разработчика Next.js в 2023 году.
Узнайте, как создавать невероятно быстрые интернет-магазины, которые сегодня используются ведущими брендами. Изучите новейший технологический стек. Получите быстрый старт с новейшим технологическим стеком, который сегодня востребован ведущими брендами и крупнейшими технологическими компаниями.
Добро пожаловать на курс Ecommerce на Jamstack с Snipcart, Next.js, и WordPress! В этой серии уроков мы узнаем, как создать быстрый, современный сайт электронной коммерции с помощью Next.js, Snipcart и WordPress.
Изучите современный Next JS (Next 10+). Пишите все на Typescript и интегрируйте с Shopify. Профессиональная архитектура приложений.
Probably if you know all of this and just want to see new approaches, try it.
For me, mostly all setups I did from my background, things I used in production env, as I see old approaches. My opinion, mentor is using some stuff he was working with in some company without full understanding what and why was used, just philosophy "If it working - don't touch it!". It's more like a stackoverflow post with old way to do something. As long as course is without typescript - there probably are outdated things.
But in overall - course have ideas to give.
if folders is empty, it means there was only videos.