Руководства Ember.js

Ember — это фреймворк JavaScript для front-end, предназначенный для создания веб-сайтов с богатыми и сложными пользовательскими взаимодействиями. Он обеспечивает разработчиков множеством функций, необходимых для управления сложностью современных веб-приложений, а также интегрированной средой разработки, позволяющей быстро итерировать.

Некоторые из этих функций, о которых вы узнаете в руководствах:

• Ember CLI — надёжная среда разработки для создания, разработки и сборки приложений Ember. Когда вы видите инструкцию $ ember <command> в руководствах, это означает Ember CLI!
• Маршрутизация — центральная часть приложения Ember. Позволяет разработчикам управлять состоянием приложения из URL.
• Система шаблонов — используйте синтаксис Handlebars для написания шаблонов вашего приложения
• Уровень данных — Ember Data предоставляет согласованный способ взаимодействия с внешними API и управления состоянием приложения
• Инспектор Ember — расширение браузера или закладка, позволяющая инспектировать ваше приложение в режиме реального времени. Также полезно для обнаружения приложений Ember в дикой природе, попробуйте установить его и откройте сайт NASA!

В левой части каждой страницы руководства находится оглавление, организованное по разделам, которые можно раскрыть для просмотра соответствующих тем. Как разделы, так и темы внутри каждого раздела упорядочены от базовых до продвинутых концепций.

Руководства предназначены для практического объяснения того, как создавать приложения Ember, сфокусировавшись на наиболее широко используемых функциях Ember.js. Для получения исчерпывающей документации по каждой функции и API Ember см. документацию API Ember.js.

Руководства начинаются с объяснения того, как начать работу с Ember, за которым следует учебник по созданию вашего первого приложения Ember. Если вы новичок в Ember, рекомендуем начать с этих первых двух разделов руководств.

Хотя мы стараемся сделать Руководства максимально понятными для новичков, мы должны установить базовые знания, чтобы Руководства оставались сосредоточенными на функциональности Ember.js. Мы будем стараться ссылаться на соответствующую документацию всякий раз, когда вводится новая концепция.

Чтобы максимально использовать Руководства, вы должны иметь базовые знания:

• HTML, CSS, JavaScript — строительные блоки веб-страниц. Вы можете найти документацию по этим технологиям на Mozilla Developer Network.
• Promises — встроенный способ обработки асинхронности в вашем коде JavaScript. См. соответствующий раздел на Mozilla Developer Network.
• ES2015 модули — вы лучше поймете структуру проекта Ember CLI и пути импорта, если вы знакомы с модулями JavaScript.
• Синтаксис ES2015 — Ember CLI по умолчанию поставляется с Babel.js, что позволяет использовать новые языковые возможности, такие как стрелочные функции, шаблонные строки, деструктуризация и многое другое. Вы можете проверить документацию Babel.js или прочитать Understanding ECMAScript 6 онлайн.

Ember предпримет много усилий, чтобы помочь вам создавать быстрые приложения, но не может предотвратить создание медленного приложения. Это особенно актуально на мобильных устройствах. Чтобы обеспечить отличный пользовательский опыт, важно измерять производительность на ранних этапах и часто, а также на различных устройствах.

Убедитесь, что вы тестируете производительность на реальных устройствах. Моделирование мобильных сред на настольном компьютере даёт, в лучшем случае, оптимистичное представление о реальной производительности. Чем больше операционных систем и аппаратных конфигураций вы протестируете, тем увереннее вы будете.

Из-за ограниченной сетевой связи и мощности процессора высокая производительность на мобильных устройствах редко достигается бесплатно. Вы должны интегрировать тестирование производительности в свой рабочий процесс разработки с самого начала. Это поможет вам избежать дорогостоящих архитектурных ошибок, которые гораздо сложнее исправить, если вы заметите их только после того, как приложение будет почти завершено.

Короче говоря:

1. Всегда тестируйте на реальных представительных мобильных устройствах.
2. Измеряйте производительность с самого начала и продолжайте тестировать по мере развития приложения.

Эти советы помогут вам выявить проблемы на ранней стадии, чтобы их можно было систематически решить, а не в последнюю минуту.

Опечатки, пропущенные слова и примеры кода с ошибками считаются ошибками в документации. Если вы обнаружите одну из них или хотите внести другие улучшения в существующие руководства, мы с радостью вам поможем!

Вот несколько наиболее распространённых способов сообщения о проблеме с руководствами:

• Использование значка карандаша в правом верхнем углу каждой страницы руководства
• Открытие проблемы или запроса на добавление в репозиторий GitHub

Нажатие значка карандаша переведёт вас в редактор GitHub для данного руководства, чтобы вы могли сразу же отредактировать его, используя язык разметки Markdown. Это самый быстрый способ исправить опечатку, пропущенное слово или ошибку в примере кода.

Если вы хотите внести более значительный вклад, обязательно проверьте наш трекер проблем, чтобы убедиться, что ваша проблема уже не решается. Если вы не найдёте активной проблемы, откройте новую.

Если у вас есть вопросы о стилистике или процессе внесения вклада, вы можете ознакомиться с нашим руководством по внесению вклада. Если ваш вопрос остаётся, свяжитесь с нами в канале #dev-ember-learning на Discord сообщества Ember.

Удачи!