Всем привет, на моем 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
В общем-то на этом все. Скриншотов, я к сожалению, не делал во время записи. Поэтому тяжело будет описать двухчасовую версию в печатном виде. Однако, на ютубе есть таймкоды по главам и вы можете пропускать не интересующие вас главы.
Всем удачи!
Будут ли еще материалы по Angular, очень нравится подача материала
Здравствуйте. Будут, а вот когда, вопрос хороший. Мало времени даже на сам сайт)