JavaScript для глубокого обучения 2021 TensorFlow js Ббк

Часть II • Введение в TensorFlow.js
Начнем с получения копий HTML­, JavaScript­файлов и файлов конфигурации, 
клонировав репозиторий проекта из GitHub
1
. За исключением простейших (разме­
щенных на CodePen), все примеры в книге собраны и разбиты по каталогам в одном 
из двух репозиториев Git: 
tensorflow/tfjs-examples
и 
tensorflow/tfjs-models
. 
Для клонирования необходимого для этого примера репозитория на локальную 
машину и смены рабочего каталога на каталог проекта boston­housing выполните 
следующие команды:
git clone https://github.com/tensorflow/tfjs-examples.git
cd tfjs-examples/boston-housing
ИНФОБОКС 2.3. Базовая структура проектов JavaScript 
для примеров из книги
Стандартная структура проекта для наших примеров включает три важных типа фай­
лов. Первый — HTML. Используемые HTML­файлы, сокращенные до абсолютного 
минимума, будут служить главным образом каркасами для всего нескольких компо­
нентов. Чаще всего в проекте будет только один HTML­файл — 
index.html
, — вклю­
чающий несколько тегов 

, возможно, несколько элементов UI и тег 
source
для 
подтягивания в него JavaScript­кода, например, из файла 
index.js
.
JavaScript­код будет разбит на несколько файлов ради удобства чтения и хорошего 
стиля. В случае проекта Boston­housing код, отвечающий за обновление визуальных 
элементов, располагается в 
ui.js
, а код скачивания данных — в 
data.js
. На оба файла 
мы ссылаемся из файла 
index.js
с помощью операторов 
import
.
Третий важный тип файлов, с которыми нам предстоит работать, — файл пакета ме­
таданных 
.json
. Он нужен системе управления пакетами npm (
http://www.npmjs.com/
). 
Если вам еще не приходилось работать с npm или Yarn, рекомендуем просмотреть 
документацию npm для начинающих по адресу 
https://docs.npmjs.com/about-npm
и разо­
браться в ней настолько, чтобы уметь собирать и запускать примеры кода. В качестве 
системы управления пакетами мы будем использовать Yarn (
https://yarnpkg.com/en/
), 
но если вам больше нравится npm, то можете работать с ним.
Обратите внимание на следующие важные файлы внутри репозитория:
• 
index.html
— корневой HTML­файл, содержащий корневой узел DOM и обеспе­
чивающий вызов сценариев JavaScript;
• 
index.js
— корневой JavaScript­файл, отвечающий за загрузку данных, описание 
модели и цикла обучения, в котором задаются элементы UI;
• 
data.js
— реализация структур данных, необходимых для скачивания набора 
Boston­housing и обращения к нему;
1 
Исходный код примеров из этой книги открыт и размещен на сайтах github.com и code pen.io. 
Если вам нужна дополнительная информация о том, как использовать инструментарий 
управления исходным кодом Git, можете воспользоваться прекрасным руководством, на­
чинающимся на странице https://help.github.com/articles/set­up­git. Если вы обнаружили 
ошибку или хотели бы помочь нам в прояснении каких­либо моментов, пожалуйста, при­
сылайте исправления через запросы на внесение изменений GitHub.

---