menu.bemhtml.js

// match `menu` block
block('menu')(
    
    // match `list` element of `menu` block (`menu__list`)
    elem('list')(
        tag()('ul')
    ),

    // match `item` element of `menu` block (`menu__item`)
    elem('item')(
        tag()('li'),
        content()(function() {
            return {
                block: 'link',
                tag: 'a',
                attrs: {href: this.ctx.url},
                content: this.ctx.title
            };
        })
    )
);

menu.bemjson.js

({
  block: 'menu',
  mods: [{ section: 'learning' }],
  content: [
      { elem: 'title', content: 'Обучение' },
      {
          elem: 'list',
          content: [
              { elem: 'item', url: '/learn_map', title: 'Карта обучения' },
              { elem: 'item', url: '/courses', title: 'Онлайн-курсы' },
              { elem: 'item', url: '/intensive', title: 'Интенсив' },
              { elem: 'item', url: '/pricing', title: 'Подписка' },
              { elem: 'item', url: 'Рейтинг', title: '/rating' }
          ]
      }
  ]
});

menu.data.sample.json

{
  "data": {
    "menu_section_learning": {
      "title": "Обучение",
      "items": [
        {
          "url": "/learn_map",
          "title": "Карта обучения"
        },
        {
          "url": "/courses",
          "title": "Онлайн-курсы"
        },
        {
          "url": "/intensive",
          "title": "Интенсив"
        },
        {
          "url": "/pricing",
          "title": "Подписка"
        },
        {
          "url": "/rating",
          "title": "Рейтинг"
        }
      ]
    }
  }
}

menu.sample.html

<div class="menu menu_section_learning">
    <div class="menu__title">Обучение</div>
    <ul class="menu__list">
        <li class="menu__item"><a class="link" href="/learn_map">Карта обучения</a></li>
        <li class="menu__item"><a class="link" href="/courses">Онлайн-курсы</a> </li>
        <li class="menu__item"><a class="link" href="/intensive">Интенсив</a></li>
        <li class="menu__item"><a class="link" href="/pricing">Подписка</a></li>
        <li class="menu__item"><a class="link" href="Рейтинг">/rating</a></li>
    </ul>
</div>