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

О: По квору:

Локальное хранилище:

Веб-хранилище можно упрощенно рассматривать как усовершенствование файлов cookie, обеспечивающее гораздо большую емкость хранилища. Доступный размер — 5 МБ, что значительно больше места для работы, чем обычный файл cookie размером 4 КБ.

Файлы cookie:

Ограничение в 4 КБ распространяется на весь файл cookie, включая имя, значение, дату истечения срока действия и т. д. Для поддержки большинства браузеров размер имени не должен превышать 4000 байт, а общий размер файла cookie – не более 4093 байт.

Хранилище сеансов:

Похоже на локальное хранилище. Изменения доступны только для каждого окна (или вкладки в таких браузерах, как Chrome и Firefox). Внесенные изменения сохраняются и доступны для текущей страницы, а также для будущих посещений сайта в том же окне. После закрытия окна хранилище удаляется

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

О: на github:

hreflang атрибут в ссылке

  • Атрибут dir, указывающий направление языка, например rtl
  • <meta charset='UTF-8'>
  • font-size для :lang({language_code}) селекторов в CSS
  • разница в длине слова для каждого языка

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

О: Используйте lang (или xml:lang для XHTML) в тегах. Также можно использовать метаданные и Content-Language HTTP-заголовок.

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

О: Я изучил базовые принципы работы с javascript и узнал, как улучшить список дел на странице виджета. Для меня это очень сложно, и я потрачу 3 недели простоя, пытаясь наверстать упущенное.

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

О: Согласно github:

  • <script> останавливает процесс рендеринга, загружает и запускает скрипт.
  • <script async> не останавливайте процесс рендеринга при асинхронной загрузке скрипта. По завершении загрузки он останавливает рендеринг и запускает скрипт.
  • <script defer> не останавливайте процесс рендеринга при асинхронной загрузке скрипта. По завершении рендеринга запускается скрипт.

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

О: Согласно github:

Элементы HTML содержат дополнительную информацию без использования нестандартных атрибутов или других подобных приемов.