Сборка Angular приложений и другие ресурсы
==========================================

* Назад
* Обзор: Client-side JavaScript frameworks

В финальной статье об Angular рассказывается, как создать полностью готовое приложение и предоставляются дополнительные ресурсы, которые помогут вам продолжить обучение

|  |  |
| --- | --- |
| Необходимые условия: | Понимание основ HTML, CSS, и JavaScript, знание терминала/командной строки (en-US) |
| Цель: | Изучить сборку Angular-приложения. |

Сборка законченного приложения
------------------------------

 Теперь, когда вы закончили разработку своего приложения, вы можете запустить команду Angular CLI `build`.
 Когда вы запускаете команду `build` в директории `todo`, ваше приложение компилируется в директорию с названием `dist/`.

В директории `todo`, выполните следующие команды:


```bash
ng  build --prod
```


 CLI компилирует приложение и помещает результат в директорию `dist`.
 Флаг `--prod` команды `ng build` избавляется от всего, что вам не нужно в продакшене.

Развертывание вашего прилоежния
-------------------------------

 Для развертывания вашего приложения вы можете скопировать содержимое папки `dist/my-project-name` на ваш веб-сервер.
 Поскольку это статичные файлы, вы можете разместить на любом веб-сервере способном обслуживать файлы, например:

* Node.js
* Java
* .NET

Вы можете использовать любой бэкэнд, например Firebase, Google Cloud, или App Engine.

Что дальше
----------

 На этом этапе вы создали базовое приложение, но ваше путешествие с Angular только начинается.
 Вы можете узнать больше изучив документацию Angular, например:

* Tour of Heroes: подробное руководство, в котором рассматриваются функции Angular, такие как использование сервисов, навигация и получение данных с сервера.
* Руководство по Angular-компонентам: серия статей по таким темам как жизненный цикл, взаимодействие компонентов и инкапсуляция представлений.
* Руководство по формам: статьи, которые проведут вас через создание реактивных форм в Angular, проверку ввода и построения динамических форм.
Резюме
------

На этом пока все. Надеемся, вам понравилось работать с Angular!

* Назад
* Обзор: Client-side JavaScript frameworks
В это модуле
------------

* Введение в клиентские фреймворки (en-US)
* Основные функции фреймворков (en-US)
* React
    + Начало работы с React
    + Начало создания приложения списка дел с React (en-US)
    + Компоненты React-приложения (en-US)
    + Интерактивность React: события и состояние (en-US)
    + Интерактивность React: редактирование, фильтрация, условная отрисовка (en-US)
    + Доступность в React (en-US)
    + Ресурсы по React (en-US)
* Ember
    + Начало работы с Ember (en-US)
    + Структура Ember-приложения и компоненты (en-US)
    + Интерактивность Ember: события, классы и состояние (en-US)
    + Интерактивность Ember: функциональность подвала, условная отрисовка (en-US)
    + Маршрутизация в Ember (en-US)
    + Ресурсы по Ember и устранение неполадок (en-US)
* Vue
    + Начало работы с Vue (en-US)
    + Создание вашего первого компонента Vue (en-US)
    + Отрисовка списка Vue-компонентов (en-US)
    + Добавление новой формы во Vue: события, методы, и модели (en-US)
    + Стилизация Vue-компонентов с CSS (en-US)
    + Использование вычисляемых свойств во Vue (en-US)
    + Условная отрисовка во Vue: Редактирование существующих дел (en-US)
    + Управление фокусом во Vue с помощью refs (en-US)
    + Ресурсы по Vue (en-US)
* Svelte
    + Начало работы со Svelte (en-US)
    + Начинаем приложение списка дел c использованием Svelte (en-US)
    + Динамическое поведение в Svelte: работа с переменными и пропсами (en-US)
    + Компоненты Svelte-приложения (en-US)
    + Продвинутый Svelte: реактивность, жизненный цикл, доступность (en-US)
    + Работа хранилищами в Svelte (en-US)
    + Поддержка TypeScript в Svelte (en-US)
    + Развёртывание и следующие шаги (en-US)
* Angular
    + Начало работы с Angular
    + Начинаем приложение списка дел с использованием Angular
    + Стилизация Angular-приложения
    + Создание компонента элемента (item component)
    + Фильтрация списка дел
    + Сборка Angular-приложений и другие ресурсы