Ваши данные остаются у вас: хранение, экспорт, личный ключ

Local-first, «сначала локально», — подход, при котором данные принадлежат человеку и хранятся на его устройстве, например в IndexedDB браузера, а не на сервере.

У учебника нет сервера для ваших данных

Большинство сайтов, на которых вы учились, хранили ваш прогресс у себя: вы создавали аккаунт, и всё лежало на их сервере. Здесь иначе. Учебник это набор страниц, которые браузер скачивает один раз. Всё, что вы делаете, ответы, карточки, ваш бриф и ваш код, браузер записывает у вас на устройстве, в хранилище под названием IndexedDB. Это встроенная в браузер база данных: сайт может положить туда много информации, и она останется после закрытия вкладки.

Отсюда плюс. Никакой регистрации, никто не следит за тем, что вы делаете, ваши данные никому не уходят и не могут утечь с чужого сервера. Это называют подходом «сначала локально» (local-first): данные принадлежат человеку и лежат у него.

Проверьте себя: где хранится ваш прогресс?

В вашем браузере, на вашем устройстве. Серверу учебника он не уходит.

Цена: единственная копия

Если данные лежат только у вас, их сохранность тоже только ваша. Они пропадут, если:

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

Последнее можно смягчить, но не отменить: браузер может пообещать «хранить постоянно», однако не обязан. Поэтому у учебника есть главное правило про сохранность: сохраняйте прогресс файлом.

Файл прогресса

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

Загрузка идёт в обратную сторону. На новом устройстве откройте учебник и выберите файл в тех же настройках. Прежде чем что-либо менять, учебник покажет, что в файле, и спросит подтверждение: загрузка заменяет всё, что сейчас в этом браузере.

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

Проверьте себя: сколько у вашего прогресса копий и где вторая?

Одна, в браузере. Вторая появляется, только когда вы сами сохраните файл.

Ваш ключ и режим модели

Эхо умеет отвечать на вопросы двумя способами. Без ключа он выдаёт заготовленные подсказки урока: бесплатно, без сети, ничего никуда не уходит. С ключом он может ответить на любой вопрос своими словами, но тогда его ответ готовит ИИ-сервис, который вы сами выбрали и оплачиваете.

Что здесь важно знать:

• Ключ это как пароль от вашего счёта у сервиса. Он хранится только в вашем браузере.
• В файл прогресса ключ попадает только по вашей галочке. Если поставите, храните файл как пароль.
• Уходит только тому сервису, который вы выбрали, и только когда вы задаёте вопрос. С вопросом уходят текст урока и ваш текущий код. Бриф уходит, только если вы разрешили это для этого вопроса.
• Каждый вопрос стоит денег, и учебник заранее показывает оценку.
• По умолчанию режим модели выключен.

Поиграйте переключателями и посмотрите, что куда уходит.

Режим модели включён (вы вписали свой ключ и задаёте вопрос) Я разрешил отправлять бриф с вопросом Включить ключ в файл прогресса

Что	Где лежит	В файл прогресса	Выбранной вами модели
Прогресс: пройденные уроки, ответы, карточки	в этом браузере	в файл, когда вы нажали «Сохранить прогресс»	никогда
Бриф: ваш проект и ваши данные	в этом браузере	в файл, вместе с прогрессом	нет
Ваш код из практики	в этом браузере	в файл, вместе с прогрессом	нет
Текст урока, который вы сейчас читаете	это текст учебника, не ваш	нет	нет
Ваш ключ от ИИ-сервиса	в этом браузере	нет, по умолчанию его в файле нет	нет
Ваш вопрос Эхо, написанный своими словами	не сохраняется	нет	без ключа вопросов своими словами нет, Эхо отвечает заготовками
Всё перечисленное: серверу учебника	—	—	никогда: у учебника нет сервера для ваших данных

Модель выключена: ничего не уходит никуда. Всё лежит на вашем устройстве.

Проверьте себя: что уходит ИИ-сервису, когда вы задаёте Эхо вопрос?

Ваш вопрос, текст урока и ваш текущий код. Бриф только если вы это разрешили. Если ключ не вписан, не уходит ничего.

Своё или вымышленное

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

Для практики это значит следующее.

• Ваши данные. Вы можете вписать свои имя, телефон, почту и город. Они лягут в хранилище вашего браузера и в ваш файл прогресса, и вы увидите их на страницах своего сайта. Дальше они не уйдут. Но помните: если вы выложите сайт в открытый интернет, они станут публичными.
• Вымышленные данные. Подойдёт придуманное имя, номер из нулей и адрес на example. Для практики этого достаточно.
• Чужие данные. Имя, телефон или фото живого человека без его письменного согласия вписывать не нужно. Даже «для учёбы».

Хорошее правило на будущее: в практике и в черновиках используйте вымышленное, а настоящее вписывайте в последний момент, когда сайт действительно собираетесь публиковать.

Практика

Ниже ваша страница, и под ней заметка из четырёх строк: те данные из вашего брифа, которые попадают на страницу. Для каждого решите, своё оно или вымышленное, и вместо многоточия напишите «своё» или «вымышленное». Эту заметку вы сможете поменять, когда захотите.

Сделайте сейчас

1. В настройках нажмите «Сохранить прогресс» и положите файл туда, где его не потеряете.
2. Если вы хотите, чтобы на сайте были ваши данные, впишите их в настройках. Если не хотите, оставьте пример.
3. Нажмите «Завершить урок». Часть 0 пройдена: дальше мы разберём, как устроен интернет.