Angular 13: Онлайн магазин с нуля

Angular 13: Онлайн магазин Angular

Всем привет, на моем YouTube канале вышло новое видео по созданию онлайн магазина на Angular 13. В видео применяются такие технологии как Material UI, RxJS и даже fake API. Видео получилось аж на 2 часа+. Переходите, должно быть интересно.

В видео полностью рассказываю весь процесс создания магазина, от начала развертывания проекта, установки необходимых пакетов, верстки с полным переходом к логике. Прописываю и проговариваю абсолютно каждое действие.

В видео есть товары, переходы к отдельному товару, добавление в корзину. Также используем и переиспользуем Material UI диалоговые окна для создания и редактирования наших товаров в магазине. Подробно показан «проброс» данных к компоненту. Вызываем одно диалоговое окно с разных компонентов и много всего другого.

Если у вас возникли какие-либо вопросы, вы можете задавать их здесь в комментариях, либо на самом YouTube. Стараюсь всем отвечать.

Полезные ссылки Angular:

Вот вам некоторые полезные ссылки, которые использовались при создании этого онлайн магазина:

Исходный код проекта на GitHub: https://github.com/DeniDenx/online-shop-angular
Material UI: https://material.angular.io/
Json-server: https://www.npmjs.com/package/json-server
Иконки: https://fonts.google.com/icons?icon.set=Material+Icons

Используемые команды:

Установка json-server:

npm i json-server

Запуск json-server:

json-server --watch db.json

Установка Material UI:

ng add @angular/material

В общем-то на этом все. Скриншотов, я к сожалению, не делал во время записи. Поэтому тяжело будет описать двухчасовую версию в печатном виде. Однако, на ютубе есть таймкоды по главам и вы можете пропускать не интересующие вас главы.

Всем удачи!

Оцените статью

Добавить комментарий