Изоморфный Бэм

Когда появился node.js, многие веб-разработчики начали задумываться о возможности использования одного и того же кода как на клиенте, так и на сервере.

Сейчас существует несколько фреймворков, которые ставят во главу угла подход «код один раз, используйте везде», и время от времени появляются новые.

Вот и не мог пройти мимо, пишу аналогичный микрофреймворк - бнсф .

Он предназначен для тех, кто предпочитает создавать фронтенд своих приложений по методологии B&M, используя соответствующий набор технологий и инструментов.

Давайте попробуем начать писать интерфейс для простого одностраничного веб-приложения, используя bnsf. Чтобы не отвлекаться на создание back-end части, в качестве back-end будем использовать vk.com API. Наше приложение будет состоять всего из двух страниц, основной — с формой поиска пользователей по ID — и дополнительной, на которой мы будем отображать информацию о выбранном пользователе.

Для начала вам понадобятся node.js, yeoman и gulp. Рекомендую использовать *nix OS, так как код не тестировался под Windows, хотя теоретически он должен работать.

Я предполагаю, что у вас уже установлен node.js. Если это не так, советую использовать НВМ .

Установите gulp, yeoman и соответствующий генератор:

  
  
  
   

npm install -g gulp yo generator-bnsf

Создадим наш проект:

yo bnsf vk-test-app cd vk-test-app

Вы можете увидеть, какие файлы и папки были созданы:

ls

Выведет примерно следующий набор файлов (порядок может отличаться в разных операционных системах):

README.md

Теги: #tutorial #tutorial #bnsf #bam #bam #node.js #изоморфный #JavaScript #разработка веб-сайтов #JavaScript #node.js
Вместе с данным постом часто просматривают:

Автор Статьи


Зарегистрирован: 2019-12-10 15:07:06
Баллов опыта: 0
Всего постов на сайте: 0
Всего комментарий на сайте: 0
Dima Manisha

Dima Manisha

Эксперт Wmlog. Профессиональный веб-мастер, SEO-специалист, дизайнер, маркетолог и интернет-предприниматель.