GithubHelp home page GithubHelp logo

jeket / umi-bem-project-stub Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ilyar/umi-bem-project-stub

0.0 2.0 0.0 240 KB

Заготовка для разработки проектов на UMI.CMS по методологии БЭМ (не готов - активная разработка)

Home Page: ilyar.github.io/umi-bem-project-stub

JavaScript 95.63% PHP 4.37%

umi-bem-project-stub's Introduction

Разработка на UMI.CMS по методологии БЭМ

Заготовка для разработки проектов на UMI.CMS по методологии БЭМ

Термины

  • Система - UMI.CMS
  • Системная папка - директория на хостинге или локально в которую установлена система
  • Стандартный тип данных - тип данных в поставке актуальной версии системы
  • Системный файл - файл идущий в поставке системы и может быть изменен при обновлении

Реализация

Реализация проекта ведется по т.н. новому формату расширения функционала доступного с версии 2.8.5, подробно описан основной документации системы с использование XSLT-шаблонизатора.

Модификации системы

Модификация системы делается исключительно в не системных файлах в особенности это касается модификации административного интерфейса

Разработка

Разработка ведется с применением БЭМ методологии, подробнее о структуре проекта:

project/
  │
  ├── .bem/ (настройка БЭМ инструментов)
  ├── assets/ (результат сборки js, css, images)
  ├── blocks/ (блоки, могут располагаться в папках level_name.blocks, blocks.level_name)
  ├── bundles/ (результат сборки блоков (бандлы), могут располагаться в папках level_name.bundles, bundles.level_name)
  ├── classes/ (бекендн)
  ├── db/ (миграции базы данных)
  ├── umaps/ (протокол UMap — альтернативная маршрутизация адресов)
  ├── usels/ (протокол USel — обеспечивает выборки из базы)
  └── xslt/ (результат сборки всех бандлов)
npm install -g bem-cli
git clone https://github.com/ilyar/umi-bem-project-stub project
cd project
npm install
bem server

Смотрим результат сборки бандла index http://localhost:8080/bundles/index/

umi-bem-project-stub's People

Contributors

ilyar avatar

Watchers

James Cloos avatar Jeket avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.