Академия кодирования Остина

  1. Опишите одну вещь, которую вы узнали сегодня на уроке.

DOM дает разработчику возможность динамически изменять содержимое, отображаемое на веб-странице, с использованием Javascript (или другого языка программирования). Это позволяет разработчику добавлять аспекты интерактивности на веб-страницу, чтобы привлечь конечного пользователя и повысить удобство использования.

2. Опишите разницу между <script>, <script async> и <script defer>.

<script> — это выполнение тега скрипта по умолчанию. HTML приостановит цикл рендеринга контента, пока браузер читает скрипт. Это может привести к медленной загрузке страницы, если скрипт расположен на сервере с минимальной производительностью.

<script async> позволяет скрипту загружаться в свое время. Это хороший вариант, если элементы скрипта не обязательно нужны сразу для сайта.

<script defer> задерживает загрузку скрипта до тех пор, пока не завершится рендеринг HTML. Преимущество, которое это дает, заключается в том, что все аспекты DOM становятся доступными, когда скрипт наконец загрузится.

3. Для чего нужны атрибуты данных?

Атрибуты данных позволяют разработчику сохранять пользовательские данные непосредственно в элементах HTML. Затем к этим встроенным пользовательским данным можно получить доступ через DOM, чтобы сделать страницу более привлекательной и индивидуальной для конечного пользователя.

4. Опишите разницу между cookie, sessionStorage и localStorage.

Хотя все три сохраняют данные в браузере, каждый из них имеет разные методы сохранения данных.

Файл cookie: в основном используется для данных, которые необходимо вернуть на сервер. Дата истечения срока действия может быть определена индивидуально для каждого файла cookie. Размер каждого файла cookie должен быть менее 4 КБ.

sessionStorage: срок действия данных истекает после закрытия вкладки браузера. Данные никогда не передаются на сервер. Имеет более высокий предел хранения, чем файлы cookie.

localStorage: никогда не истекает и может быть очищен только путем очистки кеша браузера или очистки объекта хранилища с помощью кода Javascript. Предел хранения является самым большим среди всех трех методов.

5. На что следует обратить внимание при проектировании или разработке многоязычных сайтов?

Программы чтения с экрана и устройства Брайля работают в зависимости от языка, заданного в атрибуте lang тега html. Если используется неверный код языка, это может привести к тому, что веб-страница будет недоступна для веб-браузера.

6. Как вы обслуживаете страницу с контентом на нескольких языках?

Хорошим подходом является запрос Accept-Language. HTTP-заголовок запроса Accept-Language информирует пользователя о языках, понятных клиенту, и позволяет пользователю выбрать язык, который ему подходит. Это позволяет получить доступ к сайту и использовать его в разных культурах.