Max Home IndustryЕсли вам интересно, какие инструменты использовать для создания веб-приложения на стороне клиента, в новой комнате записи Mozilla есть набор рекомендаций и инструмент, который пытается интегрировать их за вас. Это описывается как «незавершенная работа», и разработчикам рекомендуется попробовать это.
Мы впервые услышали о плане Mozilla собрать основной набор инструментов для разработки веб-приложений еще в апреле, и теперь он материализовался в виде Rec Room, репозитория GitHub, который описывается как
«будущий дом служебного пояса от Mozilla, который поможет вам создавать клиентские веб-приложения».
Rec Room — это служебный набор инструментов Node.js для веб-приложений для Firefox OS. Его собрал @tofumatt, он же Мэтью Райли Макферсон, хакер веб-приложений в Mozilla, опираясь на свой собственный опыт.
В своем сообщении в блоге, представляющем Rec Room, тофуматт не только подробно описывает набор инструментов, которые он использовал во время работы над High Fidelity, приложением для подкастов HTML5, но также предоставляет задокументированный пример его использования для создания простого приложения с мировыми часами, которое уводит нас от создания проекта. от шаблона до развертывания.
Для начала вам нужно установить Rec Room с помощью Node.js, и отсюда вы получите доступ к:
Блок для добавления в пользовательский интерфейс таких компонентов, как панели приложений и кнопки.
Ember для контроллеров, моделей и представлений вашего приложения
Ручки для написания шаблонов вашего приложения
Grunt для выполнения задач для вашего приложения, включая сборку для производства
I18n.js для локализации вашего приложения
Mocha для тестирования вашего приложения
Стилус для написания вашего CSS
Yeoman для создания нового кода для моделей и шаблонов вашего приложения
Полный пример приложения доступен на сайте worldclock.tofumatt.com, а исходный код доступен на GitHub.
Стоит отметить, что инструменты, по сути, представляют собой некоторые утилиты командной строки, которые создают структуру проекта с использованием перечисленных библиотек. После этого вам решать, как редактировать проект и управлять им. Вам также необходимо знать, как использовать каждую из фреймворков. Учитывая, что целью является создание приложений HTML / JavaScript, это все еще кажется большим препятствием, которое нужно преодолеть. Почему программисты отказываются осознавать, что наиболее продуктивной средой для начинающего программиста в любой области является IDE, предпочтительно с графическим редактором пользовательского интерфейса. Если вы придерживаетесь убеждения «просто пользуйтесь текстовым редактором», вы не согласитесь с этим последним утверждением.
Комментарий к сообщению в блоге Майкла Ниманна спрашивает:
Что делает node.js и все остальное, что, кажется, требует для меня, на самом деле лучше, чем просто писать файл js, файл css и файл html.
Ответ Тофуматта состоит в том, что, хотя для многих людей, в зависимости от проекта, HTML, CSS и JS будут лучшим вариантом, другим нужно что-то более полнофункциональное, чтобы быть продуктивным. Он пишет:
На мой взгляд, эти требования позволили мне создавать автономные приложения со сложной маршрутизацией, взаимодействием моделей и более простым способом. Если ваши потребности просты, значит, вы готовы, но если ваши потребности сложные, я надеюсь, что эти инструменты упростят задачу.
Другой комментатор, Эндрю Фаллоус, дополняет этот ответ:
Основная идея таких инструментов, как Node, Ember, Stylus и других инструментов в коллекциях, таких как Rec Room, сводится к одному: ускорение процесса разработки.
Каждое современное современное веб-приложение, построенное на основе чего-то вроде EmberJS, технически могло быть написано на чистом JavaScript без каких-либо дополнительных инструментов. В конце концов, как только он попадает в браузер, это не что иное, как HTML, CSS и JS — все это компилируется и интерпретируется. Преимущество этих инструментов в том, что разработчику требуется меньше времени, чтобы достичь того же уровня полноты / функциональности.
Это все верно, но объединения нескольких фреймворков и предоставления инструмента командной строки, который создает и запускает проект, на самом деле недостаточно. Это шаг в правильном направлении, но вряд ли он преодолеет стартовые препятствия. Почему бы не использовать что-то вроде Netbeans в качестве отправной точки для IDE для приложений Firefox? Google применил этот подход в Android Studio, что значительно упрощает создание приложений.
Программистам веб-приложений нужна современная среда IDE, а не набор слабо связанных инструментов.