В данном видео разберем вопрос мультиязычности многостраничного сайта, где переключение языков будет происходить без перезагрузки страницы.
При переходе между страницами и при перезагрузке будет сохраняться выбранный язык.
Поддержать меня на Boosty:
https://boosty.to/yuri_simonov
Тайминги:
00:00 Приветствие и превью
00:40 Начало написания скрипта
01:20 Суть мультиязычности
02:30 Прописывание data-атрибутов в разметке
02:57 Продолжаем писать код
03:57 Функция для определения нужного объекта с текстами
04:54 Функция для перебора объекта с текстами
06:21 Вешаем обработчики событий на кнопки в хедере
07:44 Функция для сброса активного класса у кнопок в хедере
08:45 Доработка функционала
11:59 Функция для проверки активной кнопки
13:09 Убираем лишнее
14:11 Варианты улучшения скрипта
15:07 Функция для определения языка браузера
17:37 Варианты улучшения скрипта №2
18:23 Заключение
Готовый код:
https://codepen.io/Yuri_Simonov/pen/v...
Ссылка на плейлист по JavaScript:
• Задачи по JS
Мой телеграм канал по айтишечке:
https://t.me/yuri_simonov_it
Я в соц.сетях:
VK: https://vk.com/yura1596