Banshop
Репозиторий для цикла статей – «Сайт визитка на Angular»
Демо – banshop.fafn.ru
В статьях будет представлен процесс разработки приложения, который будет начинаться с определения предметной области и заканчиваться тестированием приложения.
Приложение будет разработано на 3 платформы
- handset
- tablet
- web
Процесс разработки
В первой статье вкратце описан процесс создания нового Angular приложения.
Вторая статья посвящена описанию “core” модулям, которые будут использоваться в библиотеке.
Третья статья расскажет о принципах создания UI KIT общих компонентов, которые будут использоваться в приложении. Примеры компонент из ui-kit: сетка, контейнер, карусель, базовый лейаут приложения, а также еще несколько директив для задания стилей компонентам.
Четвертая статья посвящена разработке модуля продуктов. В статье будет описан процесс создания state, загрузки данных из внешнего источника (google sheets), а также созданы компоненты для отображения полученного списка товаров.
В пятой статье показана реализация модуля корзины. В статье также приведена реализация state корзины, в частности сохранение выбранных товаров, их отображение и изменение.
Шастая статья реализовывает страницу оформления заказа, которая содержит форму с данными о клиенте, а также списком выбранных товаров.
Седьмая статья реализует чат службы поддержки, но без реальной интеграции с внешним провайдером, так как это выходит за рамки статьи.
Восьмая статья посвящена созданию страниц ошибок, а также настройке и генерации локализации.
Девятая статья посвящена настройке локализации в Angular приложении.
Десятая статья посвящена базовой SEO настройки приложения, которая добавляет карту сайта, мета теги и robots.
Одиннадцатая статья направлена на обзор реализации Server Side Rendiring’а с помощью NodeJS, частности express. В статье будет приведена реализация сервера вместе с корректными настройками prerender’а.
Двенадцатая статья посвящена тестированию приложения.
В последней статье произведен обзор проделанной работы, в котором будут ссылки на исходники и демо приложение.
Ссылки
В данный цикл войдут следующие статьи, которые будут посвящены следующим модулям: