Admin Dashboard

Important!

Для того, что бы запустить проект, используя webpack:

• nodejs >=16.13.1
• npm >= 7.10.0

Проект - это фронтенд часть типичной "Панели управления" для магазина товаров, реализованная на vanila JavaScript.

Preview

Стек

• Javascript
• HTML
• CSS
• Webpack
• Browser API

Основные Подходы

• ООП подход. Каждый компонент на странице выражен классом, который обслуживает жизненный цикл компонента.
• Наследование - использовалось для реализации общего поведения между компонентами.
• паттерн Singleton - отлично подошел для компонента нотификации.
• MVC (не в чистом виде) - отделил бизнес логику от представления.
• Event-emmiter - пригодился когда нужно было динамически изменять страницу в ответ на действия пользователя.
• Паттерн Композиция.
• Шаблонные строки - генерировал из них DOM-узлы.

To start project in development mode:

• npm install - установит необходимые зависимости
• npm run develop - запустит "WebpackDevServer"

Note: Версии требуемые проектом указаны в package.json в поле engines

To build project:

npm run build - "соберет" проект в "production" режиме.

Teacher

Владимир Шевчук

• GitHub
• learn.javascript
• Linkedin