Build a Multilingual Site using JavaScript! | Extend Translations & Improve Code

Опубликовано: 22 Март 2026
на канале: Coding With ArsenTech
151
7

Learn how to add translations for new elements (extend the i18n (internationalization) support to more elements like buttons, texts, headers, and so on) and convert the translation data object into a JSON file, resulting in cleaner and optimized JavaScript code.

➤ Watch both Part 1 and Part 2 Before Watching This
   • Build a Multilingual Site using JavaScript...  
   • Build a Multilingual Site using JavaScript...  

➤ Timestamps:
0:00 Intro
0:30 Live Preview
0:50 Update changeLang() to Translate More Elements
1:56 Add More Translatable Elements & Test Function
2:43 Move Translations to a JSON File
3:22 Update changeLang() to Fetch Translations from JSON and a Final Test
3:57 Outro

➤ Source Code:
https://github.com/ArsenTech/source-c...

➤ Live Preview:
https://codepen.io/ArsenTech/pen/KwdKqYN

➤ Music:
Song: Jim Yosef - Link [NCS Release]
Music provided by NoCopyrightSounds.
Watch:    • Jim Yosef - Link | House | NCS - Copyright...  

#Webdev #Javascript #ArsenTech #languages #language #HTML #CSS
————————————
➤ Subscribe (Programming with ArsenTech):    / @coding_with_arsentech  
➤ Subscribe (ArsenTech):    / @arsentech  
➤ Odysee (Tech): https://odysee.com/@ArsenTech
➤ Odysee (Coding): https://odysee.com/@ArsenTech-Coding
➤ Patreon:   / arsentech  
➤ Visit My Website: https://arsentech.github.io/
Like, Share, and Comment if you liked this