diff --git a/.github/workflows/stale.yml b/.github/workflows/stale.yml
new file mode 100644
index 00000000..a4ef3b26
--- /dev/null
+++ b/.github/workflows/stale.yml
@@ -0,0 +1,27 @@
+# This workflow warns and then closes issues and PRs that have had no activity for a specified amount of time.
+#
+# You can adjust the behavior by modifying this file.
+# For more information, see:
+# https://github.com/actions/stale
+name: Mark stale issues and pull requests
+
+on:
+  schedule:
+  - cron: '35 8 * * *'
+
+jobs:
+  stale:
+
+    runs-on: ubuntu-latest
+    permissions:
+      issues: write
+      pull-requests: write
+
+    steps:
+    - uses: actions/stale@v3
+      with:
+        repo-token: ${{ secrets.GITHUB_TOKEN }}
+        stale-issue-message: 'This issue has not seen any action for a while! Closing for now, but it can be reopened at a later date.'
+        stale-pr-message: 'This PR has not seen any action for a while! Closing for now, but it can be reopened at a later date.'
+        stale-issue-label: 'no-issue-activity'
+        stale-pr-label: 'no-pr-activity'
diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.es.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.es.md
index ef72ea29..4006be1e 100644
--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.es.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.es.md
@@ -87,7 +87,7 @@ Existe la posibilidad de que un dispositivo no ejecute algunas declaraciones. Es
 
 ## Herramientas del oficio
 
-[![Tools of the Trade](https://img.youtube.com/vi/69WJeXGBdxg/0.jpg)](https://youtube.com/watch?v=69WJeXGBdxg "Tools of the Trade")
+[![Herramientas](https://img.youtube.com/vi/ysMrHssmhl0/0.jpg)](https://youtube.com/watch?v=ysMrHssmhl0 "Herramientas")
 
 En esta sección, aprenderás sobre software que puede ayudarte comenzar tu viaje de desarrollo profesional.
 
diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.pt.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.pt.md
index e634ca27..fde8d392 100644
--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.pt.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.pt.md
@@ -1,6 +1,6 @@
 # Introdução a Linguagens de Programação e Ferramentas
 
-Essa lição trata dos básicos de linguagens de programação. Os tópicos tratados aqui se aplicam na maioria das linguages de prorgamação modernas. Na sessão 'Ferramentas', você vai aprender sobre softwares úteis que ajudarão como uma pessoa desenvolvedora.
+Essa lição trata dos básicos de linguagens de programação. Os tópicos tratados aqui se aplicam na maioria das linguagens de programação modernas. Na sessão 'Ferramentas', você vai aprender sobre softwares úteis que ajudarão como uma pessoa desenvolvedora.
 
 ![Introdução a Programação](/sketchnotes/webdev101-programming.png)
 
@@ -96,7 +96,7 @@ Há uma chance de que algumas instruções não sejam executadas por um disposit
 
 ## Ferramentas
 
-[![Ferramentas](https://img.youtube.com/vi/69WJeXGBdxg/0.jpg)](https://youtube.com/watch?v=69WJeXGBdxg "Ferramentas")
+[![Ferramentas](https://img.youtube.com/vi/bynF1E0Hq98/0.jpg)](https://youtube.com/watch?v=bynF1E0Hq98 "Ferramentas")
 
 Nesta seção, você aprenderá sobre alguns softwares que podem ser muito úteis ao iniciar sua jornada de desenvolvimento profissional.
 
@@ -141,7 +141,7 @@ Muitos navegadores vêm com _ferramentas para desenvolvimento_ (DevTools) que co
 - [Chrome](https://developers.google.com/web/tools/chrome-devtools/)
 - [Firefox](https://developer.mozilla.org/docs/Tools)
 
-### Ferramentas da Linah de Comando
+### Ferramentas da Linha de Comando
 
 Algumas pessoas desenvolvedoras preferem uma visualização menos gráfica para suas tarefas diárias e contam com a linha de comando para fazer isso. O desenvolvimento de código requer uma quantidade significativa de digitação e algumas pessoas desenvolvedoras preferem não interromper seu fluxo no teclado e usam atalhos de teclado para alternar entre as janelas da área de trabalho, trabalhar em arquivos diferentes e usar ferramentas. 
 A maioria das tarefas pode ser concluída com um mouse, mas um benefício de usar a linha de comando é que muito pode ser feito com ferramentas de linha de comando sem a necessidade de alternar entre o mouse e o teclado. Outro benefício da linha de comando é que ela é configurável ​​e você pode salvar sua configuração personalizada, alterá-la posteriormente e também importá-la para novas máquinas de desenvolvimento. Como os ambientes de desenvolvimento são tão exclusivos para cada pessoa desenvolvedora, algumas evitam o uso da linha de comando e outras dependem dela inteiramente e existem também aquelas que preferem uma combinação dos dois.
diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.ru.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.ru.md
index 8774c935..4ab1f90c 100644
--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.ru.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.ru.md
@@ -140,16 +140,16 @@ back add r0,r1
 
 Некоторые разработчики предпочитают менее графическое представление для своих повседневных задач и полагаются на командную строку для достижения этой цели. Разработка кода требует значительного набора текста, и некоторые разработчики предпочитают не мешать работе с клавиатурой и будут использовать сочетания клавиш для переключения между окнами рабочего стола, работы с разными файлами и использования инструментов. Большинство задач можно выполнить с помощью мыши, но одним из преимуществ использования командной строки является то, что многое можно сделать с помощью инструментов командной строки без необходимости переключаться между мышью и клавиатурой. Еще одним преимуществом командной строки является то, что они настраиваются, и вы можете сохранить свою настраиваемую конфигурацию, изменить ее позже, а также импортировать ее на новые устройства для разработки. Поскольку среды разработки настолько уникальны для каждого разработчика, некоторые избегают использования командной строки, некоторые будут полностью полагаться на нее, а некоторые предпочитают сочетание двух.
 
-### Популярные параметры командной строки
+### Популярные варианты командной строки
 
-Параметры командной строки зависят от используемой вами операционной системы.
+Варианты командной строки зависят от используемой вами операционной системы.
 
 _💻 = предустановлен в операционной системе._
 
 #### Windows
 
 - [Powershell](https://docs.microsoft.com/powershell/scripting/overview?view=powershell-7?WT.mc_id=academic-13441-cxa) 💻
-- [Command Line](https://docs.microsoft.com/windows-server/administration/windows-commands/windows-commands?WT.mc_id=academic-13441-cxa) (also known as CMD) 💻
+- [Command Line](https://docs.microsoft.com/windows-server/administration/windows-commands/windows-commands?WT.mc_id=academic-13441-cxa) (также известный как CMD) 💻
 - [Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-13441-cxa)
 - [mintty](https://mintty.github.io/)
 
@@ -167,7 +167,7 @@ _💻 = предустановлен в операционной системе.
 
 #### Популярные инструменты командной строки
 
-- [Git](https://git-scm.com/) (💻 on most operating systems)
+- [Git](https://git-scm.com/) (💻 в большинстве операционных систем)
 - [NPM](https://www.npmjs.com/)
 - [Yarn](https://classic.yarnpkg.com/en/docs/cli/)
 
@@ -200,4 +200,4 @@ _💻 = предустановлен в операционной системе.
 
 ## Задание
 
-[Чтение документации](assignment.md)
+[Чтение документации](assignment.ru.md)
diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.ta.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.ta.md
new file mode 100644
index 00000000..86e4ba38
--- /dev/null
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.ta.md
@@ -0,0 +1,198 @@
+# வர்த்தகத்தின் நிரலாக்க மொழிகள் மற்றும் கருவிகள் அறிமுகம்
+
+இந்த பாடம் நிரலாக்க மொழிகளின் அடிப்படைகளை உள்ளடக்கியது. இங்கே உள்ளடக்கப்பட்டுள்ள தலைப்புகள் இன்று பெரும்பாலான நவீன நிரலாக்க மொழிகளுக்கு பொருந்தும். 'வர்த்தககருவிகள்' பிரிவில், நீங்கள் ஒரு டெவலப்பராக உங்களுக்கு உதவும் பயனுள்ள மென்பொருள் பற்றி அறிந்து கொள்வீர்கள்.
+
+![அறிமுக நிரலாக்கம்](/sketchnotes/webdev101-programming.png)
+> ஸ்கெட்ச்நோட் [டோமோமி இமுரா](https://twitter.com/girlie_mac)
+
+## விரிவுரைக்கு முந்தைய வினாடி வினா
+[விரிவுரைக்கு முந்தைய வினாடி வினா](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/1?loc=ta)
+
+## அறிமுகம்
+
+இந்த பாடத்தில், நாங்கள் உள்ளடக்குவோம்:
+
+- நிரலாக்க என்றால் என்ன?
+- நிரலாக்க மொழிகளின் வகைகள்
+- ஒரு நிரலின் அடிப்படை கூறுகள்
+- தொழில்முறை டெவலப்பர் பயனுள்ள மென்பொருள் மற்றும் கருவி
+
+> நீங்கள் இந்த பாடத்தை [மைக்ரோசாப்ட் கற்றல்](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming?WT.mc_id=academic-13441-cxa) பற்றி எடுத்துக் கொள்ளலாம்!
+
+## நிரலாக்க என்றால் என்ன??
+
+நிரலாக்கம் (குறியீட்டு முறை என்றும் அழைக்கப்படுகிறது) என்பது கணினி அல்லது மொபைல் சாதனம் போன்ற சாதனத்திற்கு அறிவுறுத்தல்களை எழுதும் செயல்முறையாகும். இந்த வழிமுறைகளை நிரலாக்க மொழியுடன் எழுதுகிறோம், இது சாதனத்தால் விளக்கப்படுகிறது. இந்த அறிவுறுத்தல்களின் தொகுப்புகள் பல்வேறு பெயர்களால் குறிப்பிடப்படலாம், ஆனால் *நிரல்*, *கணினி நிரல்*, *பயன்பாடு (பயன்பாடு)*, மற்றும் *செயல்படுத்தக்கூடிய* ஆகியவை சில பிரபலமான பெயர்கள்
+
+*நிரல்* என்பது குறியீடு டன் எழுதப்பட்ட தாக இருக்கலாம்; வலைத்தளங்கள், விளையாட்டுகள் மற்றும் தொலைபேசி பயன்பாடுகள் திட்டங்கள். குறியீட்டை எழுதாமல் ஒரு நிரலை உருவாக்க முடியும் என்றாலும், அடிப்படை தர்க்கம் சாதனத்திற்கு விளக்கப்படுகிறது மற்றும் அந்த தர்க்கம் பெரும்பாலும் குறியீட்டுடன் எழுதப்பட்டது. *இயங்கும்* அல்லது *செயல்படுத்தும் குறியீடு* என்று ஒரு நிரல் வழிமுறைகளை செயல்படுத்துகிறது. நீங்கள் தற்போது இந்த பாடத்தை படிக்கும் சாதனம் உங்கள் திரையில் அச்சிட ஒரு நிரலை இயக்குகிறது.
+
+✅ ஒரு சிறிய ஆராய்ச்சி செய்யுங்கள்: உலகின் முதல் கணினி நிரலாளராக யார் கருதப்படுகிறார்கள்?
+
+## நிரலாக்க மொழிகள்
+
+நிரலாக்க மொழிகள் ஒரு முக்கிய நோக்கத்தை வழங்குகின்றன: டெவலப்பர்கள் ஒரு சாதனத்திற்கு அனுப்புவதற்கான வழிமுறைகளை உருவாக்கவேண்டும். சாதனங்கள் மட்டுமே பைனரி (1 கள் மற்றும் 0 கள்) புரிந்து கொள்ள முடியும், மற்றும் *மிகவும்* டெவலப்பர்கள் தொடர்பு கொள்ள மிகவும் திறமையான வழி அல்ல. நிரலாக்க மொழிகள் மனிதர்களுக்கும் கணினிகளுக்கும் இடையிலான தகவல் தொடர்புக்கான ஒரு வாகனமாகும்.
+
+நிரலாக்க மொழிகள் வெவ்வேறு வடிவங்களில் வருகின்றன மற்றும் வெவ்வேறு நோக்கங்களுக்காக சேவை செய்யலாம். எடுத்துக்காட்டாக, ஜாவாஸ்கிரிப்ட் முதன்மையாக வலை பயன்பாடுகளுக்கு பயன்படுத்தப்படுகிறது, அதே நேரத்தில் பாஷ் முதன்மையாக இயக்க முறைமைகளுக்கு பயன்படுத்தப்படுகிறது.
+
+*குறைந்த நிலை மொழிகள்* பொதுவாக வழிமுறைகளை விளக்குவதற்கு ஒரு சாதனத்திற்கு *உயர் மட்ட மொழிகளை* விட குறைவான படிகள் தேவைப்படுகின்றன. எனினும், உயர் மட்ட மொழிகளை பிரபலமாக்குவது அவற்றின் வாசிப்பு மற்றும் ஆதரவு ஆகும். ஜாவாஸ்கிரிப்ட் ஒரு உயர் மட்ட மொழியாகக் கருதப்படுகிறது.
+
+பின்வரும் குறியீடு ஜாவாஸ்கிரிப்ட் கொண்ட உயர் நிலை மொழிக்கும் ஏஆர்எம் அசெம்பிளி குறியீட்டுடன் குறைந்த நிலை மொழிக்கும் இடையிலான வித்தியாசத்தை விளக்குகிறது.
+
+```javascript
+let number = 10
+let n1 = 0, n2 = 1, nextTerm;
+
+for (let i = 1; i <= number; i++) {
+    console.log(n1);
+    nextTerm = n1 + n2;
+    n1 = n2;
+    n2 = nextTerm;
+}
+```
+
+```c
+ area ascen,code,readonly
+ entry
+ code32
+ adr r0,thumb+1
+ bx r0
+ code16
+thumb
+ mov r0,#00
+ sub r0,r0,#01
+ mov r1,#01
+ mov r4,#10
+ ldr r2,=0x40000000
+back add r0,r1
+ str r0,[r2]
+ add r2,#04
+ mov r3,r0
+ mov r0,r1
+ mov r1,r3
+ sub r4,#01
+ cmp r4,#00
+ bne back
+ end
+```
+
+நம்பினால் நம்புங்கள், *அவர்கள் இருவரும் ஒரே காரியத்தைச் செய்கிறார்கள்*: 10 வரை ஒரு ஃபிபோனச்சி வரிசையை அச்சிடுதல்.
+
+✅ ஒரு ஃபிபோனச்சி வரிசை யானது [வரையறுக்கப்பட்ட](https://en.wikipedia.org/wiki/Fibonacci_number) எண்களின் தொகுப்பாகும், இது ஒவ்வொரு எண்ணும் 0 மற்றும் 1 இல் இருந்து தொடங்கும் இரண்டு முந்தைய எண்களின் தொகையாகும்.
+
+## நிரலின் கூறுகள்
+
+நிரலில் உள்ள ஒரே ஒரு அறிவுறுத்தல் *அறிக்கை* என்று அழைக்கப்படுகிறது, மேலும் வழக்கமாக ஒரு கேரக்டர் அல்லது வரி இடைவெளி யைக் கொண்டிருக்கும், இது அறிவுறுத்தல் முடிவடையும் இடத்தில் குறிக்கிறது, அல்லது *நிறுத்தப்படும்*. ஒரு நிரல் எவ்வாறு முடிவடைகிறது என்பது ஒவ்வொரு மொழிக்கும் மாறுபடும்.
+
+பெரும்பாலான நிரல்கள் ஒரு பயனர் அல்லது வேறு இடங்களிலிருந்து தரவைப் பயன்படுத்துவதை நம்பியுள்ளன, அங்கு அறிக்கைகள் அறிவுறுத்தல்களை மேற்கொள்ள தரவை நம்பலாம். ஒரு நிரல் எவ்வாறு நடந்துகொள்ளுகிறது என்பதை தரவு மாற்றலாம், எனவே நிரலாக்க மொழிகள் பின்னர் பயன்படுத்தக்கூடிய தரவை தற்காலிகமாக சேமிக்க ஒரு வழியுடன் வருகின்றன. இந்த தரவு *மாறிகள்* என்று அழைக்கப்படுகிறது. மாறிகள் என்பது ஒரு சாதனத்தின் நினைவகத்தில் தரவை சேமிக்க அறிவுறுத்தும் அறிக்கைகள். நிரல்களில் உள்ள மாறிகள் இயற்கணிதத்தில் உள்ளதைப் போலவே உள்ளன, அங்கு அவை ஒரு தனித்துவமான பெயரைக் கொண்டுள்ளன, மேலும் அவற்றின் மதிப்பு காலப்போக்கில் மாறலாம்.
+
+சில அறிக்கைகள் ஒரு சாதனத்தால் செயல்படுத்தப்படாது என்று ஒரு வாய்ப்பு உள்ளது. இது பொதுவாக டெவலப்பர் எழுதும் போது வடிவமைப்பு அல்லது எதிர்பாராத பிழை ஏற்படும் போது தற்செயலாக இருக்கும். ஒரு பயன்பாட்டின் இந்த வகை கட்டுப்பாடு அதை மிகவும் வலுவானதாகவும் பராமரிக்கக்கூடியதாகவும் ஆக்குகிறது. பொதுவாக சில முடிவுகள் நிறைவேற்றப்படும் போது கட்டுப்பாட்டில் இந்த மாற்றங்கள் நிகழ்கின்றன. ஒரு நிரல் எவ்வாறு இயங்குகிறது என்பதைக் கட்டுப்படுத்த நவீன நிரலாக்க மொழிகளில் ஒரு பொதுவான அறிக்கை 'என்றால்.. வேறு ' அறிக்கை.
+
+
+✅ அடுத்தடுத்த பாடங்களில் இந்த வகை அறிக்கையைப் பற்றி மேலும் அறிந்து கொள்வீர்கள்
+
+## வர்த்தககருவிகள்
+
+[![வர்த்தககருவிகள்](https://img.youtube.com/vi/69WJeXGBdxg/0.jpg)](https://youtube.com/watch?v=69WJeXGBdxg "Tools of the Trade")
+
+> 🎥 கருவியாக்கல் பற்றிய வீடியோவிற்கு மேலே உள்ள படத்தை கிளிக் செய்யவும்
+
+இந்தப் பிரிவில், உங்கள் தொழில்முறை வளர்ச்சிப் பயணத்தைத் தொடங்கும்போது நீங்கள் மிகவும் பயனுள்ளதாக க் காணக்கூடிய சில மென்பொருளைப் பற்றி நீங்கள் கற்றுக்கொள்வீர்கள்.
+
+ஒரு **வளர்ச்சி சூழல்** மென்பொருள் எழுதும் போது ஒரு டெவலப்பர் அடிக்கடி பயன்படுத்தும் கருவிகள் மற்றும் அம்சங்கள் ஒரு தனிப்பட்ட தொகுப்பு ஆகும். இந்த கருவிகளில் சில ஒரு டெவலப்பர் குறிப்பிட்ட தேவைகளுக்கு தனிப்பயனாக்கப்பட்டிருக்கின்றன, மேலும் ஒரு டெவலப்பர் வேலை அல்லது தனிப்பட்ட திட்டங்களில் முன்னுரிமைகளை மாற்றினால் அல்லது அவர்கள் வேறு நிரலாக்க மொழியைப் பயன்படுத்தும்போது காலப்போக்கில் மாறலாம். வளர்ச்சி சூழல்கள் அவற்றைப் பயன்படுத்தும் டெவலப்பர்களைப் போலவே தனித்துவமானவை.
+
+### ஆசிரியர்கள்
+
+மென்பொருள் உருவாக்கத்திற்கான மிக முக்கியமான கருவிகளில் ஒன்று ஆசிரியர். ஆசிரியர்கள் நீங்கள் உங்கள் குறியீட்டை எழுதும் இடம் மற்றும் சில நேரங்களில் உங்கள் குறியீட்டை இயக்கும் இடம்.
+
+டெவலப்பர்கள் ஒரு சில கூடுதல் காரணங்களுக்காக ஆசிரியர்களை நம்பியுள்ளனர்:
+
+- *பிழைநீக்குதல்* குறியீடு மூலம், வரி வரி மூலம் நுழைவதன் மூலம் பிழைகள் மற்றும் பிழைகளைக் கண்டறிதல். சில ஆசிரியர்கள் பிழைநீக்கதிறன்களைக் கொண்டுள்ளனர், அல்லது குறிப்பிட்ட நிரலாக்க மொழிகளுக்காக தனிப்பயனாக்கலாம் மற்றும் சேர்க்கலாம்.  
+- *தொடரியல் சிறப்பித்துக் காட்டுதல்* வண்ணங்கள் மற்றும் உரை வடிவமைப்பை குறியீட்டுக்கு சேர்க்கிறது, படிக்க எளிதாக்குகிறது. பெரும்பாலான ஆசிரியர்கள் தனிப்பயனாக்கப்பட்ட தொடரியல் சிறப்பம்சத்தை அனுமதிக்கிறார்கள்.
+- *விரிவாக்கங்கள் மற்றும் ஒருங்கிணைப்புகள்* டெவலப்பர்கள், டெவலப்பர்கள், அடிப்படை ஆசிரியர் கட்டமைக்கப்படாத கூடுதல் கருவிகள் அணுகசிறப்பு என்று சேர்த்தல். உதாரணமாக, பல டெவலப்பர்கள் தங்கள் குறியீட்டை ஆவணப்படுத்தவும், அது எவ்வாறு செயல்படுகிறது என்பதை விளக்கவும் ஒரு வழி தேவை, மேலும் எழுத்துப்பிழைகளை சரிபார்க்க ஒரு எழுத்துப்பிழை காசோலை நீட்டிப்பை நிறுவும். இந்த சேர்த்தல் பெரும்பாலான ஒரு குறிப்பிட்ட ஆசிரியர் உள்ள பயன்படுத்த நோக்கம், மற்றும் பெரும்பாலான ஆசிரியர்கள் கிடைக்கும் நீட்டிப்புகள் தேட ஒரு வழி கொண்டு வருகின்றன.
+- *தனிப்பயனாக்கு* பெரும்பாலான ஆசிரியர்கள் மிகவும் தனிப்பயனாக்கலாம், மேலும் ஒவ்வொரு டெவலப்பரும் தங்கள் தேவைகளுக்கு ஏற்ற தங்கள் சொந்த தனித்துவமான வளர்ச்சி சூழலைக் கொண்டிருப்பார்கள். பலர் டெவலப்பர்கள் தங்கள் சொந்த நீட்டிப்புகளை உருவாக்க அனுமதிக்கிறார்கள்.
+
+#### பிரபலமான ஆசிரியர்கள் மற்றும் வலை மேம்பாட்டு நீட்டிப்புகள்
+
+- [விஷுவல் ஸ்டுடியோ குறியீடு](https://code.visualstudio.com/)
+  - [குறியீடு எழுத்துப்பிழை சரிபார்ப்பி](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker)
+  - [லிவ் ஷர்](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare-pack)
+  - [ப்ரெட்திர் - குறியீடு பொருள்](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
+- [அணு](https://atom.io/)
+  - [எழுத்துப்பிழை-சரிபார்த்தல்](https://atom.io/packages/spell-check)
+  - [டெலிடைப்](https://atom.io/packages/teletype)
+  - [அணு அழகுபடுத்தல்](https://atom.io/packages/atom-beautify)
+
+### மேய்வான்களில்
+
+மற்றொரு முக்கியமான கருவி உலாவி. வலை டெவலப்பர்கள் தங்கள் குறியீடு இணையத்தில் எவ்வாறு இயங்குகிறது என்பதைக் கண்காணிக்க உலாவியை நம்பியுள்ளனர், இது ஹெச்டிஎம்எல் போன்ற எடிட்டரில் எழுதப்பட்ட ஒரு வலைப் பக்கத்தின் காட்சி கூறுகளைக் காணவும் பயன்படுத்தப்படுகிறது.
+
+பல உலாவிகள் *டெவலப்பர் கருவிகள்* (தேவ்டூல்ஸ்) உடன் வருகின்றன, அவை டெவலப்பர்கள் தங்கள் பயன்பாட்டைப் பற்றிய முக்கியமான நுண்ணறிவுகளை சேகரிக்கவும் கைப்பற்றவும் உதவுவதற்கு பயனுள்ள அம்சங்கள் மற்றும் தகவல்களின் தொகுப்பைக் கொண்டுள்ளன. எடுத்துக்காட்டாக: வலைப்பக்கத்தில் பிழைகள் இருந்தால், அவை எப்போது நிகழ்ந்தன என்பதை அறிவது சில நேரங்களில் உதவியாக இருக்கும். இந்த தகவலை ப்வுசர் மூலம் கைப்பற்ற, ஒரு உலாவியில் உள்ள தேவ்டூல்களை உள்ளமைக்கலாம்.
+
+#### பிரபலமான உலாவிகள் மற்றும் தேவ்டூல்ஸ்
+
+- [விளிம்பு](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium?WT.mc_id=academic-13441-cxa)
+- [குரோம்](https://developers.google.com/web/tools/chrome-devtools/)
+- [பயர்பாக்ஸ்](https://developer.mozilla.org/docs/Tools)
+
+### கட்டளை வரி கருவிகள் 
+
+சில டெவலப்பர்கள் தங்கள் தினசரி பணிகளுக்கு குறைவான வரைகலை பார்வையை விரும்புகிறார்கள் மற்றும் இதை அடைய கட்டளை வரியை நம்புகிறார்கள். குறியீட்டை உருவாக்குவதற்கு குறிப்பிடத்தக்க அளவு தட்டச்சு தேவைப்படுகிறது, மேலும் சில டெவலப்பர்கள் விசைப்பலகையில் தங்கள் ஓட்டத்தை சீர்குலைக்க விரும்பவில்லை, மேலும் டெஸ்க்டாப் ஜன்னல்களுக்கு இடையில் பரிமாற்றம் செய்ய விசைப்பலகை குறுக்குவழிகளைபயன்படுத்துவார்கள், வெவ்வேறு கோப்புகளில் வேலை செய்வார்கள், கருவிகளைப் பயன்படுத்துவார்கள்.பெரும்பாலான பணிகளை சுட்டிமூலம் முடிக்கலாம், ஆனால் கட்டளை வரியைப் பயன்படுத்துவதன் ஒரு நன்மை என்னவென்றால், சுட்டி மற்றும் விசைப்பலகைக்கு இடையில் மாற்றவேண்டிய அவசியம் இல்லாமல் கட்டளை வரி கருவிகளைக் கொண்டு நிறைய செய்ய முடியும். கட்டளை வரிமற்றொரு நன்மை அவர்கள் கட்டமைக்கமுடியும் என்று மற்றும் நீங்கள் உங்கள் விருப்ப கட்டமைப்பு சேமிக்க முடியும், பின்னர் அதை மாற்ற, மேலும் புதிய வளர்ச்சி இயந்திரங்கள் அதை இறக்குமதி.வளர்ச்சி சூழல்கள் ஒவ்வொரு டெவலப்பருக்குமிகவும் தனித்துவமானவை என்பதால், சிலர் கட்டளை வரியைப் பயன்படுத்துவதைத் தவிர்ப்பார்கள், சிலர் அதை முற்றிலும் நம்புவார்கள், சிலர் இரண்டின் கலவையை விரும்புகிறார்கள்.
+
+### பிரபலமான கட்டளை வரி விருப்பங்கள்
+
+நீங்கள் பயன்படுத்தும் இயக்க முறைமையின் அடிப்படையில் கட்டளை வரிக்கான விருப்பங்கள் வேறுபடும்.
+
+*💻 = இயக்க முறைமையில் முன்நிறுவல் வருகிறது..*
+
+#### விண்டோஸ்
+
+- [பவர்ஷெல்](https://docs.microsoft.com/powershell/scripting/overview?view=powershell-7?WT.mc_id=academic-13441-cxa) 💻
+- [கட்டளை வரி](https://docs.microsoft.com/windows-server/administration/windows-commands/windows-commands?WT.mc_id=academic-13441-cxa) (சி.எம்.டி என்றும் அழைக்கப்படுகிறது) 💻
+- [விண்டோஸ் முனையம்](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-13441-cxa)
+- [புதினா](https://mintty.github.io/)
+  
+#### MacOS
+
+- [முனையம்](https://support.apple.com/guide/terminal/open-or-quit-terminal-apd5265185d-f365-44cb-8b09-71a064a42125/mac) 💻
+- [ஐடெர்ம்](https://iterm2.com/)
+- [பவர்ஷெல்](https://docs.microsoft.com/powershell/scripting/install/installing-powershell-core-on-macos?view=powershell-7?WT.mc_id=academic-13441-cxa)
+
+#### Linux
+
+- [பாஸ்](https://www.gnu.org/software/bash/manual/html_node/index.html) 💻
+- [கேடிஇ கான்சோல்](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)
+- [பவர்ஷெல்](https://docs.microsoft.com/powershell/scripting/install/installing-powershell-core-on-linux?view=powershell-7?WT.mc_id=academic-13441-cxa)
+
+#### பிரபலமான கட்டளை வரி கருவிகள்
+
+- [கிட்](https://git-scm.com/) (💻 பெரும்பாலான இயக்க முறைமைகளில்)
+- [என்பிஎம்](https://www.npmjs.com/)
+- [யர்ன்](https://classic.yarnpkg.com/en/docs/cli/)
+
+### ஆவணச்சான்று வழக்காட்சி
+
+ஒரு டெவலப்பர் புதிய ஒன்றைக் கற்றுக்கொள்ள விரும்பும்போது, அதை எவ்வாறு பயன்படுத்துவது என்பதைக் கற்றுக்கொள்ள அவர்கள் பெரும்பாலும் ஆவணத்திற்குத் திரும்புவார்கள். டெவலப்பர்கள் கருவிகள் மற்றும் மொழிகளை எவ்வாறு சரியாகப் பயன்படுத்துவது என்பதன் மூலம் அவர்களுக்கு வழிகாட்டவும், அது எவ்வாறு செயல்படுகிறது என்பது பற்றிய ஆழமான அறிவைப் பெறவும் பெரும்பாலும் ஆவணங்களை நம்பியுள்ளனர்.
+
+#### வலை அபிவிருத்தி பற்றிய பிரபலமான ஆவணப்படுத்தல்
+
+- [மொசில்லா டெவலப்பர் நெட்வொர்க் (எம்டிஎன்)](https://developer.mozilla.org/docs/Web), [பயர்பாக்ஸ்](https://www.mozilla.org/firefox/) வெளியீட்டாளர்களான மொசில்லாவிலிருந்து.
+- [முன்னணி முதுநிலை](https://frontendmasters.com/learn/)
+- [Web.dev](https://web.dev), கூகிள் இருந்து, [குரோம்](https://www.google.com/chrome/) வெளியீட்டாளர்கள்.
+- [மைக்ரோசாப்ட் இன் சொந்த டெவலப்பர் ஆவணம்](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers),  [மைக்ரோசாப்ட் எட்ஜ்](https://www.microsoft.com/edge)
+
+✅ சில ஆராய்ச்சிகளை செய்யுங்கள்: இப்போது நீங்கள் ஒரு வலை டெவலப்பரின் சூழலின் அடிப்படைகளை அறிந்திருக்கிறீர்கள், அதை ஒரு வலை வடிவமைப்பாளரின் சூழலுடன் ஒப்பிட்டு வேறுபடுத்திப் பாருங்கள்.
+---
+
+## 🚀 அறைகூவல்
+
+சில நிரலாக்க மொழிகளை ஒப்பிடுக. ஜாவாஸ்கிரிப்ட் எதிராக ஜாவா வின் தனித்துவமான பண்புகள் யாவை? எப்படி கோபோல் எதிராக கோ பற்றி?
+
+## விரிவுரைக்குப் பிந்தைய வினாடி வினா
+[விரிவுரைக்குப் பிந்தைய வினாடி வினா](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/2?loc=ta)
+
+## ஆய்வு & சுய ஆய்வு
+
+நிரலாளர் களுக்கு கிடைக்கும் பல்வேறு மொழிகளில் ஒரு பிட் படிக்கவும். ஒரு மொழியில் ஒரு வரியை எழுத முயற்சிக்கவும், பின்னர் அதை மற்ற இரண்டு மொழிகளில் மீண்டும் செய்ய முயற்சிக்கவும். நீங்கள் என்ன கற்றுக்கொள்கிறீர்கள்?
+
+## வகுத்தமைத்தல்
+
+[ஆவணத்தைப் படித்தல்](assignment.ta.md)
diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.es.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.es.md
index d69c2cec..7758660c 100644
--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.es.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.es.md
@@ -2,11 +2,11 @@
 
 ## Instrucciones
 
-Hay muchas herramientas que un desarrollador web puede necesitar, muchas de ellas se encuentran en la [Documentación de MDN - Herramientas del lado del cliente](https://developer.mozilla.org/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Overview). Seleccionar 3 herramientas que no sean las comentadas en el articulo, explicar por que un Desarrollador Web las debería usar, buscar una herramienta que pertenezca a esta categoria y compartir la documentación. No utilizar los ejemplos de herramientas brindados en la documentación de MDN.
+Hay muchas herramientas que un desarrollador web puede necesitar, muchas de ellas se encuentran en la [Documentación de MDN - Herramientas del lado del cliente](https://developer.mozilla.org/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Overview). Seleccionar 3 herramientas que no sean las comentadas en el artículo, explicar por qué un Desarrollador Web las debería usar, buscar una herramienta que pertenezca a esta categoría y compartir la documentación. No utilizar los ejemplos de herramientas brindados en la documentación de MDN.
 
 
-## Rubrica
+## Rúbrica
 
 Ejemplo | Adecuado | Necesita mejorar
 --- | --- | -- |
-| Explicar por qué el Desarrollador web usará la herramienta | Explicar como el desarrollador deberia usar la herramienta| Por qué un desarrollador usaría la herramienta. |
+| Explicar por qué el Desarrollador web usará la herramienta | Explicar cómo el desarrollador debería usar la herramienta| Por qué un desarrollador usaría la herramienta. |
diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.fr.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.fr.md
index 6deab32e..d08028f0 100644
--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.fr.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.fr.md
@@ -2,7 +2,7 @@
 
 ## Instructions
 
-Un développeur Web peut avoir besoin de nombreux outils qui se trouvent sur le [Documentation MDN pour l'outillage côté client](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Overview). Sélectionnez 3 outils non traités dans la leçon, expliquez pourquoi un développeur Web l'utiliserait, recherchez un outil qui relève de cette catégorie et partagez sa documentation. N'utilisez pas le même exemple d'outil sur les documents MDN.
+Un développeur Web peut avoir besoin de nombreux outils qui se trouvent sur le [Documentation MDN pour l'outillage côté client](https://developer.mozilla.org/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Overview). Sélectionnez 3 outils non traités dans la leçon, expliquez pourquoi un développeur Web l'utiliserait, recherchez un outil qui relève de cette catégorie et partagez sa documentation. N'utilisez pas le même exemple d'outil sur les documents MDN.
 
 ## Rubrique
 
diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.nl.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.nl.md
index 157eb54d..d6100309 100644
--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.nl.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.nl.md
@@ -2,7 +2,7 @@
 
 ## Instructies
 
-Er zijn veel tools die een webontwikkelaar nodig heeft en die staan in de [MDN-documentatie voor client-side tooling](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Overview). Selecteer 3 tools die niet in de les worden behandeld, leg uit waarom een webontwikkelaar deze zou gebruiken en zoek naar een tool die onder deze categorie valt en deel de documentatie ervan. Gebruik niet hetzelfde toolvoorbeeld voor MDN-documenten.
+Er zijn veel tools die een webontwikkelaar nodig heeft en die staan in de [MDN-documentatie voor client-side tooling](https://developer.mozilla.org/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Overview). Selecteer 3 tools die niet in de les worden behandeld, leg uit waarom een webontwikkelaar deze zou gebruiken en zoek naar een tool die onder deze categorie valt en deel de documentatie ervan. Gebruik niet hetzelfde toolvoorbeeld voor MDN-documenten.
 
 ## Rubriek
 
diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.sw.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.sw.md
index 2706f782..2b9b658f 100644
--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.sw.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.sw.md
@@ -2,7 +2,7 @@
 
 ## Maagizo
 
-Msanidi wa wavuti anaweza kuhitaji zana nyingi ambazo zinaweza kupatikana kwenye [Hati ya MDN ya Utengenezaji Upande wa Mteja](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Overview). 
+Msanidi wa wavuti anaweza kuhitaji zana nyingi ambazo zinaweza kupatikana kwenye [Hati ya MDN ya Utengenezaji Upande wa Mteja](https://developer.mozilla.org/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Overview). 
 
 Chagua zana 3 ambazo hazijafunikwa kwenye somo, eleza ni kwanini msanidi wa wavuti atatumia, pata zana ambayo iko kwenye kitengo hiki, na ushiriki nyaraka zake. Usitumie zana sawa ya sampuli kwenye hati za MDN.
 
diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.ta.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.ta.md
new file mode 100644
index 00000000..664e39ca
--- /dev/null
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.ta.md
@@ -0,0 +1,12 @@
+# ஆவணத்தைப் படித்தல்
+
+## செயல்துறைக்கட்டளை
+
+ஒரு வலை டெவலப்பர் தேவைஎன்று பல கருவிகள் உள்ளன [வாடிக்கையாளர் பக்க கருவிகளுக்கு எம்டிஎன் இன் ஆவணங்கள்](https://developer.mozilla.org/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Overview).பாடத்தில் உள்ளடக்கப்படாத 3 கருவிகளைத் தேர்ந்தெடுத்து, ஒரு வலை டெவலப்பர் ஏன் அதைப் பயன்படுத்துவார் என்பதை விளக்கவும், இந்த வகையின் கீழ் வரும் ஒரு கருவியைத் தேடவும் மற்றும் அதன் ஆவணங்களைப் பகிர்ந்து கொள்ளவும். எம்டிஎன் ஐ ஆவணத்தில் ஒரே கருவி உதாரணத்தைப் பயன்படுத்த வேண்டாம்.
+
+
+## இயல் மேல்வரி
+
+பின்பற்றத்தக்க | போதிய | தேவை மேம்பாடு
+--- | --- | -- |
+|வலை உருவாக்குநர் ஏன் கருவியைப் பயன்படுத்துவார் என்பதை விளக்கினார்| எப்படி விளக்கினார், ஆனால் டெவலப்பர் ஏன் கருவியைப் பயன்படுத்துவார் என்று அல்ல| ஒரு டெவலப்பர் கருவியை எவ்வாறு அல்லது ஏன் பயன்படுத்துவார் என்பதைக் குறிப்பிடவில்லை  |
\ No newline at end of file
diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.zh-tw.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.zh-tw.md
index ff989c4e..57658f91 100644
--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.zh-tw.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.zh-tw.md
@@ -2,7 +2,7 @@
 
 ## 說明
 
-網頁開發人員所需要使用的工具套件可以參考 [MDN Client端技術開發文件](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Overview)。 請選擇三種未被本課程提及的工具，試解釋為何網頁開發人員使用它，並搜尋其相關的工具與它的技術文件。這些資料不能出現在前述的 MDN 文件當中。
+網頁開發人員所需要使用的工具套件可以參考 [MDN Client端技術開發文件](https://developer.mozilla.org/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Overview)。 請選擇三種未被本課程提及的工具，試解釋為何網頁開發人員使用它，並搜尋其相關的工具與它的技術文件。這些資料不能出現在前述的 MDN 文件當中。
 
 ## 學習評量
 
diff --git a/1-getting-started-lessons/2-github-basics/README.md b/1-getting-started-lessons/2-github-basics/README.md
index db61b870..becc6c73 100644
--- a/1-getting-started-lessons/2-github-basics/README.md
+++ b/1-getting-started-lessons/2-github-basics/README.md
@@ -205,10 +205,10 @@ Let's go through a contributor workflow. Assume the contributor has already _for
    git branch [branch-name]
    ```
 
-1. **Switch to working branch**. Switch to the specified branch and update the working directory with `git checkout`:
+1. **Switch to working branch**. Switch to the specified branch and update the working directory with `git switch`:
 
    ```bash
-   git checkout [branch-name]
+   git switch [branch-name]
    ```
 
 1. **Do work**. At this point you want to add your changes. Don't forget to tell Git about it with the following commands:
@@ -223,14 +223,14 @@ Let's go through a contributor workflow. Assume the contributor has already _for
 1. **Combine your work with the `main` branch**. At some point you are done working and you want to combine your work with that of the `main` branch. The `main` branch might have changed meanwhile so make sure you first update it to the latest with the following commands:
 
    ```bash
-   git checkout main
+   git switch main
    git pull
    ```
 
    At this point you want to make sure that any _conflicts_, situations where Git can't easily _combine_ the changes happens in your working branch. Therefore run the following commands:
 
    ```bash
-   git checkout [branch_name]
+   git switch [branch_name]
    git merge main
    ```
 
diff --git a/1-getting-started-lessons/2-github-basics/translations/README.es.md b/1-getting-started-lessons/2-github-basics/translations/README.es.md
index 31241979..70944db6 100644
--- a/1-getting-started-lessons/2-github-basics/translations/README.es.md
+++ b/1-getting-started-lessons/2-github-basics/translations/README.es.md
@@ -206,10 +206,10 @@ Repasemos el flujo de trabajo de un colaborador. Supongamos que el colaborador y
    git branch [branch-name]
    ```
 
-1. **Cambiar a rama de trabajo**. Cambia a la rama especificada y actualiza tu directorio de trabajo con `git checkout`:
+1. **Cambiar a rama de trabajo**. Cambia a la rama especificada y actualiza tu directorio de trabajo con `git switch`:
 
    ```bash
-   git checkout [branch-name]
+   git switch [branch-name]
    ```
 
 1. **Trabaja**. En este punto, deseas agregar tus cambios. No olvides informarle a Git con los siguientes comandos:
@@ -224,14 +224,14 @@ Repasemos el flujo de trabajo de un colaborador. Supongamos que el colaborador y
 1. **Combina tu trabajo con la rama `principal`**. En algún momento has terminado de trabajar y deseas combinar tu trabajo con el de la rama `principal`. La rama `main` podría haber cambiado mientras tanto, así que asegúrate de actualizarla con los siguientes comandos:
 
    ```bash
-   git checkout main
+   git switch main
    git pull
    ```
 
    En este punto, querrás asegurarte de que cualquier _conflicto_, situaciones en las que Git no pueda _combinarse_ fácilmente los cambios, ocurren en tu rama de trabajo. Mientras tanto, ejecuta los siguientes comandos:
 
    ```bash
-   git checkout [branch_name]
+   git switch [branch_name]
    git merge main
    ```
 
diff --git a/1-getting-started-lessons/2-github-basics/translations/README.fil.md b/1-getting-started-lessons/2-github-basics/translations/README.fil.md
index 02c67338..6c6fe381 100644
--- a/1-getting-started-lessons/2-github-basics/translations/README.fil.md
+++ b/1-getting-started-lessons/2-github-basics/translations/README.fil.md
@@ -203,10 +203,10 @@ Dumaan tayo sa isang daloy ng trabaho ng contributor. Ipagpalagay na ang nag-amb
    git branch [branch-name]
    ```
 
-1. **Switch to working branch**. Lumipat sa tinukoy na sangay at i-update ang gumaganang direktoryo gamit ang `git checkout`:
+1. **Switch to working branch**. Lumipat sa tinukoy na sangay at i-update ang gumaganang direktoryo gamit ang `git switch`:
 
    ```bash
-   git checkout [branch-name]
+   git switch [branch-name]
    ```
 
 1. **Do work**. Sa puntong ito gusto mong idagdag ang iyong mga pagbabago. Huwag kalimutang sabihin kay Git ang tungkol dito gamit ang mga sumusunod na utos:
@@ -221,14 +221,14 @@ Dumaan tayo sa isang daloy ng trabaho ng contributor. Ipagpalagay na ang nag-amb
 1. **Combine your work with the `main` branch**. Sa ilang mga punto ay tapos ka nang magtrabaho at gusto mong pagsamahin ang iyong trabaho sa iyong trabaho `main` sangay. Ang `main` maaaring nagbago ang branch samantala kaya siguraduhing i-update mo muna ito sa pinakabago gamit ang mga sumusunod na command:
 
    ```bash
-   git checkout main
+   git switch main
    git pull
    ```
 
    Sa puntong ito gusto mong tiyakin na anuman _conflicts_, mga sitwasyon kung saan hindi madali ang Git _combine_ ang mga pagbabago ay nangyayari sa iyong nagtatrabaho na sangay. Samakatuwid, patakbuhin ang sumusunod na mga atas:
 
    ```bash
-   git checkout [branch_name]
+   git switch [branch_name]
    git merge main
    ```
 
diff --git a/1-getting-started-lessons/2-github-basics/translations/README.fr.md b/1-getting-started-lessons/2-github-basics/translations/README.fr.md
index 71ab1691..05b9a271 100644
--- a/1-getting-started-lessons/2-github-basics/translations/README.fr.md
+++ b/1-getting-started-lessons/2-github-basics/translations/README.fr.md
@@ -203,10 +203,10 @@ Passons en revue un flux de travail de contributeur. Supposons que le contribute
    git branch [nom_branche]
    ```
 
-1. **Passer à la branche de travail**. Basculez vers la branche spécifiée et mettez à jour le répertoire de travail avec `git checkout`:
+1. **Passer à la branche de travail**. Basculez vers la branche spécifiée et mettez à jour le répertoire de travail avec `git switch`:
 
    ```bash
-   git checkout [nom_branche]
+   git switch [nom_branche]
    ```
 
 1. **Travailler**. À ce stade, vous souhaitez ajouter vos modifications. N’oubliez pas d’en parler à Git avec les commandes suivantes:
@@ -221,14 +221,14 @@ Passons en revue un flux de travail de contributeur. Supposons que le contribute
 1. **Combinez votre travail avec la branche `main`**. À un moment donné, vous avez fini de travailler et vous voulez combiner votre travail avec celui de la branche `main`. La branche `main`" a peut-être changé entre-temps, alors assurez-vous de la mettre à jour au plus tard avec les commandes suivantes:
 
    ```bash
-   git checkout principal
+   git switch principal
    git pull
    ```
 
    À ce stade, vous voulez vous assurer que tous les _conflits_, les situations où Git ne peut pas facilement _combiner_ les modifications se produisent dans votre branche de travail. Par conséquent, exécutez les commandes suivantes :
 
    ```bash
-   git checkout [branch_name]
+   git switch [branch_name]
    git merge main
    ```
 
diff --git a/1-getting-started-lessons/2-github-basics/translations/README.hi.md b/1-getting-started-lessons/2-github-basics/translations/README.hi.md
index eb547931..8bd9b410 100644
--- a/1-getting-started-lessons/2-github-basics/translations/README.hi.md
+++ b/1-getting-started-lessons/2-github-basics/translations/README.hi.md
@@ -200,10 +200,10 @@
    git branch [शाखाका-नाम]
    ```
 
-1. **कार्यशील शाखा पर स्विच करें**. निर्दिष्ट शाखा में स्विच करें और `git checkout` के साथ कार्य निर्देशिका को अपडेट करें:
+1. **कार्यशील शाखा पर स्विच करें**. निर्दिष्ट शाखा में स्विच करें और `git switch` के साथ कार्य निर्देशिका को अपडेट करें:
 
    ```bash
-   git checkout [शाखाका-नाम]
+   git switch [शाखाका-नाम]
    ```
 
 1. **काम करो**. इस बिंदु पर आप अपने परिवर्तन जोड़ना चाहते हैं। निम्नलिखित आदेशों के बारे में Git को बताना न भूलें:
@@ -218,14 +218,14 @@
 1. **`main` शाखा के साथ अपने काम को मिलाएं**. कुछ बिंदु पर आप काम कर रहे हैं और आप `main` शाखा के साथ अपने काम को जोड़ना चाहते हैं। `main` शाखा इस बीच बदल सकती है, इसलिए सुनिश्चित करें कि आपने इसे निम्न कमांड के साथ नवीनतम में अपडेट किया है:
 
    ```bash
-   git checkout main
+   git switch main
    git pull
    ```
 
   इस बिंदु पर आप यह सुनिश्चित करना चाहते हैं कि कोई भी _टकराव_, परिस्थितियां जहां Git आसानी से आपके कामकाजी शाखा में होने वाले परिवर्तनों को _संयोजित_ नहीं कर सकती है। इसलिए निम्न आदेश चलाएँ:
 
    ```bash
-   git checkout [शाखाका-नाम]
+   git switch [शाखाका-नाम]
    git merge main
    ```
 
diff --git a/1-getting-started-lessons/2-github-basics/translations/README.id.md b/1-getting-started-lessons/2-github-basics/translations/README.id.md
index 1ca05102..3e588c01 100644
--- a/1-getting-started-lessons/2-github-basics/translations/README.id.md
+++ b/1-getting-started-lessons/2-github-basics/translations/README.id.md
@@ -177,10 +177,10 @@ Mari kita melalui alur kerja kontributor. Asumsikan kontributor sudah _forked (m
    git branch [nama-cabang]
    ```
 
-1. **Beralih ke cabang kerja**. Beralih ke cabang yang ditentukan dan perbarui direktori kerja dengan `git checkout`:
+1. **Beralih ke cabang kerja**. Beralih ke cabang yang ditentukan dan perbarui direktori kerja dengan `git switch`:
 
    ```bash
-   git checkout [nama-cabang]
+   git switch [nama-cabang]
    ```
 
 1. **Bekerja**. Pada titik ini Anda ingin menambahkan perubahan Anda. Jangan lupa untuk memberi tahu Git tentangnya dengan perintah berikut:
@@ -195,14 +195,14 @@ Mari kita melalui alur kerja kontributor. Asumsikan kontributor sudah _forked (m
 1. **Gabungkan pekerjaan Anda dengan cabang `main`**. Pada titik tertentu Anda telah selesai bekerja dan Anda ingin menggabungkan pekerjaan Anda dengan pekerjaan yang ada di cabang `main`. Cabang `main` mungkin telah berubah sementara itu jadi pastikan Anda terlebih dahulu memperbaruinya ke yang terbaru dengan perintah berikut:
 
    ```bash
-   git checkout main
+   git switch main
    git pull
    ```
 
    Pada titik ini Anda ingin memastikan bahwa setiap _conflicts (konflik)_, situasi di mana Git tidak dapat dengan mudah _combine (menggabugkan)_ perubahan terjadi di cabang kerja Anda. Oleh karena itu jalankan perintah berikut:
 
    ```bash
-   git checkout [nama-cabang]
+   git switch [nama-cabang]
    git merge main
    ```
 
diff --git a/1-getting-started-lessons/2-github-basics/translations/README.it.md b/1-getting-started-lessons/2-github-basics/translations/README.it.md
index 9cbf6704..9edcc429 100644
--- a/1-getting-started-lessons/2-github-basics/translations/README.it.md
+++ b/1-getting-started-lessons/2-github-basics/translations/README.it.md
@@ -200,10 +200,10 @@ Si analizza il flusso di lavoro di un contributore. Si assume che egli abbia gi
    git branch [branch-name]
    ```
 
-1. **Passare al ramo di lavoro**. Passare al ramo specificato e aggiornare la directory di lavoro con `git checkout`:
+1. **Passare al ramo di lavoro**. Passare al ramo specificato e aggiornare la directory di lavoro con `git switch`:
 
    ```bash
-   git checkout [nome ramo]
+   git switch [nome ramo]
    ```
 
 1. **Eseguire il lavoro**. A questo punto si vorranno aggiungere i propri cambiamenti. Non dimenticarsi di dirlo a Git tramite questi comandi:
@@ -218,14 +218,14 @@ Si analizza il flusso di lavoro di un contributore. Si assume che egli abbia gi
 1. **Combinare il proprio lavoro con il ramo `main`**. Una volta terminato il lavoro occorre combinarlo con quello del ramo principale (`main`). Il ramo principale potrebbe avere subito cambiamenti nel mentre quindi ci si deve assicurare di eseguire prima un aggiornamento all'ultima versione con i comandi:
 
    ```bash
-   git checkout main
+   git switch main
    git pull
    ```
 
    A questo punto occorre assicurarsi che qualsiasi eventuale _conflitto_ (conflict), situazioni dove Git non è in grado di determinare facilmente come _combinare_ le modifiche effettuate nel proprio ramo di lavoro. Eseguire i seguenti comandi:
 
    ```bash
-   git checkout [branch_name]
+   git switch [branch_name]
    git merge main
    ```
 
diff --git a/1-getting-started-lessons/2-github-basics/translations/README.ko.md b/1-getting-started-lessons/2-github-basics/translations/README.ko.md
index 90e3244f..6f4a456a 100644
--- a/1-getting-started-lessons/2-github-basics/translations/README.ko.md
+++ b/1-getting-started-lessons/2-github-basics/translations/README.ko.md
@@ -179,10 +179,10 @@ GitHub에 코드를 올리는 주 이유는 다른 개발자와 협력할 수 
    git branch [branch-name]
    ```
 
-1. **작업 브랜치 변경하기**. 지정된 브랜치로 전환하고 `git checkout`으로 작업 디렉토리를 업데이트합니다:
+1. **작업 브랜치 변경하기**. 지정된 브랜치로 전환하고 `git switch`으로 작업 디렉토리를 업데이트합니다:
 
    ```bash
-   git checkout [branch-name]
+   git switch [branch-name]
    ```
 
 1. **일하기**. 이 시점에서 변경 사항을 추가하려고 합니다. 다음 명령을 사용하여 Git에 알리는 것을 잊지 마시기 바랍니다:
@@ -197,14 +197,14 @@ GitHub에 코드를 올리는 주 이유는 다른 개발자와 협력할 수 
 1. **`main` 브랜치에서 작업하기**. 어느 시점에서 작업을 마치고 `main` 브랜치의 작업과 병합하려고 합니다. 그동안 `main` 브랜치가 변경되었을 수 있으므로, 먼저 다음 명령을 사용하여 최신 버전으로 업데이트해야합니다:
 
    ```bash
-   git checkout main
+   git switch main
    git pull
    ```
 
    이 시점에서 Git이 변경 사항을 쉽게 _결합_ 할 수 없는 _충돌_ 상황이 작업 브랜치에서 발생하는지 확인하려고합니다. 따라서 다음 명령을 실행합니다:
 
    ```bash
-   git checkout [branch_name]
+   git switch [branch_name]
    git merge main
    ```
 
diff --git a/1-getting-started-lessons/2-github-basics/translations/README.ms.md b/1-getting-started-lessons/2-github-basics/translations/README.ms.md
index c6eff9bc..bdab4afc 100644
--- a/1-getting-started-lessons/2-github-basics/translations/README.ms.md
+++ b/1-getting-started-lessons/2-github-basics/translations/README.ms.md
@@ -203,10 +203,10 @@ Mari melalui aliran kerja penyumbang. Anggaplah penyumbang telah _forked_ dan _c
    git branch [branch-name]
    ```
 
-1. **Tukar ke working branch**. Tukar ke branch yang ditentukan dan kemas kini direktori kerja dengan `git checkout`:
+1. **Tukar ke working branch**. Tukar ke branch yang ditentukan dan kemas kini direktori kerja dengan `git switch`:
 
    ```bash
-   git checkout [branch-name]
+   git switch [branch-name]
    ```
 
 1. **Membuat kerja**. Pada ketika ini anda ingin menambahkan perubahan anda. Jangan lupa memberitahu Git mengenainya dengan arahan berikut:
@@ -221,14 +221,14 @@ Mari melalui aliran kerja penyumbang. Anggaplah penyumbang telah _forked_ dan _c
 1. **Gabungkan kerja anda dengan `main` branch**. Pada satu ketika anda selesai bekerja dan anda ingin menggabungkan kerja anda dengan `main` branch. `main` branch mungkin telah berubah sementara itu, pastikan anda mengemas kini terlebih dahulu kepada yang terbaru dengan arahan berikut:
 
    ```bash
-   git checkout main
+   git switch main
    git pull
    ```
 
    Pada ketika ini anda ingin memastikan bahawa apa-apa _conflicts_, keadaan di mana Git tidak dapat dengan mudah _combine_ perubahan berlaku di working branch anda. Oleh itu, jalankan arahan berikut:
 
    ```bash
-   git checkout [branch_name]
+   git switch [branch_name]
    git merge main
    ```
 
diff --git a/1-getting-started-lessons/2-github-basics/translations/README.nl.md b/1-getting-started-lessons/2-github-basics/translations/README.nl.md
index 8f494324..6222717a 100644
--- a/1-getting-started-lessons/2-github-basics/translations/README.nl.md
+++ b/1-getting-started-lessons/2-github-basics/translations/README.nl.md
@@ -203,10 +203,10 @@ Laten we een workflow voor bijdragers doorlopen. Veronderstel dat de bijdrager d
    git branch [taknaam]
    ```
 
-1. **Overschakelen naar werkende tak**. Schakel over naar de gespecificeerde tak en update de werkdirectory met `git checkout`:
+1. **Overschakelen naar werkende tak**. Schakel over naar de gespecificeerde tak en update de werkdirectory met `git switch`:
 
    ```bash
-   git checkout [taknaam]
+   git switch [taknaam]
    ```
 
 1. **Werken**. Op dit punt wilt u uw wijzigingen toevoegen. Vergeet niet om Git erover te vertellen met de volgende commando's:
@@ -221,14 +221,14 @@ Laten we een workflow voor bijdragers doorlopen. Veronderstel dat de bijdrager d
 1. **Combineer uw werk met de `main` tak**. Op een gegeven moment bent u klaar met werken en wilt u uw werk combineren met dat van de `main` tak. De `main` tak kan ondertussen veranderd zijn, dus zorg ervoor dat u deze eerst bijwerkt naar de laatste versie met de volgende commando's:
 
    ```bash
-   git checkout main
+   git switch main
    git pull
    ```
 
    Op dit punt wilt u er zeker van zijn dat alle _conflicten_, situaties waarin Git niet gemakkelijk de veranderingen kan _combineren_ plaatsvinden in uw werkende tak. Voer daarom de volgende opdrachten uit:
 
    ```bash
-   git checkout [taknaam]
+   git switch [taknaam]
    git merge main
    ```
 
diff --git a/1-getting-started-lessons/2-github-basics/translations/README.pt.md b/1-getting-started-lessons/2-github-basics/translations/README.pt.md
index e596291c..cdb60b13 100644
--- a/1-getting-started-lessons/2-github-basics/translations/README.pt.md
+++ b/1-getting-started-lessons/2-github-basics/translations/README.pt.md
@@ -202,10 +202,10 @@ Vamos analisar o fluxo de trabalho de uma pessoa colaboradora. Suponha que ela j
    git branch [branch-name]
    ```
 
-1. **Mudar para o branch de trabalho**. Mude para o branch especificado e atualize o diretório de trabalho com `git checkout`:
+1. **Mudar para o branch de trabalho**. Mude para o branch especificado e atualize o diretório de trabalho com `git switch`:
 
    ```bash
-   git checkout [branch-name]
+   git switch [branch-name]
    ```
 
 1. **Trabalhe**. Neste ponto, você deseja adicionar suas alterações. Não se esqueça de contar ao Git sobre isso com os seguintes comandos:
@@ -220,14 +220,14 @@ Vamos analisar o fluxo de trabalho de uma pessoa colaboradora. Suponha que ela j
 1. **Combine seu trabalho com o branch `main`**. Em algum ponto, você concluiu o trabalho e deseja combinar seu trabalho com o do branch `principal`. O branch `main` pode ter mudado enquanto isso, certifique-se de primeiro atualizá-lo para o mais recente com os seguintes comandos:
 
    ```bash
-   git checkout main
+   git switch main
    git pull
    ```
 
    Neste ponto, você quer ter certeza de que quaisquer _conflitos_, situações em que o Git não pode _combinar_ facilmente as mudanças aconteçam em seu branch de trabalho. Portanto, execute os seguintes comandos:
 
    ```bash
-   git checkout [branch_name]
+   git switch [branch_name]
    git merge main
    ```
 
diff --git a/1-getting-started-lessons/2-github-basics/translations/README.ru.md b/1-getting-started-lessons/2-github-basics/translations/README.ru.md
index 4129f918..596c7174 100644
--- a/1-getting-started-lessons/2-github-basics/translations/README.ru.md
+++ b/1-getting-started-lessons/2-github-basics/translations/README.ru.md
@@ -170,7 +170,7 @@ _Если применить этот коммит, то он <ваше сооб
 
 ## Работа над проектами с другими разработчиками
 
-В своем репозитории перейдите в `Insights> Community`, чтобы увидеть, как ваш проект сравнивается с рекомендованными стандартами сообщества.
+В своем репозитории перейдите в `Insights > Community`, чтобы увидеть, как ваш проект сравнивается с рекомендованными стандартами сообщества.
 
 Вот несколько вещей, которые могут улучшить ваш репозиторий на GitHub:
 
@@ -186,7 +186,7 @@ _Если применить этот коммит, то он <ваше сооб
 
 ### Задание: Слияние кода
 
-Документ CONTRIBUTING.md помогает людям разобраться, как вносить свой вклад в проект. В нем объясняется, какие типы вкладов вас интересуют и как работает этот процесс. Чтобы внести свой вклад в ваш репозиторий на GitHub, участникам потребуется выполнить ряд шагов:
+Правила соучастия (например, документ `CONTRIBUTING.md`) помогают людям разобраться, как вносить свой вклад в проект. В нем объясняется, какие типы вкладов вас интересуют и как работает этот процесс. Чтобы внести свой вклад в ваш репозиторий на GitHub, участникам потребуется выполнить ряд шагов:
 
 1. **Сделать ответвление вашего репозитория (Forking)**. Вы, вероятно, захотите, чтобы люди сделали _ответвление (fork)_ вашего проекта. Ответвление означает создание копии вашего репозитория в их профиле GitHub.
 1. **Клонировать**. Оттуда они будут клонировать проект на свой локальный компьютер.
@@ -205,10 +205,10 @@ _Если применить этот коммит, то он <ваше сооб
    git branch [название-ветки]
    ```
 
-1. **Переход в рабочую ветку**. Переключитесь на указанную ветку и обновите рабочую папку с помощью команды `git checkout`:
+1. **Переход в рабочую ветку**. Переключитесь на указанную ветку и обновите рабочую папку с помощью команды `git switch`:
 
    ```bash
-   git checkout [branch-name]
+   git switch [branch-name]
    ```
 
 1. **Написание кода**. На этом этапе вы хотите добавить свои изменения. Не забудьте сообщить об этом Git с помощью следующих команд:
@@ -223,14 +223,14 @@ _Если применить этот коммит, то он <ваше сооб
 1. **Совместите свою работу с веткой `main`**. В какой-то момент вы закончили работу и хотите совместить свою работу с работой над веткой `main`. Ветка `main` за это время могла измениться, поэтому убедитесь, что вы сначала обновили ее до последней версии с помощью следующих команд:
 
    ```bash
-   git checkout main
+   git switch main
    git pull
    ```
 
    На этом этапе вы хотите убедиться, что любые _конфликты_, ситуации, когда Git не может легко _комбинировать_ изменения, происходят в вашей рабочей ветке. Поэтому выполните следующие команды:
 
    ```bash
-   git checkout [название-ветки]
+   git switch [название-ветки]
    git merge main
    ```
 
@@ -244,7 +244,7 @@ _Если применить этот коммит, то он <ваше сооб
 
    Приведенная выше команда создает ветку в вашем, ответвленном от основного, репозитории.
 
-1. **Открытие PR**. Далее вы хотите открыть PR. Вы делаете это, перейдя к ответвленному репозиторию на GitHub. Вы увидите подсказку на GitHub, где вам предложат, хотите ли вы создать новый PR. Вы нажимаете на это указание, и попадаете в интерфейс, где вы можете изменить заголовок сообщения к пул реквесту, можете дать ему более подходящее описание. Теперь владелец репозитория, от которого вы сделали ответвление, увидит этот PR, и (_скрестим пальцы_) он одобрит и примет ваш PR в свой репозиторий. Теперь вы соавтор, ура :)
+1. **Открытие PR**. Далее, вы хотите открыть PR. Вы делаете это, перейдя к ответвленному репозиторию на GitHub. Вы увидите подсказку на GitHub, где вам предложат, хотите ли вы создать новый PR. Вы нажимаете на это указание, и попадаете в интерфейс, где вы можете изменить заголовок сообщения к пул реквесту, можете дать ему более подходящее описание. Теперь владелец репозитория, от которого вы сделали ответвление, увидит этот PR, и (_скрестим пальцы_) он одобрит и примет ваш PR в свой репозиторий. Теперь вы соавтор, ура :)
 
 1. **Чистка (Clean up)**. Хорошей практикой считается _чистка_ после успешного слияния PR. Вы хотите очистить как локальную ветку, так и ветку, которую вы отправили на GitHub. Сначала удалим ее локально с помощью следующей команды:
 
diff --git a/1-getting-started-lessons/2-github-basics/translations/README.ta.md b/1-getting-started-lessons/2-github-basics/translations/README.ta.md
new file mode 100644
index 00000000..41ae93ec
--- /dev/null
+++ b/1-getting-started-lessons/2-github-basics/translations/README.ta.md
@@ -0,0 +1,325 @@
+# கிட்ஹப் அறிமுகம்
+
+இந்த பாடம் கிட்ஹப் அடிப்படைகளை உள்ளடக்கியது, உங்கள் குறியீட்டில் மாற்றங்களை நடத்த மற்றும் நிர்வகிக்க ஒரு தளம்.
+
+![Iகிட்ஹப் அறிமுகம்](/sketchnotes/webdev101-github.png)
+> ஸ்கெட்ச்நோட் [டோமோமி இமுரா](https://twitter.com/girlie_mac)
+
+
+##  விரிவுரைக்கு முந்தைய வினாடி வினா
+[ விரிவுரைக்கு முந்தைய வினாடி வினா](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/3?loc=ta)
+
+## அறிமுகம்
+
+இந்த பாடத்தில், நாங்கள் உள்ளடக்குவோம்:
+
+- உங்கள் இயந்திரத்தில் நீங்கள் செய்யும் வேலையைக் கண்காணித்தல்
+- மற்றவர்களுடன் திட்டங்களில் வேலை செய்தல்
+- திறந்த மூல மென்பொருள் பங்களிக்க எப்படி
+
+### முன் நிபந்தனைகள்
+
+நீங்கள் தொடங்குவதற்கு முன், கிட் நிறுவப்பட்டதா என்பதை நீங்கள் சரிபார்க்க வேண்டும். முனைய வகை:  
+`git --version`
+
+கிட் நிறுவப்படவில்லை என்றால், [கிட் பதிவிறக்க](https://git-scm.com/downloads) . பின்னர், முனையத்தில் உங்கள் உள்ளூர் கிட் சுயவிவரத்தை அமை:
+
+* `git config --global user.name "your-name"`
+* `git config --global user.email "your-email"`
+
+கிட் ஏற்கனவே உள்ளமைக்கப்பட்டதா என்பதை சரிபார்க்க நீங்கள் தட்டச்சு செய்யலாம்:
+`git config --list`
+
+நீங்கள் ஒரு கிட்ஹப் கணக்கு, ஒரு குறியீட்டு ஆசிரியர் (விஷுவல் ஸ்டுடியோ குறியீடு போன்றவை) வேண்டும், மேலும் உங்கள் முனையத்தைத் திறக்க வேண்டும் (அல்லது: கட்டளை செயலழைப்பு).
+
+நீங்கள் ஏற்கனவே இல்லை என்றால் [github.com](https://github.com/) செல்லவும் மற்றும் ஒரு கணக்கை உருவாக்கவும், அல்லது உள்நுழைந்து உங்கள் சுயவிவரத்தை நிரப்பவும். 
+
+
+✅  கிட்ஹப் உலகின் ஒரே குறியீடு களஞ்சியம் அல்ல; மற்றவர்கள் இருக்கிறார்கள், ஆனால் கிட்ஹப் நன்கு அறியப்பட்டவர்
+
+### முன்னேற்பாடு செய்தல்
+
+உங்கள் உள்ளூர் இயந்திரத்தில் (மடிக்கணினி அல்லது பிசி) ஒரு குறியீட்டு திட்டத்துடன் ஒரு கோப்புறை மற்றும் கிட்ஹப்பில் ஒரு பொது களஞ்சியம் ஆகிய இரண்டும் உங்களுக்குத் தேவைப்படும், இது மற்றவர்களின் திட்டங்களுக்கு எவ்வாறு பங்களிக்க வேண்டும் என்பதற்கு ஒரு எடுத்துக்காட்டாக இருக்கும். 
+
+---
+
+## குறியீடு மேலாண்மை
+
+சில குறியீட்டு திட்டத்துடன் உள்நாட்டில் ஒரு கோப்புறை உள்ளது என்று வைத்துக்கொள்வோம், மேலும் உங்கள் முன்னேற்றத்தை கிட் - பதிப்பு கட்டுப்பாட்டு அமைப்பு பயன்படுத்தி கண்காணிக்க த் தொடங்க வேண்டும். சிலர் கிட் பயன்படுத்தி உங்கள் எதிர்கால சுய ஒரு காதல் கடிதம் எழுத ஒப்பிட்டு. நாட்கள் அல்லது வாரங்கள் அல்லது மாதங்களுக்குப் பிறகு உங்கள் ஒப்புக்கொள்ளும் செய்திகளைப் படிக்கும்போது, நீங்கள் ஏன் ஒரு முடிவை எடுத்தீர்கள், அல்லது ஒரு மாற்றத்தை "திரும்பப் பெறுகிறீர்கள்" என்பதை நீங்கள் நினைவுகூர முடியும் - அதாவது, நீங்கள் நல்ல "செய்திகளைச் செய்யுங்கள்" என்று எழுதும்போது.
+
+### பணி: ஒரு களஞ்சியத்தை உருவாக்கவும் மற்றும் குறியீட்டை செய்யவும்
+
+1.  **கிட்ஹப் இல் களஞ்சியத்தை உருவாக்கவும்** கிட்ஹப், களஞ்சியங்கள் தாவலை, அல்லது வழிசெலுத்தல் பட்டியில் மேல் வலது இருந்து, **புதிய ரெப்போ ** பொத்தானை கண்டுபிடிக்க.
+
+   1. உங்கள் களஞ்சியத்திற்கு (கோப்புறை) ஒரு பெயரைக் கொடுங்கள்
+   1. தேர்ந்தெடுக்கவும் **create repository**.
+
+1. **உங்கள் பணி கோப்புறைக்கு செல்லவும்**. உங்கள் முனையத்தில், கோப்புறைக்கு மாறவும் (கோப்பகம் என்றும் அழைக்கப்படுகிறது) நீங்கள் கண்காணிக்கத் தொடங்க விரும்புகிறீர்கள். மாதிப் படிவம்:
+
+   ```bash
+   cd [உங்கள் கோப்புறையின் பெயர்]
+   ```
+
+1. **ஒரு கிட் களஞ்சியத்தை துவக்கு**. உங்கள் திட்ட வகை:
+
+   ```bash
+   git init
+   ```
+
+1. **நிலையை சரிபார்க்கவும்**. உங்கள் களஞ்சிய வகையின் நிலையை சரிபார்க்க:
+
+   ```bash
+   git status
+   ```
+
+   வெளியீடு இந்த மாதிரி ஏதாவது இருக்க முடியும்:
+
+   ```output
+   Changes not staged for commit:
+   (use "git add <file>..." to update what will be committed)
+   (use "git checkout -- <file>..." to discard changes in working directory)
+
+        modified:   file.txt
+        modified:   file2.txt
+   ```
+   பொதுவாக ஒரு `git status` கட்டளை, கோப்புகளில் _சேமிக்கதயாராக உள்ளது_ ரெப்போஅல்லது நீங்கள் தொடர்ந்து இருக்க விரும்பும் மாற்றங்களைக் கொண்டுள்ளது போன்ற விஷயங்களைஉங்களுக்குச் சொல்கிறது.
+
+1. **கண்காணிப்பு அனைத்து கோப்புகளை சேர்க்க**
+   இது ஸ்டேஜிங் கோப்புகள் / ஸ்டேஜிங் பகுதியில் கோப்புகளைச் சேர்ப்பது என்றும் அழைக்கப்படுகிறது.
+
+   ```bash
+   git add .
+   ```
+`git add` பிளஸ் `.` வாதம் உங்கள் கோப்புகள் அனைத்தும் கண்காணிக்க மாறும் என்பதைக் குறிக்கிறது.
+
+1. **கண்காணிப்புக்காக தேர்ந்தெடுக்கப்பட்ட கோப்புகளைச் சேர்க்கவும்**
+
+   ```bash
+   git add [கோப்பு அல்லது கோப்புறை பெயர்]
+   ```
+
+   ஒரே நேரத்தில் அனைத்து கோப்புகளையும் செய்ய விரும்பாத போது, தேர்ந்தெடுக்கப்பட்ட கோப்புகளை மட்டுமே ஸ்டேஜிங் பகுதியில் சேர்க்க இது உதவுகிறது.
+
+1. **அனைத்து கோப்புகளையும் நிலைநீக்கு**
+
+   ```bash
+   git reset
+   ```
+
+    இந்த கட்டளை அனைத்து கோப்புகளையும் ஒரே நேரத்தில் நிலைநீக்க உதவுகிறது.
+
+
+1. **ஒரு குறிப்பிட்ட கோப்பை நிலைநீக்கு**
+
+   ```bash
+   git reset [கோப்பு அல்லது கோப்புறை பெயர்]
+   ```
+
+    அடுத்த கமிட் செய்ய விரும்பாத ஒரு குறிப்பிட்ட கோப்பை மட்டும் ஒரே நேரத்தில் கட்டமைக்க இந்த கட்டளை நமக்கு உதவுகிறது.
+
+1. **உங்கள் வேலையை த் தொடருதல்**. இந்த கட்டத்தில் நீங்கள் _ஸ்டேஜிங் பகுதி_ என்று அழைக்கப்படும் கோப்புகளை சேர்த்துள்ளீர்கள். உங்கள் கோப்புகளை கிட் கண்காணிக்கும் இடம். மாற்றத்தை நிரந்தரமாக்க, கோப்புகளை _கமிட்_ செய்ய வேண்டும். அவ்வாறு செய்ய நீங்கள் `git commit` கட்டளையுடன் ஒரு _கமிட்_ உருவாக்குகிறீர்கள். ஒரு _கமிட்_ உங்கள் ரெப்போ வரலாற்றில் ஒரு சேமிப்பு புள்ளி யை குறிக்கிறது. _கமிட்_ உருவாக்க பின்வருவனவை தட்டச்சு செய்யவும்:
+
+
+   ```bash
+   git commit -m "first commit"
+   ```
+
+    இது உங்கள் கோப்புகள் அனைத்தையும் ஒப்புக்கொள்கிறது, "முதலில் ஒப்புக்கொள்ளுங்கள்" என்ற செய்தியைச் சேர்க்கிறது. எதிர்காலத்தில் செய்திகளைச் செய்ய நீங்கள் என்ன வகையான மாற்றத்தை செய்தீர்கள் என்பதை தெரிவிக்க உங்கள் விளக்கத்தில் இன்னும் விளக்கமாக இருக்க விரும்புகிறீர்கள்.
+
+1. **உங்கள் உள்ளூர் கிட் ரெப்போவை கிட்ஹப் உடன் இணைக்கவும்**. ஒரு கிட் ரெப்போ உங்கள் இயந்திரத்தில் நல்லது, ஆனால் ஒரு கட்டத்தில் நீங்கள் எங்காவது உங்கள் கோப்புகளை காப்புப்பிரதி எடுக்க விரும்புகிறீர்கள், மேலும் உங்கள் ரெப்போவில் உங்களுடன் வேலை செய்ய மற்ற நபர்களை அழைக்கவும் விரும்புகிறீர்கள். அவ்வாறு செய்ய ஒரு பெரிய இடம் கிட்ஹப் ஆகும். நாம் ஏற்கனவே கிட்ஹப்பில் ஒரு ரெப்போவை உருவாக்கியுள்ளோம் என்பதை நினைவில் கொள்ளுங்கள், எனவே நாம் செய்ய வேண்டிய ஒரே விஷயம் கிட்ஹப் உடன் எங்கள் உள்ளூர் கிட் ரெப்போவை இணைக்க வேண்டும். `git remote add` என்ற கட்டளை அதைச் செய்யும். பின்வரும் கட்டளையை தட்டச்சு செய்யவும்:
+
+   > குறிப்பு, நீங்கள் கட்டளையை தட்டச்சு செய்வதற்கு முன், உங்கள் கிட்ஹப் ரெப்போ பக்கத்திற்கு சென்று களஞ்சியத்தை கண்டுபிடிக்கவும். நீங்கள் கீழே உள்ள கட்டளையில் பயன்படுத்துவீர்கள். ```https://github.com/username/repository_name.git``` என்பதை உங்கள் கிட்ஹப் யுஆர்எல் மூலம் மாற்றவும்.
+
+
+   ```bash
+   git remote add origin https://github.com/username/repository_name.git
+   ```
+
+ இது ஒரு _தொலை__ அல்லது இணைப்பை உருவாக்குகிறது, "தோற்றம்" என்று பெயரிடப்பட்டது, நீங்கள் முன்பு உருவாக்கிய கிட்ஹப் களஞ்சியத்தை சுட்டிக்காட்டுகிறது.
+
+ 1. **கீதுப் க்கு உள்ளூர் கோப்புகளை அனுப்பவும்** இதுவரை நீங்கள் உள்ளூர் ரெப்போ மற்றும் கிட்ஹப் ரெப்போ இடையே ஒரு _இணைப்பு_ உருவாக்கியுள்ளீர்கள். பின்வரும் கட்டளை `git push`உடன் இந்த கோப்புகளை கிட்ஹப் க்கு அனுப்புவோம், இது போன்றது: 
+   
+   > குறிப்பு, உங்கள் கிளை பெயர் முன்னிருப்பாக வேறுபட்டிருக்கலாம் ```main```.
+
+   ```bash
+   git push -u origin main
+   ```
+
+      இது உங்கள் "main" கிளையில் உள்ள உங்கள் உறுதிகளை கிட்ஹப் க்கு அனுப்புகிறது.
+
+2. **மேலும் மாற்றங்களைச் சேர்க்க**. நீங்கள் மாற்றங்களைதொடர்ந்து செய்ய விரும்பினால், அவற்றை கிட்ஹப் க்கு தள்ளவிரும்பினால், பின்வரும் மூன்று கட்டளைகளைப் பயன்படுத்த வேண்டும்:
+
+   ```bash
+   git add .
+   git commit -m "உங்கள் ஒப்புக்கொள்ளும் செய்தியை இங்கே தட்டச்சு செய்யவும்"
+   git push
+   ```
+   > உதவிக்குறிப்பு, நீங்கள் கிட்ஹப்பில் காண்பிக்க விரும்பாத கோப்புகளைத் தடுக்க ஒரு `.gitignore` கோப்பை நீங்கள் ஏற்றுக்கொள்ள விரும்பலாம் - அதே கோப்புறையில் நீங்கள் சேமித்து வைக்கும் குறிப்புகள் கோப்பு போல, ஆனால் ஒரு பொது களஞ்சியத்தில் இடமில்லை. [.gitignore templates](https://github.com/github/gitignore) இல் `.gitignore` கோப்புகளுக்கான வார்ப்புருக்களை நீங்கள் காணலாம்
+
+#### செய்திகளை ஒப்புக்கொள்
+
+
+ஒரு பெரிய கிட் கமிட் சப்ஜெக்ட் லைன் பின்வரும் வாக்கியத்தை நிறைவு செய்யும்:
+பயன்படுத்தப்பட்டால், இந்த உறுதி <உங்கள் பொருள் வரி இங்கே>
+
+பொருள் கட்டாயபயன்படுத்த, தற்போதைய: "மாற்றம்" "மாற்ற" அல்லது "மாற்றங்கள்". 
+பொருள் போன்ற, உடலில் (விரும்பினால்) மேலும் கட்டாய பயன்படுத்த, தற்போதைய பதற்றம். உடல் மாற்றம் உந்துதல் சேர்க்க வேண்டும் மற்றும் முந்தைய நடத்தை இந்த மாறாக வேண்டும். நீங்கள் `ஏன்` விளக்குகிறீர்கள், `எப்படி` அல்ல.
+
+✅ கிட்ஹப் சுற்றி உலாவ சில நிமிடங்கள் எடுத்துக் கொள்ளுங்கள். நீங்கள் ஒரு பெரிய ஒப்புக்கொள்ளசெய்தி கண்டுபிடிக்க முடியும்? நீங்கள் ஒரு மிகவும் குறைந்த ஒரு கண்டுபிடிக்க முடியும்? ஒரு கமிட் செய்தியில் தெரிவிக்க மிகவும் முக்கியமான மற்றும் பயனுள்ள தகவல் என்று நீங்கள் நினைக்கிறீர்கள்?
+
+### பணி: ஒத்துழைக்க
+
+கிட்ஹப்பில் விஷயங்களை வைப்பதற்கான முக்கிய காரணம் மற்ற டெவலப்பர்களுடன் ஒத்துழைப்பதை சாத்தியமாக்குகிறது.
+
+## மற்றவர்களுடன் திட்டங்களில் வேலை செய்தல்
+
+உங்கள் களஞ்சியத்தில், பரிந்துரைக்கப்பட்ட சமூக தரங்களுடன் உங்கள் திட்டம் எவ்வாறு ஒப்பிடுகிறது என்பதைப் பார்க்க `நுண்ணறிவு > சமூகம்` செல்லவும்.
+
+   இங்கே உங்கள் கிட்ஹப் ரெப்போ மேம்படுத்த முடியும் என்று சில விஷயங்கள் உள்ளன:
+   - **விளக்கம்**. உங்கள் திட்டத்திற்கான விளக்கத்தைச் சேர்த்தீர்களா?
+   - **ரீட்மே**. நீங்கள் ஒரு ரீட்மேசேர்த்தீர்களா? கிட்ஹப் ஒரு [ரீட்மே](https://docs.github.com/articles/about-readmes/) எழுதுவதற்கான வழிகாட்டலை வழங்குகிறது
+    - **பங்களிப்பு வழிகாட்டுதல்**. உங்கள் திட்டத்தில் [பங்களிப்பு வழிகாட்டுதல்கள்](https://docs.github.com/articles/setting-guidelines-for-repository-contributors/) உள்ளதா, 
+   - **நடத்தை விதிகள்**. அ [நடத்தை விதிகள்](https://docs.github.com/articles/adding-a-code-of-conduct-to-your-project/), 
+   - **உரிமம்**. ஒருவேளை மிக முக்கியமாக, ஒரு [உரிமம்](https://docs.github.com/articles/adding-a-license-to-a-repository/)?
+
+
+இந்த வளங்கள் அனைத்தும் புதிய குழு உறுப்பினர்களுக்கு பயனளிக்கும். உங்கள் குறியீட்டைப் பார்ப்பதற்கு முன்பு புதிய பங்களிப்பாளர்கள் பார்க்கும் விஷயங்கள் பொதுவாக உள்ளன, உங்கள் திட்டம் அவர்கள் தங்கள் நேரத்தை செலவழிக்க சரியான இடம் தானா என்பதைக் கண்டறிய.
+
+✅ ரீட்மே கோப்புகள், அவை தயாரிக்க நேரம் எடுத்துக்கொண்டாலும், பெரும்பாலும் பிஸியான பராமரிப்பாளர்களால் புறக்கணிக்கப்படுகின்றன. குறிப்பாக விளக்கப்பட்ட ஒரு உதாரணத்தை நீங்கள் கண்டுபிடிக்க முடியுமா? குறிப்பு: நீங்கள் முயற்சி செய்ய விரும்பும் சில [நல்ல ரீ.ஈ.டி.எம்.இ.க்களை உருவாக்க உதவும் கருவிகள்](https://www.makeareadme.com/) உள்ளன.
+
+### பணி: சில குறியீட்டை ஒன்றுசேர்
+
+பங்களிப்பு ஆவணங்கள் மக்கள் திட்டத்திற்கு பங்களிக்க உதவுகின்றன. நீங்கள் என்ன வகையான பங்களிப்புகளைத் தேடுகிறீர்கள் மற்றும் செயல்முறை எவ்வாறு செயல்படுகிறது என்பதை இது விளக்குகிறது. பங்களிப்பாளர்கள் கீதுப் மீது உங்கள் ரெப்போபங்களிக்க முடியும் படிகள் ஒரு தொடர் மூலம் செல்ல வேண்டும்:
+
+1. **உங்கள் ரெப்போவை ஃபோர்கிங்** ஒருவேளை நீங்கள் மக்கள் உங்கள் திட்டத்தை _ஃபோர்க்_ வேண்டும். ஃபோர்கிங் என்பது அவர்களின் கிட்ஹப் சுயவிவரத்தில் உங்கள் களஞ்சியத்தின் பிரதியை உருவாக்குவதாகும்.
+1. **குளோன்**. அங்கிருந்து அவர்கள் தங்கள் உள்ளூர் இயந்திரத்திற்கு திட்டத்தை குளோன் செய்வார்கள். 
+1. **ஒரு கிளை உருவாக்க**. நீங்கள் அவர்களின் வேலைக்கு ஒரு _கிளை_ உருவாக்க அவர்களை கேட்க வேண்டும். 
+1. **ஒரு பகுதியில் தங்கள் மாற்றத்தை கவனம் செலுத்தவும்**. பங்களிப்பாளர்களை ஒரு நேரத்தில் ஒரு விஷயத்தில் தங்கள் பங்களிப்புகளை ஒருமுகப்படுத்தும்படி கேளுங்கள் - அந்த வழியில் நீங்கள் அவர்களின் வேலையில் _ஒன்றிணைக்க_ வாய்ப்புகளை அதிகமாக உள்ளது. அவர்கள் ஒரு பிழை சரி எழுத கற்பனை, ஒரு புதிய அம்சம் சேர்க்க, மற்றும் பல சோதனைகள் புதுப்பிக்க - நீங்கள் விரும்பினால் என்ன, அல்லது மட்டுமே 3 வெளியே 2 செயல்படுத்த முடியும், அல்லது 3 மாற்றங்கள் 1?
+
+✅ நல்ல குறியீட்டை எழுதுவதற்கும் அனுப்புவதற்கும் கிளைகள் குறிப்பாக முக்கியமான ஒரு சூழ்நிலையை கற்பனை செய்து பாருங்கள். வழக்குகள் என்ன பயன் என்று நீங்கள் நினைக்கலாம்?
+
+> குறிப்பு, நீங்கள் உலகில் பார்க்க விரும்பும் மாற்றமாக இருங்கள், உங்கள் சொந்த வேலைக்கும் கிளைகளை உருவாக்குங்கள். நீங்கள் செய்யும் எந்தவொரு உறுதிப்படமும் நீங்கள் தற்போது "சரிபார்க்கப்பட்ட" கிளையில் செய்யப்படும். எந்த கிளை என்று பார்க்க `git status` பயன்படுத்தவும்.
+
+பங்களிப்பாளர் பணிப்பாய்வின் மூலம் செல்லலாம். பங்களிப்பாளர் ஏற்கனவே _ஃபோர்க்_ மற்றும் _குளோன்_ ரெப்போவை வைத்திருக்கிறார் என்று வைத்துக்கொள்ளுங்கள், எனவே அவர்கள் தங்கள் உள்ளூர் இயந்திரத்தில் வேலை செய்ய தயாராக ஒரு கிட் ரெப்போவை வைத்திருக்கிறார்கள்:
+
+1. **ஒரு கிளை உருவாக்க**. `git branch` என்ற கட்டளையைப் பயன்படுத்தி, அவர்கள் பங்களிக்க வேண்டிய மாற்றங்களைக் கொண்ட ஒரு கிளையை உருவாக்கவும்:
+
+   ```bash
+   git branch [கிளை பெயர்]
+   ```
+
+1. **வேலை செய்யும் கிளைக்கு மாறவும்**. குறிப்பிட்ட கிளைக்கு மாறி, பணி கோப்பகத்துடன் புதுப்பிக்கவும் `git switch`:
+
+   ```bash
+   git switch [கிளை பெயர்]
+   ```
+
+1. **வேலை செய்யுங்கள்**. இந்த கட்டத்தில் நீங்கள் உங்கள் மாற்றங்களை சேர்க்க விரும்புகிறீர்கள். பின்வரும் கட்டளைகளுடன் அதைப் பற்றி கிட் சொல்ல மறக்க வேண்டாம்:
+
+   ```bash
+   git add .
+   git commit -m "என் மாற்றங்கள்"
+   ```
+
+   உங்கள் நலனுக்காகவும், நீங்கள் உதவி செய்யும் ரெப்போவின் பராமரிப்பாளராகவும், உங்கள் உறுதிக்கு ஒரு நல்ல பெயரைக் கொடுப்பதை உறுதி செய்யுங்கள்.
+
+1.**உங்கள் வேலையை `main` கிளையுடன் இணைக்கவும்**. ஒரு கட்டத்தில் நீங்கள் வேலை செய்து விட்டீர்கள், உங்கள் வேலையை `main` கிளையுடன் இணைக்க விரும்புகிறீர்கள். `main` கிளை இதற்கிடையில் மாறியிருக்கலாம், எனவே பின்வரும் கட்டளைகளுடன் சமீபத்தியதை முதலில் புதுப்பிக்கவும்:
+
+   ```bash
+   git switch main
+   git pull
+
+   ```
+
+   இந்த கட்டத்தில், உங்கள் பணிக்கிளையில் மாற்றங்கள் எளிதாக _இணைவுகள்_ செய்ய முடியாத சூழ்நிலைகளில் ஏதேனும் _இணை_, இருப்பதை உறுதி செய்ய விரும்புகிறீர்கள். எனவே பின்வரும் கட்டளைகளை இயக்கவும்:
+
+   ```bash
+   git switch [கிளை பெயர்]
+   git merge main
+   ```
+
+
+இது உங்கள் கிளையில் `main` இருந்து அனைத்து மாற்றங்களையும் கொண்டு வரும் மற்றும் வட்டம் நீங்கள் தொடர முடியும். இல்லையெனில்,கிட்  _confused_ எங்கே என்று விஎஸ் குறியீடு உங்களுக்கு சொல்லும், மேலும் எந்த உள்ளடக்கம் மிகவும் துல்லியமானது என்று சொல்ல பாதிக்கப்பட்ட கோப்புகளை மாற்றவும்.
+
+1. 1. **உங்கள் வேலையை கிட்ஹப்**க்கு அனுப்பவும். உங்கள் வேலையை கிட்ஹப் க்கு அனுப்புவது என்பது இரண்டு விஷயங்களைக் குறிக்கிறது. உங்கள் கிளையை உங்கள் ரெப்போவுக்குத் தள்ளி, பின்னர் ஒரு பேஆர், புல் கோரிக்கையைத் திறக்கவும்.
+
+   ```bash
+   git push --set-upstream origin [கிளை பெயர்]
+   ```
+   மேலே கட்டளை உங்கள் முட்கரண்டி ரெப்போ கிளை உருவாக்குகிறது.
+
+1. **ஒரு பேஆர்** திறக்கவும். அடுத்து, நீங்கள் ஒரு பேஆர் ஐ திறக்க விரும்புகிறீர்கள். நீங்கள் கிட்ஹப் மீது ஃபோர்க்செய்யப்பட்ட ரெப்போவுக்கு வழிசெலுத்துவதன் மூலம் அதைச் செய்கிறீர்கள். நீங்கள் ஒரு புதிய பேஆர் ஐ உருவாக்க விரும்புகிறீர்களா என்று கேட்கும் கிட்ஹப்பில் ஒரு அறிகுறியைப் பார்ப்பீர்கள், அதை கிளிக் செய்து, செய்தி தலைப்பை மாற்றக்கூடிய ஒரு இடைமுகத்திற்கு நீங்கள் அழைத்துச் செல்லப்படுகிறீர்கள், அதற்கு மிகவும் பொருத்தமான விளக்கத்தை க்கொடுங்கள். இப்போது நீங்கள் ஃபோர்க் செய்த ரெப்போவின் பராமரிப்பாளர் இந்த பேஆர் ஐப் பார்ப்பார், _விரல்கள் கடந்து_ அவர்கள் பாராட்டுவார்கள் மற்றும் உங்கள் பேஆர் ஐ இணைப்பார்கள். நீங்கள் இப்போது ஒரு பங்களிப்பாளராக இருக்கிறீர்கள், நீங்கள் :)
+
+1. **சுத்தம்**. நீங்கள் வெற்றிகரமாக ஒரு பேஆர் ஐ இணைத்த பிறகு _சுத்தம்_ நல்ல நடைமுறையாகக் கருதப்படுகிறது. உங்கள் உள்ளூர் கிளை மற்றும் நீங்கள் கிட்ஹப் க்கு தள்ளிய கிளை இரண்டையும் சுத்தம் செய்ய விரும்புகிறீர்கள். முதலில் பின்வரும் கட்டளையுடன் அதை உள்நாட்டில் நீக்குவோம்: 
+
+   ```bash
+   git branch -d [கிளை பெயர்]
+   ```
+
+   நீங்கள் அடுத்த ஃபோர்க்செய்யப்பட்ட ரெப்போவிற்கு கிட்ஹப் பக்கம் செல்வதை உறுதி செய்து, நீங்கள் அதை தள்ளிய தொலைதூர கிளையை அகற்றவும்.
+
+`புல் கோரிக்கை` ஒரு முட்டாள்தனமான சொல் போல் தெரிகிறது, ஏனென்றால் உண்மையில் நீங்கள் திட்டத்தில் உங்கள் மாற்றங்களை தள்ள விரும்புகிறீர்கள். ஆனால் பராமரிப்பாளர் (திட்ட உரிமையாளர்) அல்லது முக்கிய குழு திட்டத்தின் "முக்கிய" கிளையுடன் இணைப்பதற்கு முன் உங்கள் மாற்றங்களை கருத்தில் கொள்ள வேண்டும், எனவே நீங்கள் உண்மையில் ஒரு பராமரிப்பவரிடமிருந்து ஒரு மாற்ற முடிவைக் கோருகிறீர்கள்.  
+
+ஒரு இழு கோரிக்கை மதிப்புரைகள், கருத்துக்கள், ஒருங்கிணைந்த சோதனைகள் மற்றும் பலவற்றுடன் ஒரு கிளையில் அறிமுகப்படுத்தப்பட்ட வேறுபாடுகளை ஒப்பிட்டு விவாதிக்க ும் இடம். ஒரு நல்ல இழுப்பு கோரிக்கை ஒரு ஒப்புக்கொள்ளும் செய்தி போன்ற கிட்டத்தட்ட அதே விதிகளைப் பின்பற்றுகிறது. எடுத்துக்காட்டாக, உங்கள் வேலை ஒரு சிக்கலைத் சரிசெய்யும்போது, சிக்கல் டிராக்கரில் உள்ள ஒரு பிரச்சினைக்கு நீங்கள் ஒரு குறிப்பைச் சேர்க்கலாம். இது ஒரு `#` பயன்படுத்தி செய்யப்படுகிறது, அதைத் தொடர்ந்து உங்கள் பிரச்சினையின் எண்ணிக்கை. உதாரணமாக `#97`.
+
+🤞அனைத்து காசோலைகளும் கடந்து, திட்ட உரிமையாளர்(கள்) உங்கள் மாற்றங்களை திட்டத்தில் இணைக்க வேண்டும் என்று விரல்கள் கடந்து விட்டன🤞
+
+கிட்ஹப்பில் உள்ள தொடர்புடைய தொலைநிலை கிளையிலிருந்து அனைத்து புதிய ஒப்புக்களுடன் உங்கள் தற்போதைய உள்ளூர் பணிகிளையைப் புதுப்பிக்கவும்:
+
+`git pull`
+
+## திறந்த மூலத்திற்கு எவ்வாறு பங்களிக்க வேண்டும்
+
+முதலில், உங்களுக்கு ஆர்வமுள்ள கிட்ஹப்பில் ஒரு களஞ்சியத்தை (அல்லது **ரெப்போ**) காணலாம், அதற்கு நீங்கள் ஒரு மாற்றத்தை பங்களிக்க விரும்புகிறீர்கள். அதன் உள்ளடக்கங்களை உங்கள் இயந்திரத்தில் நகலெடுக்க விரும்புகிறீர்கள்..
+
+✅  'தொடக்க நட்பு' ரெப்போஸைக் கண்டுபிடிக்க ஒரு நல்ல வழி ['நல்ல முதல் பிரச்சினை' என்ற குறிச்சொல்மூலம் தேடுவதாகும்](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
+
+![உள்ளூரில் ஒரு ரெப்போவை நகலெடுக்கவும்](../images/clone_repo.png)
+
+குறியீட்டை நகலெடுக்க பல வழிகள் உள்ளன. ஒரு வழி களஞ்சியத்தின் உள்ளடக்கங்களை "குளோன்" செய்வது, HTTPஎஸ், எஸ்எஸ்ஹெச், அல்லது கிட்ஹப் சிஎல்ஐ (கட்டளை வரி இடைமுகம்) பயன்படுத்தி. 
+
+உங்கள் முனையத்தைத் திறந்து களஞ்சியத்தை இவ்வாறு குளோன் செய்யுங்கள்:
+`git clone https://github.com/புரொஜக்ட்யுஆர்எல்`
+
+திட்டத்தில் வேலை செய்ய, சரியான கோப்புறைக்கு மாறவும்:
+`cd புரொஜக்ட்யுஆர்எல்`
+
+நீங்கள் [கோட்ஸ்பேஸ்](https://github.com/features/codespaces), கிட்ஹப்பின் உட்பொதிக்கப்பட்ட குறியீடு ஆசிரியர் / கிளவுட் மேம்பாட்டு சூழல் அல்லது [கிட்ஹப் டெஸ்க்டாப்](https://desktop.github.com/) பயன்படுத்தி முழு திட்டத்தையும் திறக்கலாம்
+
+இறுதியாக, நீங்கள் ஒரு ஜிப் செய்யப்பட்ட கோப்புறையில் குறியீட்டைப் பதிவிறக்கலாம்.
+
+### கிட்ஹப் பற்றி இன்னும் சில சுவாரஸ்யமான விஷயங்கள்
+
+நீங்கள் கீதுப்-இல் உள்ள எந்தவொரு பொது களஞ்சியத்தையும் நட்சத்திர, பார்வை மற்றும் /அல்லது "முட்கரண்டி" செய்யலாம். மேல்-வலது கீழ்-கீழ் மெனுவில் உங்கள் நட்சத்திரகளஞ்சியங்களை நீங்கள் காணலாம். இது புக்மார்க்கிங் போன்றது, ஆனால் குறியீட்டுக்கு.
+
+திட்டங்கள் ஒரு சிக்கல் டிராக்கர் வேண்டும், பெரும்பாலும் "சிக்கல்கள்" தாவலில் கிட்ஹப் இல்லையெனில் சுட்டிக்காட்டப்படாவிட்டால், அங்கு மக்கள் திட்டம் தொடர்பான சிக்கல்களைவிவாதிக்கிறார்கள். மற்றும் புல் கோரிக்கைகள் தாவல் மக்கள் விவாதிக்க மற்றும் முன்னேற்றத்தில் இருக்கும் மாற்றங்களை மதிப்பாய்வு எங்கே உள்ளது.
+
+திட்டங்கள் மன்றங்கள், அஞ்சல் பட்டியல்கள் அல்லது ஸ்லாக், டிஸ்ட்டர் அல்லது ஐஆர்சி போன்ற அரட்டை சேனல்களிலும் விவாதம் நடத்தலாம்.
+
+✅ உங்கள் புதிய கிட்ஹப் ரெப்போவைச் சுற்றி பாருங்கள் மற்றும் சில விஷயங்களை முயற்சிக்கவும், எடிட்டிங் அமைப்புகள், உங்கள் ரெப்போவில் தகவலைச் சேர்த்தல், மற்றும் ஒரு திட்டத்தை உருவாக்குதல் (ஒரு கன்பன் பலகை போன்றது). நீங்கள் செய்ய முடியும் நிறைய இருக்கிறது!
+
+---
+
+## 🚀 அறைகூவல் 
+
+ஒருவருக்கொருவர் குறியீட்டில் வேலை செய்ய ஒரு நண்பருடன் ஜோடி சேரவும். ஒரு திட்டத்தை கூட்டாக உருவாக்கவும், ஃபோர்க் குறியீடு, கிளைகளை உருவாக்கவும், மாற்றங்களை இணைக்கவும்.
+
+## விரிவுரைக்குப் பிந்தைய வினாடி வினா
+[விரிவுரைக்குப் பிந்தைய வினாடி வினா](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/4?loc=ta)
+
+## ஆய்வு & சுய ஆய்வு
+
+மேலும் வாசிக்க [திறந்த மூல மென்பொருளுக்கு பங்களிப்பு](https://opensource.guide/how-to-contribute/#how-to-submit-a-contribution). 
+
+[கிட் ஏமாற்றுதாள்](https://training.github.com/downloads/github-git-cheat-sheet/).
+
+பயிற்சி, பயிற்சி, பயிற்சி. கிட்ஹப் [lab.github.com](https://lab.github.com/) வழியாக கிடைக்கும் சிறந்த கற்றல் பாதைகளைக் கொண்டுள்ளது:
+
+- [கிது முதல் வாரம்](https://lab.github.com/githubtraining/first-week-on-github)
+
+
+நீங்கள் இன்னும் மேம்பட்ட ஆய்வகங்கள் காண்பீர்கள். 
+
+##  வகுத்தமைத்தல் 
+
+முழுமையான [கிட்ஹப் பயிற்சி ஆய்வகத்தில் முதல் வாரம்](https://lab.github.com/githubtraining/first-week-on-github)
diff --git a/1-getting-started-lessons/2-github-basics/translations/README.zh-cn.md b/1-getting-started-lessons/2-github-basics/translations/README.zh-cn.md
index 698161a0..e217ffa0 100644
--- a/1-getting-started-lessons/2-github-basics/translations/README.zh-cn.md
+++ b/1-getting-started-lessons/2-github-basics/translations/README.zh-cn.md
@@ -203,10 +203,10 @@
    git branch [分支名]
    ```
 
-1. **切换到工作分支**。使用 `git checkout` 来切换到指定分支并且更新工作目录中的文件：
+1. **切换到工作分支**。使用 `git switch` 来切换到指定分支并且更新工作目录中的文件：
 
    ```bash
-   git checkout [分支名]
+   git switch [分支名]
    ```
 
 1. **干活**。现在你可以添加你的变更了，别忘了用下面的命令告诉 Git 你所做的工作：
@@ -221,14 +221,14 @@
 1. **将你的工作合入 `main` 分支**。在完成工作后，你打算将你的工作和 `main` 分支上的合并。`main` 分支可能同时有了一些新的变更，所以要先用以下命令确保将其更新至最新版本：
 
    ```bash
-   git checkout main
+   git switch main
    git pull
    ```
 
    这时你想确认是否存在 _冲突（conflicts）_，即 Git 没法简单地将这些变化 _合入_ 你的分支的情况。为此运行下面的命令：
 
    ```bash
-   git checkout [分支名]
+   git switch [分支名]
    git merge main
    ```
 
diff --git a/1-getting-started-lessons/2-github-basics/translations/README.zh-tw.md b/1-getting-started-lessons/2-github-basics/translations/README.zh-tw.md
index 9bce5d02..63294615 100644
--- a/1-getting-started-lessons/2-github-basics/translations/README.zh-tw.md
+++ b/1-getting-started-lessons/2-github-basics/translations/README.zh-tw.md
@@ -202,10 +202,10 @@
    git branch [分支名稱]
    ```
 
-1. **切換到該工作分支** 使用指令 `git checkout` 來切換到特定分支，更新分支的檔案狀態：
+1. **切換到該工作分支** 使用指令 `git switch` 來切換到特定分支，更新分支的檔案狀態：
 
    ```bash
-   git checkout [分支名稱]
+   git switch [分支名稱]
    ```
 
 1. **程式設計** 記得追蹤你所更改的地方，利用下列的指令來告訴 Git：
@@ -220,14 +220,14 @@
 1. **將工作分支與 `main` 分支進行合併** 當工作完成時，你會需要將工作分支與 `main` 分支進行合併。 `main` 分支可能會被他人更新，在合併之前記得更新主分支：
 
    ```bash
-   git checkout main
+   git switch main
    git pull
    ```
 
    這項步驟可能會面臨到 _衝突(conflicts)_，代表 Git 無法將本地的更動作 _合併(combine)_ 。此時你需要執行下列的指令：
 
    ```bash
-   git checkout [分支名稱]
+   git switch [分支名稱]
    git merge main
    ```
 
diff --git a/1-getting-started-lessons/3-accessibility/translations/README.hi.md b/1-getting-started-lessons/3-accessibility/translations/README.hi.md
index 1136d746..3990868b 100644
--- a/1-getting-started-lessons/3-accessibility/translations/README.hi.md
+++ b/1-getting-started-lessons/3-accessibility/translations/README.hi.md
@@ -24,15 +24,15 @@
 
 प्रत्येक वेब डेवलपर को स्क्रीन रीडर के साथ खुद को परिचित करना चाहिए। जैसा कि ऊपर प्रकाश डाला गया है, यह वह क्लाइंट है जिसे आपके उपयोगकर्ता उपयोग करेंगे। बहुत कुछ उसी तरह से जिससे आप परिचित हैं कि ब्राउज़र कैसे संचालित होता है, आपको यह सीखना चाहिए कि स्क्रीन रीडर कैसे संचालित होता है। सौभाग्य से, स्क्रीन रीडर अधिकांश ऑपरेटिंग सिस्टम में निर्मित होते हैं।
 
-कुछ ब्राउज़रों में अंतर्निहित टूल और एक्सटेंशन भी होते हैं, जो टेक्स्ट को जोर से पढ़ सकते हैं या कुछ बुनियादी नौवहन सुविधाएँ भी प्रदान कर सकते हैं, जैसे कि [ये एक्सेसिबिलिटी-केंद्रित एज ब्राउज़र टूल](https://support.microsoft.com/en-us/help/4000734/microsoft-edge-accessibility-features)। ये महत्वपूर्ण एक्सेसिबिलिटी टूल भी हैं, लेकिन स्क्रीन रीडर्स से बहुत अलग तरीके से काम करते हैं और स्क्रीन रीडर टेस्टिंग टूल्स के लिए इनसे गलती नहीं होनी चाहिए।
+कुछ ब्राउज़रों में अंतर्निहित टूल और एक्सटेंशन भी होते हैं, जो टेक्स्ट को जोर से पढ़ सकते हैं या कुछ बुनियादी नौवहन सुविधाएँ भी प्रदान कर सकते हैं, जैसे कि [ये एक्सेसिबिलिटी-केंद्रित एज ब्राउज़र टूल](https://support.microsoft.com/help/4000734/microsoft-edge-accessibility-features)। ये महत्वपूर्ण एक्सेसिबिलिटी टूल भी हैं, लेकिन स्क्रीन रीडर्स से बहुत अलग तरीके से काम करते हैं और स्क्रीन रीडर टेस्टिंग टूल्स के लिए इनसे गलती नहीं होनी चाहिए।
 
-✅ स्क्रीन रीडर और ब्राउज़र टेक्स्ट रीडर आज़माएं। विंडोज पर [नैरेटर](https://support.microsoft.com/en-us/windows/complete-guide-to-narrator-e4397a0d-ef4f-b386-d8ae-c17bf109bdb1) डिफ़ॉल्ट रूप से शामिल है, और [JAWS](https://webaim.org/articles/jaws/) और [NVDA](https://www.nvaccess.org/about-nvda/) भी इंस्टॉल किए जा सकते हैं। MacOS और iOS पर, [VoiceOver](https://support.apple.com/guide/voiceover/welcome/10) डिफ़ॉल्ट रूप से स्थापित है।
+✅ स्क्रीन रीडर और ब्राउज़र टेक्स्ट रीडर आज़माएं। विंडोज पर [नैरेटर](https://support.microsoft.com/windows/complete-guide-to-narrator-e4397a0d-ef4f-b386-d8ae-c17bf109bdb1) डिफ़ॉल्ट रूप से शामिल है, और [JAWS](https://webaim.org/articles/jaws/) और [NVDA](https://www.nvaccess.org/about-nvda/) भी इंस्टॉल किए जा सकते हैं। MacOS और iOS पर, [VoiceOver](https://support.apple.com/guide/voiceover/welcome/10) डिफ़ॉल्ट रूप से स्थापित है।
 
 ### ज़ूम
 
-आमतौर पर दृष्टि दोष वाले लोगों द्वारा उपयोग किया जाने वाला एक अन्य उपकरण जूमिंग है। जूमिंग का सबसे मूल प्रकार स्थिर ज़ूम है, जिसे 'कंट्रोल + प्लस साइन (+)' या स्क्रीन रिज़ॉल्यूशन कम करके नियंत्रित किया जाता है। इस प्रकार का ज़ूम पूरे पृष्ठ को आकार देने का कारण बनता है, इसलिए एक अच्छा उपयोगकर्ता अनुभव प्रदान करने के लिए [उत्तरदायी डिज़ाइन](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design) का उपयोग करना महत्वपूर्ण है बढ़े हुए ज़ूम स्तर पर।
+आमतौर पर दृष्टि दोष वाले लोगों द्वारा उपयोग किया जाने वाला एक अन्य उपकरण जूमिंग है। जूमिंग का सबसे मूल प्रकार स्थिर ज़ूम है, जिसे 'कंट्रोल + प्लस साइन (+)' या स्क्रीन रिज़ॉल्यूशन कम करके नियंत्रित किया जाता है। इस प्रकार का ज़ूम पूरे पृष्ठ को आकार देने का कारण बनता है, इसलिए एक अच्छा उपयोगकर्ता अनुभव प्रदान करने के लिए [उत्तरदायी डिज़ाइन](https://developer.mozilla.org/docs/Learn/CSS/CSS_layout/Responsive_Design) का उपयोग करना महत्वपूर्ण है बढ़े हुए ज़ूम स्तर पर।
 
-एक अन्य प्रकार का ज़ूम स्क्रीन और पैन के एक क्षेत्र को बढ़ाने के लिए विशेष सॉफ़्टवेयर पर निर्भर करता है, बहुत कुछ वास्तविक आवर्धक कांच का उपयोग करने जैसा। विंडोज पर, [Magnifier](https://support.microsoft.com/en-us/windows/use-magnifier-to-make-things-on-the-screen-easier-to-see-414948ba-8b1bc-d3bd-8615-0e5e32204198) में बनाया गया है और [ZoomText](https://www.freedomscientific.com/training/zoomtext/getting-started/) अधिक सुविधाओं और एक बड़ा उपयोगकर्ता आधार के लिए एक तृतीय-पक्ष आवर्धन सॉफ्टवेयर है। दोनों macOS और iOS में एक अंतर्निहित आवर्धन सॉफ्टवेयर होता है जिसे [ज़ूम](https://www.apple.com/accessibility/mac/vision/) कहा जाता है।
+एक अन्य प्रकार का ज़ूम स्क्रीन और पैन के एक क्षेत्र को बढ़ाने के लिए विशेष सॉफ़्टवेयर पर निर्भर करता है, बहुत कुछ वास्तविक आवर्धक कांच का उपयोग करने जैसा। विंडोज पर, [Magnifier](https://support.microsoft.com/windows/use-magnifier-to-make-things-on-the-screen-easier-to-see-414948ba-8b1bc-d3bd-8615-0e5e32204198) में बनाया गया है और [ZoomText](https://www.freedomscientific.com/training/zoomtext/getting-started/) अधिक सुविधाओं और एक बड़ा उपयोगकर्ता आधार के लिए एक तृतीय-पक्ष आवर्धन सॉफ्टवेयर है। दोनों macOS और iOS में एक अंतर्निहित आवर्धन सॉफ्टवेयर होता है जिसे [ज़ूम](https://www.apple.com/accessibility/mac/vision/) कहा जाता है।
 ### कंट्रास्ट चेकर्स 
 
 कलर-ब्लाइंड यूजर्स या ऐसे लोग जिन्हें कम कंट्रास्ट कलर देखने में दिक्कत होती है, उनकी जरूरतों का जवाब देने के लिए वेब साइट्स पर रंगों को सावधानी से चुना जाना चाहिए।
@@ -131,7 +131,7 @@
 <a href="#" aria-label="Widget description">description</a>
 ```
 
-✅ सामान्य तौर पर, ऊपर वर्णित शब्दार्थ मार्कअप का उपयोग ARIA के उपयोग को बढ़ा देता है, लेकिन कभी-कभी विभिन्न HTML विजेट के लिए कोई शब्दार्थ समतुल्य नहीं होता है। एक अच्छा उदाहरण एक पेड़ है। एक पेड़ के लिए कोई HTML समतुल्य नहीं है, इसलिए आप इस तत्व के लिए एक उचित भूमिका और aria मान के साथ जेनेरिक `<div>` की पहचान करते हैं। [ARIA पर MDN प्रलेखन](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA) में अधिक उपयोगी जानकारी है।
+✅ सामान्य तौर पर, ऊपर वर्णित शब्दार्थ मार्कअप का उपयोग ARIA के उपयोग को बढ़ा देता है, लेकिन कभी-कभी विभिन्न HTML विजेट के लिए कोई शब्दार्थ समतुल्य नहीं होता है। एक अच्छा उदाहरण एक पेड़ है। एक पेड़ के लिए कोई HTML समतुल्य नहीं है, इसलिए आप इस तत्व के लिए एक उचित भूमिका और aria मान के साथ जेनेरिक `<div>` की पहचान करते हैं। [ARIA पर MDN प्रलेखन](https://developer.mozilla.org/docs/Web/Accessibility/ARIA) में अधिक उपयोगी जानकारी है।
 
 ```html
 <h2 id="tree-label">File Viewer</h2>
diff --git a/1-getting-started-lessons/3-accessibility/translations/README.nl.md b/1-getting-started-lessons/3-accessibility/translations/README.nl.md
index 76816327..6af384df 100644
--- a/1-getting-started-lessons/3-accessibility/translations/README.nl.md
+++ b/1-getting-started-lessons/3-accessibility/translations/README.nl.md
@@ -30,7 +30,7 @@ Sommige browsers hebben ook ingebouwde tools en extensies die tekst hardop kunne
 
 ### Zoom
 
-Een ander hulpmiddel dat vaak wordt gebruikt door mensen met een visuele beperking, is zoomen. De meest basale manier van zoomen is statische zoom, bestuurd via `Control + plusteken (+)` of door de schermresolutie te verlagen. Dit type zoom zorgt ervoor dat het formaat van de hele pagina wordt aangepast, dus het gebruik van [responsive design](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design) is belangrijk om een goede gebruikerservaring te bieden bij verhoogde zoomniveaus.
+Een ander hulpmiddel dat vaak wordt gebruikt door mensen met een visuele beperking, is zoomen. De meest basale manier van zoomen is statische zoom, bestuurd via `Control + plusteken (+)` of door de schermresolutie te verlagen. Dit type zoom zorgt ervoor dat het formaat van de hele pagina wordt aangepast, dus het gebruik van [responsive design](https://developer.mozilla.org/docs/Learn/CSS/CSS_layout/Responsive_Design) is belangrijk om een goede gebruikerservaring te bieden bij verhoogde zoomniveaus.
 
 Een ander type zoom is afhankelijk van gespecialiseerde software om een deel van het scherm te vergroten en te pannen, net zoals bij het gebruik van een echt vergrootglas. Op Windows is [Magnifier](https://support.microsoft.com/nl-nl/windows/vergrootglas-gebruiken-voor-een-betere-zichtbaarheid-op-het-scherm-414948ba-8b1c-d3bd-8615-0e5e32204198) ingebouwd en [ZoomText](https://www.freedomscientific.com/training/zoomtext/getting-started/) is vergrotingssoftware van derden met meer functies en een groter gebruikersbestand. Zowel macOS als iOS hebben ingebouwde vergrotingssoftware genaamd [Zoom](https://www.apple.com/nl/accessibility/vision/).
 
@@ -123,7 +123,7 @@ Stelt u de volgende pagina voor:
 
 In dit voorbeeld is het zinvol om de tekst van de beschrijving en volgorde te dupliceren voor iemand die een browser gebruikt. Iemand die een schermlezer gebruikt, hoort echter alleen de woorden *beschrijving* en *volgorde* herhaald zonder context.
 
-Om dit soort scenario's te ondersteunen, ondersteunt HTML een set attributen die bekend staan als [Accessible Rich Internet Applications (ARIA)](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA). Met deze attributen kunt u aanvullende informatie verstrekken aan schermlezers.
+Om dit soort scenario's te ondersteunen, ondersteunt HTML een set attributen die bekend staan als [Accessible Rich Internet Applications (ARIA)](https://developer.mozilla.org/docs/Web/Accessibility/ARIA). Met deze attributen kunt u aanvullende informatie verstrekken aan schermlezers.
 
 > **OPMERKING**: Zoals veel aspecten van HTML, kan de ondersteuning van browser en schermlezer variëren. De meeste mainline-clients ondersteunen echter ARIA-attributen.
 
@@ -133,7 +133,7 @@ U kunt `aria-label` gebruiken om de link te beschrijven als het formaat van de p
 <a href="#" aria-label="Widget description">beschrijving</a>
 ```
 
-✅ Over het algemeen vervangt het gebruik van semantische opmaak zoals hierboven beschreven het gebruik van ARIA, maar soms is er geen semantisch equivalent voor verschillende HTML-widgets. Een goed voorbeeld is een boom. Er is geen HTML-equivalent voor een boomstructuur, dus identificeert u de generieke `<div>` voor dit element met een juiste rol en aria-waarden. De [MDN-documentatie over ARIA](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA) bevat meer nuttige informatie.
+✅ Over het algemeen vervangt het gebruik van semantische opmaak zoals hierboven beschreven het gebruik van ARIA, maar soms is er geen semantisch equivalent voor verschillende HTML-widgets. Een goed voorbeeld is een boom. Er is geen HTML-equivalent voor een boomstructuur, dus identificeert u de generieke `<div>` voor dit element met een juiste rol en aria-waarden. De [MDN-documentatie over ARIA](https://developer.mozilla.org/docs/Web/Accessibility/ARIA) bevat meer nuttige informatie.
 
 ```html
 <h2 id="tree-label">File Viewer</h2>
diff --git a/1-getting-started-lessons/3-accessibility/translations/README.zh-tw.md b/1-getting-started-lessons/3-accessibility/translations/README.zh-tw.md
index d9815d0b..01d09f1a 100644
--- a/1-getting-started-lessons/3-accessibility/translations/README.zh-tw.md
+++ b/1-getting-started-lessons/3-accessibility/translations/README.zh-tw.md
@@ -32,7 +32,7 @@
 
 ### 放大器
 
-另一項為視覺障礙者提供的輔助程式為放大器。最常見的定點放大功能，可以藉由 `Control + 加號(+)` 或降低螢幕解析度來完成。這個步驟會重新縮放整個網頁，確保網頁的[互動式設計](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design)是縮放頁面重要的一環。
+另一項為視覺障礙者提供的輔助程式為放大器。最常見的定點放大功能，可以藉由 `Control + 加號(+)` 或降低螢幕解析度來完成。這個步驟會重新縮放整個網頁，確保網頁的[互動式設計](https://developer.mozilla.org/docs/Learn/CSS/CSS_layout/Responsive_Design)是縮放頁面重要的一環。
 
 其他放大功能會專注在小部分的區域上，這些額外軟體提供類似於實體放大器的功能。 Windows 內建[放大器](https://support.microsoft.com/zh-tw/windows/%E4%BD%BF%E7%94%A8%E6%94%BE%E5%A4%A7%E9%8F%A1%E4%BB%A5%E8%AE%93%E8%9E%A2%E5%B9%95%E4%B8%8A%E7%9A%84%E5%85%A7%E5%AE%B9%E6%9B%B4%E5%AE%B9%E6%98%93%E7%9C%8B%E5%88%B0-414948ba-8b1c-d3bd-8615-0e5e32204198)功能；第三方程式[ZoomText](https://www.freedomscientific.com/training/zoomtext/getting-started/)則受到廣泛用戶的使用。 macOS 與 iOS 內建[Zoom](https://www.apple.com/accessibility/mac/vision/)軟體。
 
@@ -135,7 +135,7 @@ CSS 提供完整的網頁造型控制，你可以讓文字框框線隱藏或是
 <a href="#" aria-label="Widget description">description</a>
 ```
 
-✅ 總體而言，使用語義化標籤得以取代 ARIA 功能，但是這些標籤無法全面性地覆蓋 HTML 的各式物件。樹(Tree)就是一種例子。沒有 HTML 物件能處理一棵樹，所以你可以在 `<div>` 元素中加上 aria 數值。[關於 ARIA 的 MDN 技術文件](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA)說明許多有用的資訊。
+✅ 總體而言，使用語義化標籤得以取代 ARIA 功能，但是這些標籤無法全面性地覆蓋 HTML 的各式物件。樹(Tree)就是一種例子。沒有 HTML 物件能處理一棵樹，所以你可以在 `<div>` 元素中加上 aria 數值。[關於 ARIA 的 MDN 技術文件](https://developer.mozilla.org/docs/Web/Accessibility/ARIA)說明許多有用的資訊。
 
 ```html
 <h2 id="tree-label">File Viewer</h2>
diff --git a/1-getting-started-lessons/translations/README.ta.md b/1-getting-started-lessons/translations/README.ta.md
new file mode 100644
index 00000000..2395045c
--- /dev/null
+++ b/1-getting-started-lessons/translations/README.ta.md
@@ -0,0 +1,18 @@
+# இணைய அபிவிருத்தியுடன் தொடங்குதல்
+
+பாடத்திட்டத்தின் இந்தப் பிரிவில், தொழில்முறை மேம்பாட்டாளராக ஆவதற்கு முக்கியமான திட்ட அடிப்படையிலான கருத்துக்கள் உங்களுக்கு அறிமுகப்படுத்தப்படும்.
+
+### தலைப்புகள்
+
+1. [வர்த்தகத்தின் நிரலாக்க மொழிகள் மற்றும் கருவிகள் அறிமுகம்](../1-intro-to-programming-languages/README.md)
+2. [கிட்ஹப் அறிமுகம்](../2-github-basics/README.md)
+3. [அணுகல்தன்மையின் அடிப்படைகள்](../3-accessibility/README.md)
+
+### கடன்கள்
+
+வர்த்தகத்தின் நிரலாக்க மொழிகள் மற்றும் கருவிகள் அறிமுகம் ♥️ எழுதியவர் [ஜாஸ்மின் கிரீன்வே](https://twitter.com/paladique/)
+
+கிட்ஹப் அறிமுகம் ♥️ எழுதியவர் [ஃப்ளோர் டிரீஸ்](https://twitter.com/floordrees/)
+
+அணுகல்தன்மையின் அடிப்படைகள் ♥️ எழுதியவர் [கிறிஸ்டோபர் ஹாரிசன்](https://twitter.com/geektrainer/)
+
diff --git a/2-js-basics/1-data-types/README.md b/2-js-basics/1-data-types/README.md
index 6d56fcb0..8c5069d0 100644
--- a/2-js-basics/1-data-types/README.md
+++ b/2-js-basics/1-data-types/README.md
@@ -8,11 +8,13 @@
 
 This lesson covers the basics of JavaScript, the language that provides interactivity on the web.
 
-> You can take this lesson on [Microsoft Learn](https://docs.microsoft.com/en-us/learn/modules/web-development-101-variables/?WT.mc_id=academic-13441-cxa)!
+> You can take this lesson on [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101-variables/?WT.mc_id=academic-13441-cxa)!
 
-[![Data types in JavaScript](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Data types in JavaScript")
+[![Variables](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Variables in JavaScript")
 
-> 🎥 Click the image above for a video about data types
+[![Data Types in JavaScript](https://img.youtube.com/vi/AWfA95eLdq8/0.jpg)](https://youtube.com/watch?v=AWfA95eLdq8 "Data Types in JavaScript")
+
+> 🎥 Click the images above for videos about variables and data types
 
 Let's start with variables and the data types that populate them!
 ## Variables
diff --git a/2-js-basics/1-data-types/translations/README.es.md b/2-js-basics/1-data-types/translations/README.es.md
index 90103c24..07a7b277 100644
--- a/2-js-basics/1-data-types/translations/README.es.md
+++ b/2-js-basics/1-data-types/translations/README.es.md
@@ -3,7 +3,9 @@
 ![JavaScript Basics - Data types](/sketchnotes/webdev101-js-datatypes.png)
 > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
 
-[![Tipos de datos en JavaScript](https://img.youtube.com/vi/rEHV3fFMfn0/0.jpg)](https://youtube.com/watch?v=rEHV3fFMfn0 "Tipos de datos en JavaScript")
+[![Declaracion de Variables](https://img.youtube.com/vi/mUvddpeBCAs/0.jpg)](https://youtube.com/watch?v=mUvddpeBCAs "Declaracion de Variables")
+
+[![Tipos de datos en JavaScript](https://img.youtube.com/vi/fuksTtTga90/0.jpg)](https://youtube.com/watch?v=fuksTtTga90 "Tipos de datos en JavaScript")
 
 ## [Pre-lectura prueba](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/7)
 
diff --git a/2-js-basics/1-data-types/translations/README.fr.md b/2-js-basics/1-data-types/translations/README.fr.md
index 46c910ab..7b782b7b 100644
--- a/2-js-basics/1-data-types/translations/README.fr.md
+++ b/2-js-basics/1-data-types/translations/README.fr.md
@@ -8,11 +8,13 @@
 
 Cette leçon couvre les bases de JavaScript, le language qui permet l'interactivité sur le web.
 
-> Vous pouvez suivre cette leçon sur [Microsoft Learn](https://docs.microsoft.com/en-us/learn/modules/web-development-101-variables/?WT.mc_id=academic-13441-cxa)!
+> Vous pouvez suivre cette leçon sur [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101-variables/?WT.mc_id=academic-13441-cxa)!
 
-[![Data types in JavaScript](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Data types in JavaScript")
+[![Variables](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Variables in JavaScript")
 
-> 🎥 Cliquez sur l'image ci-dessus pour voir une vidéo sur les types de données
+[![Data Types in JavaScript](https://img.youtube.com/vi/AWfA95eLdq8/0.jpg)](https://youtube.com/watch?v=AWfA95eLdq8 "Data Types in JavaScript")
+
+> 🎥 Cliquez sur l'image ci-dessus pour voir une vidéo sur les types de données et des variables
 
 Commençons par les variables et les types de données qui les composent!
 
diff --git a/2-js-basics/1-data-types/translations/README.hi.md b/2-js-basics/1-data-types/translations/README.hi.md
index 1abb7ae7..8693d6a0 100644
--- a/2-js-basics/1-data-types/translations/README.hi.md
+++ b/2-js-basics/1-data-types/translations/README.hi.md
@@ -10,6 +10,8 @@
 
 [![जावास्क्रिप्ट में डेटा प्रकार](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "जावास्क्रिप्ट में डेटा प्रकार")
 
+[![Data Types in JavaScript](https://img.youtube.com/vi/AWfA95eLdq8/0.jpg)](https://youtube.com/watch?v=AWfA95eLdq8 "Data Types in JavaScript")
+
 
 चलो वेरिएबल्स और डेटा प्रकारों के साथ शुरू करते हैं जो उन्हें आबाद करते हैं!
 
@@ -176,7 +178,7 @@ let myString2 = "World";
 - `let myTrueBool = true`
 - `let myFalseBool = false`
 
-✅ एक चर को 'सत्य' माना जा सकता है यदि यह एक बूलियन `true` का मूल्यांकन करता है। दिलचस्प रूप से, जावास्क्रिप्ट में, [सभी मूल्य सत्य हैं जब तक कि मिथ्या के रूप में परिभाषित नहीं किया जाता](https://developer.mozilla.org/en-US/docs/Glossary/Truthy) 
+✅ एक चर को 'सत्य' माना जा सकता है यदि यह एक बूलियन `true` का मूल्यांकन करता है। दिलचस्प रूप से, जावास्क्रिप्ट में, [सभी मूल्य सत्य हैं जब तक कि मिथ्या के रूप में परिभाषित नहीं किया जाता](https://developer.mozilla.org/docs/Glossary/Truthy) 
 
 ---
 
diff --git a/2-js-basics/1-data-types/translations/README.id.md b/2-js-basics/1-data-types/translations/README.id.md
index 75fc6c4b..303cbce6 100644
--- a/2-js-basics/1-data-types/translations/README.id.md
+++ b/2-js-basics/1-data-types/translations/README.id.md
@@ -12,6 +12,8 @@ Pelajaran ini mencakup dasar-dasar JavaScript, bahasa yang menyediakan interakti
 
 [![Jenis data di JavaScript](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Jenis data di JavaScript")
 
+[![Data Types in JavaScript](https://img.youtube.com/vi/AWfA95eLdq8/0.jpg)](https://youtube.com/watch?v=AWfA95eLdq8 "Data Types in JavaScript")
+
 Mari kita mulai dengan variabel dan tipe data yang mengisinya!
 
 ## Variabel
diff --git a/2-js-basics/1-data-types/translations/README.it.md b/2-js-basics/1-data-types/translations/README.it.md
index 1ce2f6b9..725c8b4c 100644
--- a/2-js-basics/1-data-types/translations/README.it.md
+++ b/2-js-basics/1-data-types/translations/README.it.md
@@ -8,7 +8,9 @@
 
 Questa lezione copre le basi di JavaScript, il linguaggio che fornisce l'interattività sul web.
 
-[![Tipi di dato in JavaScriptTipi](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 " di dato in JavaScript")
+[![Variables](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Variables in JavaScript")
+
+[![Data Types in JavaScript](https://img.youtube.com/vi/AWfA95eLdq8/0.jpg)](https://youtube.com/watch?v=AWfA95eLdq8 "Data Types in JavaScript")
 
 Si comincia con le variabili e i tipi di dato che le popolano!
 
diff --git a/2-js-basics/1-data-types/translations/README.ja.md b/2-js-basics/1-data-types/translations/README.ja.md
index 7b989e16..643a497b 100644
--- a/2-js-basics/1-data-types/translations/README.ja.md
+++ b/2-js-basics/1-data-types/translations/README.ja.md
@@ -8,7 +8,9 @@
 
 このレッスンでは、Web 上でインタラクティブな機能を提供する言語である JavaScript の基礎を学びます。
 
-[![Data types in JavaScript](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Data types in JavaScript")
+[![Variables](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Variables in JavaScript")
+
+[![Data Types in JavaScript](https://img.youtube.com/vi/AWfA95eLdq8/0.jpg)](https://youtube.com/watch?v=AWfA95eLdq8 "Data Types in JavaScript")
 
 
 まず、変数とそれを埋めるデータ型について説明しましょう!
diff --git a/2-js-basics/1-data-types/translations/README.ko.md b/2-js-basics/1-data-types/translations/README.ko.md
index a1ee6985..dc6df1a9 100644
--- a/2-js-basics/1-data-types/translations/README.ko.md
+++ b/2-js-basics/1-data-types/translations/README.ko.md
@@ -8,7 +8,9 @@
 
 해당 강의에서는 웹에서 상호작용을 제공하는 언어인 JavaScript의 기초를 다룹니다. 
 
-[![Data types in JavaScript](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Data types in JavaScript")
+[![Variables](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Variables in JavaScript")
+
+[![Data Types in JavaScript](https://img.youtube.com/vi/AWfA95eLdq8/0.jpg)](https://youtube.com/watch?v=AWfA95eLdq8 "Data Types in JavaScript")
 
 
 변수와 변수를 채워주는 데이터 타입부터 시작합니다!
diff --git a/2-js-basics/1-data-types/translations/README.ms.md b/2-js-basics/1-data-types/translations/README.ms.md
index 190f853d..57588ce2 100644
--- a/2-js-basics/1-data-types/translations/README.ms.md
+++ b/2-js-basics/1-data-types/translations/README.ms.md
@@ -10,6 +10,7 @@ Pelajaran ini merangkumi asas-asas JavaScript, bahasa yang menyediakan interakti
 
 [![Jenis Data Dalam JavaScript](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Data types in JavaScript")
 
+[![Data Types in JavaScript](https://img.youtube.com/vi/AWfA95eLdq8/0.jpg)](https://youtube.com/watch?v=AWfA95eLdq8 "Data Types in JavaScript")
 
 Marilah kita mulakan dengan pemboleh ubah dan jenis data yang mengisinya!
 
diff --git a/2-js-basics/1-data-types/translations/README.nl.md b/2-js-basics/1-data-types/translations/README.nl.md
index 9a574fbe..a9d5e69f 100644
--- a/2-js-basics/1-data-types/translations/README.nl.md
+++ b/2-js-basics/1-data-types/translations/README.nl.md
@@ -10,6 +10,8 @@ Deze les behandelt de basisprincipes van JavaScript, de taal die voor interactiv
 
 [![Gegevenstypen in JavaScript](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Gegevenstypen in JavaScript")
 
+[![Data Types in JavaScript](https://img.youtube.com/vi/AWfA95eLdq8/0.jpg)](https://youtube.com/watch?v=AWfA95eLdq8 "Data Types in JavaScript")
+
 
 Laten we beginnen met variabelen en de gegevenstypen waarmee ze worden gevuld!
 
diff --git a/2-js-basics/1-data-types/translations/README.pt.md b/2-js-basics/1-data-types/translations/README.pt.md
index 08ba95e1..04a7f875 100644
--- a/2-js-basics/1-data-types/translations/README.pt.md
+++ b/2-js-basics/1-data-types/translations/README.pt.md
@@ -8,7 +8,9 @@
 
 Esta lição cobre o básico do JavaScript, a linguagem que fornece interatividade na web.
 
-[![Tipos de dados em JavaScriptt](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Tipos de dados em JavaScript")
+[![Variáveis](https://img.youtube.com/vi/u_aLTZHsclg/0.jpg)](https://youtube.com/watch?v=u_aLTZHsclg "Variáveis")
+
+[![Data Types](https://img.youtube.com/vi/ylaZV-UKTe4/0.jpg)](https://youtube.com/watch?v=ylaZV-UKTe4 "Data Types")
 
 
 Vamos começar com variáveis e os tipos de dados que as preenchem!
diff --git a/2-js-basics/1-data-types/translations/README.zh-cn.md b/2-js-basics/1-data-types/translations/README.zh-cn.md
index 12254a5a..49482a8d 100644
--- a/2-js-basics/1-data-types/translations/README.zh-cn.md
+++ b/2-js-basics/1-data-types/translations/README.zh-cn.md
@@ -8,7 +8,9 @@
 
 这节课将会介绍 JavaScript 的基础知识，正是它为网页提供了可交互性。
 
-[![Data types in JavaScript](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "JavaScript 中的数据类型")
+[![Variables in JavaScript](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "JavaScript 中的数据类型")
+
+[![Data Types in JavaScript](https://img.youtube.com/vi/AWfA95eLdq8/0.jpg)](https://youtube.com/watch?v=AWfA95eLdq8 "Data Types in JavaScript")
 
 让我们从它最基础的组成部分 —— “变量”和“数据类型”学起吧！
 
diff --git a/2-js-basics/1-data-types/translations/README.zh-tw.md b/2-js-basics/1-data-types/translations/README.zh-tw.md
index 303cb877..51068117 100644
--- a/2-js-basics/1-data-types/translations/README.zh-tw.md
+++ b/2-js-basics/1-data-types/translations/README.zh-tw.md
@@ -10,6 +10,8 @@
 
 [![JavaScript 的資料型態](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "JavaScript 的資料型態")
 
+[![Data Types in JavaScript](https://img.youtube.com/vi/AWfA95eLdq8/0.jpg)](https://youtube.com/watch?v=AWfA95eLdq8 "Data Types in JavaScript")
+
 讓我們從程式語言的基礎 ── 「變數」與「資料型態」開始吧！
 
 ## 變數 (Variable)
@@ -177,7 +179,7 @@ let myString2 = "World";
 - `let myTrueBool = true`
 - `let myFalseBool = false`
 
-✅ 布林值 `true` 亦有廣義的 'truthy' 數值。有趣的是，在 JavaScript 中，[除非被定義為 falsy，其餘的數值都會被當作是 truthy](https://developer.mozilla.org/en-US/docs/Glossary/Truthy)。
+✅ 布林值 `true` 亦有廣義的 'truthy' 數值。有趣的是，在 JavaScript 中，[除非被定義為 falsy，其餘的數值都會被當作是 truthy](https://developer.mozilla.org/docs/Glossary/Truthy)。
 
 ---
 
diff --git a/2-js-basics/2-functions-methods/README.md b/2-js-basics/2-functions-methods/README.md
index 96ba61cb..13718bbc 100644
--- a/2-js-basics/2-functions-methods/README.md
+++ b/2-js-basics/2-functions-methods/README.md
@@ -12,7 +12,7 @@ When we think about writing code, we always want to ensure our code is readable.
 
 > 🎥 Click the image above for a video about methods and functions.
 
-> You can take this lesson on [Microsoft Learn](https://docs.microsoft.com/en-us/learn/modules/web-development-101-functions/?WT.mc_id=academic-13441-cxa)!
+> You can take this lesson on [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101-functions/?WT.mc_id=academic-13441-cxa)!
 
 ## Functions
 
diff --git a/2-js-basics/2-functions-methods/translations/README.es.md b/2-js-basics/2-functions-methods/translations/README.es.md
index 9f0b46c2..caed1c47 100644
--- a/2-js-basics/2-functions-methods/translations/README.es.md
+++ b/2-js-basics/2-functions-methods/translations/README.es.md
@@ -4,7 +4,7 @@
 
 # Conceptos básicos de JavaScript: funcións y funciones
 
-[![funcións y funciones](https://img.youtube.com/vi/XgKsD6Zwvlc/0.jpg)](https://youtube.com/watch?v=XgKsD6Zwvlc "funcións y funciones")
+[![funcións y funciones](https://img.youtube.com/vi/DdCRhOQibMo/0.jpg)](https://youtube.com/watch?v=DdCRhOQibMo "funcións y funciones")
 
 ## [Pre-lectura prueba](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/9)
 
@@ -118,7 +118,7 @@ Los parámetros se enumeran en la parte de definición entre paréntesis y está
 
 ### Parámetro
 
-Hasta ahora, la función que construimos siempre saldrá a la [consola](https://developer.mozilla.org/en-US/docs/Web/API/console). A veces, esto puede ser exactamente lo que estamos buscando, especialmente cuando creamos funciones que llamarán a otros servicios. Pero, ¿qué pasa si quiero crear una función auxiliar para realizar un cálculo y devolver el valor para poder usarlo en otro lugar?
+Hasta ahora, la función que construimos siempre saldrá a la [consola](https://developer.mozilla.org/docs/Web/API/console). A veces, esto puede ser exactamente lo que estamos buscando, especialmente cuando creamos funciones que llamarán a otros servicios. Pero, ¿qué pasa si quiero crear una función auxiliar para realizar un cálculo y devolver el valor para poder usarlo en otro lugar?
 
 Podemos hacer esto usando un **valor de retorno**. La función devuelve un valor de retorno y se puede almacenar en una variable de la misma manera que podríamos almacenar un valor literal como una cadena o un número.
 
@@ -183,7 +183,7 @@ Cualquier parámetro con valores predeterminados debe estar al final de la lista
 
 ## Revisión y autoestudio
 
-Vale la pena [leer un poco más sobre las funciones de flecha](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions), ya que se utilizan cada vez más en bases de código. Practique escribir una función y luego reescribirla con esta sintaxis.
+Vale la pena [leer un poco más sobre las funciones de flecha](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Functions/Arrow_functions), ya que se utilizan cada vez más en bases de código. Practique escribir una función y luego reescribirla con esta sintaxis.
 
 **Tarea**: [Práctica de tipos de datos](assignment.es.md)
 
diff --git a/2-js-basics/2-functions-methods/translations/README.fr.md b/2-js-basics/2-functions-methods/translations/README.fr.md
index 786d66dd..dab72ee7 100644
--- a/2-js-basics/2-functions-methods/translations/README.fr.md
+++ b/2-js-basics/2-functions-methods/translations/README.fr.md
@@ -12,7 +12,7 @@ Lorsque nous pensons à écrire du code, nous voulons toujours nous assurer que
 
 > 🎥 Cliquez sur l'image ci-dessus pour voir une vidéo sur les méthodes et les fonctions.
 
-> Vous pouvez suivre cette leçon sur [Microsoft Learn](https://docs.microsoft.com/fr-fr/learn/modules/web-development-101-functions/?WT.mc_id=academic-13441-cxa)!
+> Vous pouvez suivre cette leçon sur [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101-functions/?WT.mc_id=academic-13441-cxa)!
 
 ## Fonctions
 
diff --git a/2-js-basics/2-functions-methods/translations/README.hi.md b/2-js-basics/2-functions-methods/translations/README.hi.md
index ef3b7f2f..18b8314a 100644
--- a/2-js-basics/2-functions-methods/translations/README.hi.md
+++ b/2-js-basics/2-functions-methods/translations/README.hi.md
@@ -104,7 +104,7 @@ displayGreeting('Christopher', 'Hi');
 
 ## मान लौटाएं
 
-अब तक हमने जो फ़ंक्शन बनाया है वह हमेशा [कंसोल](https://developer.mozilla.org/en-US/docs/Web/API/console) पर आउटपुट करेगा। कभी-कभी यह ठीक वही हो सकता है जिसकी हम तलाश कर रहे हैं, खासकर जब हम फ़ंक्शन बनाते हैं जो अन्य सेवाओं को कॉल करेगा। लेकिन क्या होगा अगर मैं गणना करने और मान प्रदान करने के लिए एक सहायक फ़ंक्शन बनाना चाहता हूं तो मैं इसे कहीं और उपयोग कर सकता हूं?
+अब तक हमने जो फ़ंक्शन बनाया है वह हमेशा [कंसोल](https://developer.mozilla.org/docs/Web/API/console) पर आउटपुट करेगा। कभी-कभी यह ठीक वही हो सकता है जिसकी हम तलाश कर रहे हैं, खासकर जब हम फ़ंक्शन बनाते हैं जो अन्य सेवाओं को कॉल करेगा। लेकिन क्या होगा अगर मैं गणना करने और मान प्रदान करने के लिए एक सहायक फ़ंक्शन बनाना चाहता हूं तो मैं इसे कहीं और उपयोग कर सकता हूं?
 
 हम **रिटर्न वैल्यू** का उपयोग करके ऐसा कर सकते हैं। एक वापसी मान फ़ंक्शन द्वारा लौटाया जाता है, और इसे एक चर में संग्रहीत किया जा सकता है, जैसे कि हम एक स्ट्रिंग या संख्या जैसे शाब्दिक मूल्य को संग्रहीत कर सकते हैं।
 
@@ -133,7 +133,7 @@ const greetingMessage = createGreetingMessage('Christopher');
 
 जैसे ही आप अपने प्रोग्रामिंग करियर में आगे बढ़ते हैं, आप ऐसे फंक्शन में आएंगे, जो फंक्शन्स को पैरामीटर के रूप में स्वीकार करते हैं। इस साफ-सुथरी चाल का इस्तेमाल आमतौर पर तब किया जाता है जब हम नहीं जानते कि कब कुछ होने वाला है या पूरा हो रहा है, लेकिन हम जानते हैं कि हमें प्रतिक्रिया में एक ऑपरेशन करने की जरूरत है।
 
-एक उदाहरण के रूप में, [setTimeout](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout) पर विचार करें, जो एक टाइमर शुरू करता है और पूरा होने पर कोड निष्पादित करेगा। हमें यह बताना होगा कि हम किस कोड को निष्पादित करना चाहते हैं। एक समारोह के लिए एक सही काम की तरह लगता है!
+एक उदाहरण के रूप में, [setTimeout](https://developer.mozilla.org/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout) पर विचार करें, जो एक टाइमर शुरू करता है और पूरा होने पर कोड निष्पादित करेगा। हमें यह बताना होगा कि हम किस कोड को निष्पादित करना चाहते हैं। एक समारोह के लिए एक सही काम की तरह लगता है!
 
 यदि आप नीचे दिए गए कोड को चलाते हैं, तो 3 सेकंड के बाद आपको संदेश दिखाई देगा **3 सेकंड में** समाप्त हो गया है।
 
@@ -188,7 +188,7 @@ setTimeout(() => {
 
 ## समीक्षा और स्व अध्ययन
 
-यह लायक है [एरो फ़ंक्शंस पर थोड़ा और पढ़ना](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions), क्योंकि वे कोड बेस में उपयोग किए जा रहे हैं। एक फ़ंक्शन लिखने का अभ्यास करें, और फिर इस सिंटैक्स के साथ इसे फिर से लिखना।
+यह लायक है [एरो फ़ंक्शंस पर थोड़ा और पढ़ना](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Functions/Arrow_functions), क्योंकि वे कोड बेस में उपयोग किए जा रहे हैं। एक फ़ंक्शन लिखने का अभ्यास करें, और फिर इस सिंटैक्स के साथ इसे फिर से लिखना।
 
 ## असाइनमेंट
 
diff --git a/2-js-basics/2-functions-methods/translations/README.pt.md b/2-js-basics/2-functions-methods/translations/README.pt.md
index 20022417..0d3ff45b 100644
--- a/2-js-basics/2-functions-methods/translations/README.pt.md
+++ b/2-js-basics/2-functions-methods/translations/README.pt.md
@@ -8,7 +8,7 @@
 
 Quando pensamos em escrever código, sempre queremos garantir que nosso código seja legível. Embora isso pareça contra-intuitivo, o código é lido muito mais vezes do que escrito. Uma ferramenta central na caixa de ferramentas de uma pessoa desenvolvedora para garantir código sustentável é a **função**.
 
-[![Métodos e Funções](https://img.youtube.com/vi/XgKsD6Zwvlc/0.jpg)](https://youtube.com/watch?v=XgKsD6Zwvlc "Métodos e Funções")
+[![Métodos e Funções](https://img.youtube.com/vi/aAfSVldL6Vk/0.jpg)](https://youtube.com/watch?v=aAfSVldL6Vk "Métodos e Funções")
 
 > Clique na imagem acima para ver um vídeo sobre métodos e funções.
 
diff --git a/2-js-basics/2-functions-methods/translations/README.zh-tw.md b/2-js-basics/2-functions-methods/translations/README.zh-tw.md
index fa1ea9c7..61553d5f 100644
--- a/2-js-basics/2-functions-methods/translations/README.zh-tw.md
+++ b/2-js-basics/2-functions-methods/translations/README.zh-tw.md
@@ -104,7 +104,7 @@ displayGreeting('Christopher', 'Hi');
 
 ## 回傳值(Return values)
 
-目前為止，我們的函式只能輸出字串到[console](https://developer.mozilla.org/en-US/docs/Web/API/console)上。這或許是我們希望的結果，尤其是需要呼叫其他服務的時候。萬一今天我想建立一個額外的函式負責做資料處理與運算呢?
+目前為止，我們的函式只能輸出字串到[console](https://developer.mozilla.org/docs/Web/API/console)上。這或許是我們希望的結果，尤其是需要呼叫其他服務的時候。萬一今天我想建立一個額外的函式負責做資料處理與運算呢?
 
 此時，我們可以利用**回傳值**。回傳值由函式輸出，就像變數一樣儲存像是字串或是數字的結果。
 
@@ -133,7 +133,7 @@ const greetingMessage = createGreetingMessage('Christopher');
 
 在你的程式旅程中，你會見到有函式將其他函式當作參數使用。這個俐落的手法常被用在一種情況：我們不知道 A 事件什麼時候發生與完成，但我們要在 A 事件後執行 B 事件。
 
-舉例來說，考慮函式[setTimeout](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout)，它會啟動計時機制，並在倒數完後執行下一個程式。我們需要告訴函式哪一個函式要在時間到後執行，一個完美的例子！
+舉例來說，考慮函式[setTimeout](https://developer.mozilla.org/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout)，它會啟動計時機制，並在倒數完後執行下一個程式。我們需要告訴函式哪一個函式要在時間到後執行，一個完美的例子！
 
 執行下方的程式，三秒鐘之後你會看到訊息**已經過三秒鐘**。
 
@@ -188,7 +188,7 @@ setTimeout(() => {
 
 ## 複習與自學
 
-這很值得去閱讀[關於箭頭函式的資料](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions)，它們越來越常被用在程式碼上。試著寫個函式，再改寫成箭頭語法。
+這很值得去閱讀[關於箭頭函式的資料](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Functions/Arrow_functions)，它們越來越常被用在程式碼上。試著寫個函式，再改寫成箭頭語法。
 
 ## 作業
 
diff --git a/2-js-basics/3-making-decisions/README.md b/2-js-basics/3-making-decisions/README.md
index e4ac8d3c..0246bd74 100644
--- a/2-js-basics/3-making-decisions/README.md
+++ b/2-js-basics/3-making-decisions/README.md
@@ -12,7 +12,7 @@ Making decisions and controlling the order in which your code runs makes your co
 
 > 🎥 Click the image above for a video about making decisions.
 
-> You can take this lesson on [Microsoft Learn](https://docs.microsoft.com/en-us/learn/modules/web-development-101-if-else/?WT.mc_id=academic-13441-cxa)!
+> You can take this lesson on [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101-if-else/?WT.mc_id=academic-13441-cxa)!
 ## A Brief Recap on Booleans
 
 Booleans can be only two values: `true` or `false`. Booleans help make decisions on which lines of code should run when certain conditions are met.
@@ -61,7 +61,7 @@ if (currentMoney >= laptopPrice){
 }
 ```
 
-## IF..Else Statement
+## If..Else Statement
 
 The `else` statement will run the code in between its blocks when the condition is false. It's optional with an `if` statement.
 
diff --git a/2-js-basics/3-making-decisions/translations/README.es.md b/2-js-basics/3-making-decisions/translations/README.es.md
index e6353104..6d54e249 100644
--- a/2-js-basics/3-making-decisions/translations/README.es.md
+++ b/2-js-basics/3-making-decisions/translations/README.es.md
@@ -8,6 +8,8 @@
 
 Tomar decisiones y controlar el orden en que se ejecuta su código hace que su código sea reutilizable y robusto. Esta sección cubre la sintaxis para controlar el flujo de datos en JavaScript y su importancia cuando se usa con tipos de datos booleanos.
 
+[![tomar decisiones](https://img.youtube.com/vi/P0TrLOz15zk/0.jpg)](https://youtube.com/watch?v=P0TrLOz15zk "tomar decisiones")
+
 ## Un breve resumen sobre los valores booleanos
 
 Los booleanos pueden tener solo dos valores: `true` o` false`. Los booleanos ayudan a tomar decisiones sobre qué líneas de código deben ejecutarse cuando se cumplen ciertas condiciones.
diff --git a/2-js-basics/3-making-decisions/translations/README.fr.md b/2-js-basics/3-making-decisions/translations/README.fr.md
index a6098e9d..d38a4bd8 100644
--- a/2-js-basics/3-making-decisions/translations/README.fr.md
+++ b/2-js-basics/3-making-decisions/translations/README.fr.md
@@ -12,7 +12,7 @@ Prendre des décisions et contrôler l'ordre dans lequel votre code s'exécute r
 
 > 🎥 Cliquez sur l'image ci-dessus pour une vidéo sur la prise de décisions.
 
-> Vous pouvez suivre cette leçon sur [Microsoft Learn](https://docs.microsoft.com/fr-fr/learn/modules/web-development-101-if-else/?WT.mc_id=academic-13441-cxa)!
+> Vous pouvez suivre cette leçon sur [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101-if-else/?WT.mc_id=academic-13441-cxa)!
 ## Un bref récapitulatif sur les booléens
 
 Les booléens ne peuvent avoir que deux valeurs : `true` ou `false`. Les booléens aident à prendre des décisions sur les lignes de code à exécuter lorsque certaines conditions sont remplies.
diff --git a/2-js-basics/3-making-decisions/translations/README.pt.md b/2-js-basics/3-making-decisions/translations/README.pt.md
index 3233530f..1263cb52 100644
--- a/2-js-basics/3-making-decisions/translations/README.pt.md
+++ b/2-js-basics/3-making-decisions/translations/README.pt.md
@@ -7,11 +7,12 @@
 
 Tomar decisões e controlar a ordem do que é executado no seu código o torna recusável e robusto. Essa seção cobre a sintaxe para controle do fluxo de dados no JavaScript e sua significância quando usada com tipos Booleanos.
 
-[![Tomando Decisões](https://img.youtube.com/vi/SxTp8j-fMMY/0.jpg)](https://youtube.com/watch?v=SxTp8j-fMMY "Making Decisions")
+[![Tomando Decisões](https://img.youtube.com/vi/jqxfynLcNIw/0.jpg)](https://youtube.com/watch?v=jqxfynLcNIw "Making Decisions")
 
-> 🎥 Clique na imagem acima para ver um video sobre tomada de decisões (Em Inglês)
+> 🎥 Clique na imagem acima para ver um video sobre tomada de decisões 
+
+> Você pode fazer essa aula em [Microsoft Learn](https://docs.microsoft.com/pt-br/learn/modules/web-development-101-if-else/?WT.mc_id=academic-13441-cxa)!
 
-> Você pode fazer essa aula em [Microsoft Learn](https://docs.microsoft.com/en-us/learn/modules/web-development-101-if-else/?WT.mc_id=academic-13441-cxa)! (Em Inglês)
 ## Uma breve recapitulação sobre Booleanos
 
 Booleanos podem ter apenas dois valores `true` ou `false` (Verdadeiro ou falso). Os booleanos ajudam a tomar decisões sobre quais linhas de código devem ser executadas quando certas condições são atendidas.
diff --git a/2-js-basics/3-making-decisions/translations/README.zh-cn.md b/2-js-basics/3-making-decisions/translations/README.zh-cn.md
index 4ba46aab..9d000ed2 100644
--- a/2-js-basics/3-making-decisions/translations/README.zh-cn.md
+++ b/2-js-basics/3-making-decisions/translations/README.zh-cn.md
@@ -62,7 +62,7 @@ if (currentMoney >= laptopPrice){
 
 ## If..Else 语句
 
-`else` 语句会在条件为假的情况下运行它块中的代码。它后面可以跟上一个 `if` 语句。
+`else` 语句会在条件为假的情况下运行它块中的代码。它可以跟在一个 `if` 语句后面。
 
 ```javascript
 let currentMoney;
diff --git a/2-js-basics/3-making-decisions/translations/README.zh-tw.md b/2-js-basics/3-making-decisions/translations/README.zh-tw.md
index 7f9cdfad..3f1bd891 100644
--- a/2-js-basics/3-making-decisions/translations/README.zh-tw.md
+++ b/2-js-basics/3-making-decisions/translations/README.zh-tw.md
@@ -167,7 +167,7 @@ if (firstNumber > secondNumber) {
 
 ## 複習與自學
 
-閱讀更多可被使用的運算子：[MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators)。
+閱讀更多可被使用的運算子：[MDN](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators)。
 
 瀏覽 Josh Comeau 所編制的[運算子查詢表](https://joshwcomeau.com/operator-lookup/)！
 
diff --git a/2-js-basics/4-arrays-loops/README.md b/2-js-basics/4-arrays-loops/README.md
index 53ddc6d0..8e575287 100644
--- a/2-js-basics/4-arrays-loops/README.md
+++ b/2-js-basics/4-arrays-loops/README.md
@@ -9,10 +9,13 @@
 This lesson covers the basics of JavaScript, the language that provides interactivity on the web. In this lesson, you'll learn about arrays and loops, which are used to manipulate data.
 
 [![Arrays](https://img.youtube.com/vi/1U4qTyq02Xw/0.jpg)](https://youtube.com/watch?v=1U4qTyq02Xw "Arrays")
+
 [![Loops](https://img.youtube.com/vi/Eeh7pxtTZ3k/0.jpg)](https://www.youtube.com/watch?v=Eeh7pxtTZ3k "Loops")
-> 🎥 Click the image above for a video about arrays and loops.
 
-> You can take this lesson on [Microsoft Learn](https://docs.microsoft.com/en-us/learn/modules/web-development-101-arrays/?WT.mc_id=academic-13441-cxa)!
+> 🎥 Click the images above for videos about arrays and loops.
+
+> You can take this lesson on [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101-arrays/?WT.mc_id=academic-13441-cxa)!
+
 ## Arrays
 
 Working with data is a common task for any language, and it's a much easier task when data is organized in a structural format, such as arrays. With arrays, data is stored in a structure similar to a list. One major benefit of arrays is that you can store different types of data in one array.
@@ -70,9 +73,9 @@ Loops allow for repetitive or **iterative** tasks, and can save a lot of time an
 ### For Loop
 
 The `for` loop requires 3 parts to iterate:
-    - `counter` A variable that is typically initialized with a number that counts the number of iterations.
-    - `condition` Expression that uses comparison operators to cause the loop to stop when `true`
-    - `iteration-expression` Runs at the end of each iteration, typically used to change the counter value
+- `counter` A variable that is typically initialized with a number that counts the number of iterations
+- `condition` Expression that uses comparison operators to cause the loop to stop when `true`
+- `iteration-expression` Runs at the end of each iteration, typically used to change the counter value
   
 ```javascript
 // Counting up to 10
diff --git a/2-js-basics/4-arrays-loops/translations/README.es.md b/2-js-basics/4-arrays-loops/translations/README.es.md
index b3205333..af999ae1 100644
--- a/2-js-basics/4-arrays-loops/translations/README.es.md
+++ b/2-js-basics/4-arrays-loops/translations/README.es.md
@@ -4,9 +4,8 @@
 > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
 
 
-[![Matrices](https://img.youtube.com/vi/1U4qTyq02Xw/0.jpg)](https://youtube.com/watch?v=1U4qTyq02Xw "Matrices")
-[![Bucles](https://img.youtube.com/vi/Eeh7pxtTZ3k/0.jpg)](https://www.youtube.com/watch?v=Eeh7pxtTZ3k "Bucles")
-
+[![Matrices](https://img.youtube.com/vi/4o64A0IewZ4/0.jpg)](https://youtube.com/watch?v=4o64A0IewZ4 "Matrices")
+[![Bucles](https://img.youtube.com/vi/9mDkAALcX9o/0.jpg)](https://www.youtube.com/watch?v=9mDkAALcX9o "Bucles")
 
 ## [Pre-lecture prueba](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/13)
 
diff --git a/2-js-basics/4-arrays-loops/translations/README.fr.md b/2-js-basics/4-arrays-loops/translations/README.fr.md
index 5d6428f9..13bc7ecc 100644
--- a/2-js-basics/4-arrays-loops/translations/README.fr.md
+++ b/2-js-basics/4-arrays-loops/translations/README.fr.md
@@ -12,7 +12,7 @@ Cette leçon couvre les bases de JavaScript, le langage qui offre de l'interacti
 [![Les boucles](https://img.youtube.com/vi/Eeh7pxtTZ3k/0.jpg)](https://www.youtube.com/watch?v=Eeh7pxtTZ3k "Les boucles")
 > 🎥 Cliquez sur l'image ci-dessus pour une vidéo sur les tableaux et les boucles.
 
-> Vous pouvez suivre cette leçon sur [Microsoft Learn](https://docs.microsoft.com/en-us/learn/modules/web-development-101-arrays/?WT.mc_id=academic-13441-cxa)!
+> Vous pouvez suivre cette leçon sur [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101-arrays/?WT.mc_id=academic-13441-cxa)!
 ## Les tableaux
 
 Travailler avec des données est une tâche courante pour n'importe quel langage, et c'est une tâche beaucoup plus facile lorsque les données sont organisées dans un format structurel, tel que des tableaux. Avec les tableaux, les données sont stockées dans une structure similaire à une liste. L'un des principaux avantages des tableaux est que vous pouvez stocker différents types de données dans un seul tableau.
diff --git a/2-js-basics/4-arrays-loops/translations/README.pt.md b/2-js-basics/4-arrays-loops/translations/README.pt.md
index dc26473f..701be3d4 100644
--- a/2-js-basics/4-arrays-loops/translations/README.pt.md
+++ b/2-js-basics/4-arrays-loops/translations/README.pt.md
@@ -8,11 +8,14 @@
 
 Esta lição cobre os conceitos básicos do JavaScript, a linguagem que proporciona interactividade na web. Nesta lição, aprenderá sobre arrays e loops, que são usados para manipular dados.
 
-[![Arrays](https://img.youtube.com/vi/1U4qTyq02Xw/0.jpg)](https://youtube.com/watch?v=1U4qTyq02Xw "Arrays")
-[![Loops](https://img.youtube.com/vi/Eeh7pxtTZ3k/0.jpg)](https://www.youtube.com/watch?v=Eeh7pxtTZ3k "Laços")
+[![Arrays](https://img.youtube.com/vi/rlvD4Umw37U/0.jpg)](https://youtube.com/watch?v=rlvD4Umw37U "Arrays")
+
+[![Loops](https://img.youtube.com/vi/J2X-olc3Z6Y/0.jpg)](https://www.youtube.com/watch?v=J2X-olc3Z6Y "Laços")
+
 > 🎥 Clique na imagem acima para um vídeo sobre arrays e loops.
 
-> Pode seguir esta lição em [Microsoft Aprender](https://docs.microsoft.com/en-us/learn/modules/web-development-101-arrays/?WT.mc_id=academic-13441-cxa)!
+> Pode seguir esta lição em [Microsoft Aprender](https://docs.microsoft.com/learn/modules/web-development-101-arrays/?WT.mc_id=academic-13441-cxa)!
+
 ## Arrays
 Trabalhar com dados é uma tarefa comum para qualquer língua, e é uma tarefa muito mais fácil quando os dados são organizados num formato estrutural, tal como as matrizes. Com arrays, os dados são armazenados numa estrutura semelhante a uma lista. Uma grande vantagem dos arrays é que se pode armazenar diferentes tipos de dados numa única matriz.
 
diff --git a/2-js-basics/4-arrays-loops/translations/README.zh-tw.md b/2-js-basics/4-arrays-loops/translations/README.zh-tw.md
index 374dce68..d73a447e 100644
--- a/2-js-basics/4-arrays-loops/translations/README.zh-tw.md
+++ b/2-js-basics/4-arrays-loops/translations/README.zh-tw.md
@@ -116,7 +116,7 @@ for (let i = 0; i < iceCreamFlavors.length; i++) {
 
 ## 🚀 挑戰
 
-除了 for 迴圈與 while 迴圈外，仍有許多使用矩陣與迴圈的方法：[forEach](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach)、[for-of](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of) 與 [map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map)。用上列其中一種語法改寫你的迴圈。
+除了 for 迴圈與 while 迴圈外，仍有許多使用矩陣與迴圈的方法：[forEach](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach)、[for-of](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/for...of) 與 [map](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/map)。用上列其中一種語法改寫你的迴圈。
 
 ## 課後測驗
 
@@ -125,7 +125,7 @@ for (let i = 0; i < iceCreamFlavors.length; i++) {
 ## 複習與自學
 
 在 JavaScript 中，矩陣有許多控制的方法，它們在處理資料上有很大的幫助。
-[學習這些方法](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array)，如 push、pop、slice 和 splice，試著套用在你所創造的矩陣上。 
+[學習這些方法](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array)，如 push、pop、slice 和 splice，試著套用在你所創造的矩陣上。 
 
 ## 作業
 
diff --git a/2-js-basics/translations/README.ru.md b/2-js-basics/translations/README.ru.md
new file mode 100644
index 00000000..a9bd5211
--- /dev/null
+++ b/2-js-basics/translations/README.ru.md
@@ -0,0 +1,14 @@
+# Введение в JavaScript
+
+JavaScript это язык веб-программирования. В этих четырёх уроках вы изучите его основы.
+
+### Уроки
+
+1. [Переменные и типы данных](#)
+2. [Функции и методы](#)
+3. [Принятие решений с помощью JavaScript](#)
+4. [Массивы и циклы](#)
+
+### Благодарность
+
+Эти уроки были ♥️ созданы [Жасмин Гринуэй](https://twitter.com/paladique), [Кристофером Харрисоном](https://twitter.com/geektrainer) и [Крисом Норингом](https://twitter.com/chris_noring).
\ No newline at end of file
diff --git a/2-js-basics/translations/README.ta.md b/2-js-basics/translations/README.ta.md
new file mode 100644
index 00000000..023107b1
--- /dev/null
+++ b/2-js-basics/translations/README.ta.md
@@ -0,0 +1,14 @@
+# ஜாவாஸ்கிரிப்ட் அறிமுகம்
+
+ஜாவாஸ்கிரிப்ட் என்பது இணையத்தின் மொழி. இந்த நான்கு பாடங்களில், நீங்கள் அதன் அடிப்படைகளை கற்றுக்கொள்வீர்கள்
+
+### தலைப்புகள்
+
+1. [மாறிகள் மற்றும் தரவு வகைகள்](../1-data-types/README.md)
+2. [செயல்பாடுகள் மற்றும் முறைகள்](../2-functions-methods/README.md)
+3. [ஜாவாஸ்கிரிப்ட் மூலம் முடிவுகளை எடுக்க](../3-making-decisions/README.md)
+4. [வரிசைகள் மற்றும் வளையங்கள்](../4-arrays-loops/README.md)
+
+### கடன்கள்
+
+இந்த பாடங்களை [ஜாஸ்மின் கிரீனவே](https://twitter.com/paladique/), [கிறிஸ்டோபர் ஹாரிசன்](https://twitter.com/geektrainer/) மற்றும் [கிறிஸ் நோரிங்](https://twitter.com/chris_noring/) ஆகியோர்  ♥️ எழுதப்பட்டன
\ No newline at end of file
diff --git a/3-terrarium/1-intro-to-html/README.md b/3-terrarium/1-intro-to-html/README.md
index 9c7e7b1a..6995bf6a 100644
--- a/3-terrarium/1-intro-to-html/README.md
+++ b/3-terrarium/1-intro-to-html/README.md
@@ -1,6 +1,6 @@
 # Terrarium Project Part 1: Introduction to HTML
 
-![Introduction to HTML](/sketchnotes/webdev101-html.png)
+![Introduction to HTML](../../sketchnotes/webdev101-html.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Pre-Lecture Quiz
diff --git a/3-terrarium/1-intro-to-html/translations/README.hi.md b/3-terrarium/1-intro-to-html/translations/README.hi.md
index 1c8ca2f0..9f90fbe8 100644
--- a/3-terrarium/1-intro-to-html/translations/README.hi.md
+++ b/3-terrarium/1-intro-to-html/translations/README.hi.md
@@ -48,13 +48,13 @@ HTML फ़ाइल की पहली पंक्ति इसका सि
 <html></html>
 ```
 
-✅ कुछ अलग तरीके हैं जो डॉक टाइप को क्वेरी स्ट्रिंग के साथ निर्धारित करके निर्धारित किए जा सकते हैं: [क्विर्क मोड और स्टैंडर्ड मोड](https://developer.mozilla.org/en-US/docs/Web/HTML/Quirks_Mode_and_Standards_Mode). ये मोड वास्तव में पुराने ब्राउज़रों का समर्थन करते थे जो आजकल सामान्य रूप से उपयोग नहीं किए जाते हैं (नेटस्केप नेविगेटर 4 और इंटरनेट एक्सप्लोरर 5)। आप मानक सिद्धांत घोषणा से चिपक सकते हैं।
+✅ कुछ अलग तरीके हैं जो डॉक टाइप को क्वेरी स्ट्रिंग के साथ निर्धारित करके निर्धारित किए जा सकते हैं: [क्विर्क मोड और स्टैंडर्ड मोड](https://developer.mozilla.org/docs/Web/HTML/Quirks_Mode_and_Standards_Mode). ये मोड वास्तव में पुराने ब्राउज़रों का समर्थन करते थे जो आजकल सामान्य रूप से उपयोग नहीं किए जाते हैं (नेटस्केप नेविगेटर 4 और इंटरनेट एक्सप्लोरर 5)। आप मानक सिद्धांत घोषणा से चिपक सकते हैं।
 
 ---
 
 ## दस्तावेज़ का 'head'
 
-HTML दस्तावेज़ के 'हेड' क्षेत्र में आपके वेब पेज के बारे में महत्वपूर्ण जानकारी शामिल है, जिसे [मेटाडेटा](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta) के रूप में भी जाना जाता है। हमारे मामले में, हम वेब सर्वर को बताते हैं कि इस पेज को किस पेज पर भेजा जाएगा, ये चार बातें:
+HTML दस्तावेज़ के 'हेड' क्षेत्र में आपके वेब पेज के बारे में महत्वपूर्ण जानकारी शामिल है, जिसे [मेटाडेटा](https://developer.mozilla.org/docs/Web/HTML/Element/meta) के रूप में भी जाना जाता है। हमारे मामले में, हम वेब सर्वर को बताते हैं कि इस पेज को किस पेज पर भेजा जाएगा, ये चार बातें:
 
 - पेज का शीर्षक
 - पृष्ठ मेटाडेटा सहित:
@@ -212,7 +212,7 @@ HTML में, आप वेब पेज के तत्वों को ब
 
 ## 🚀चुनौती
 
-HTML में कुछ जंगली 'पुराने' टैग हैं जो अभी भी खेलने में मज़ेदार हैं, हालांकि आपको [[इन टैग्स](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Obirect_and_deprecated_elements) जैसे अस्वीकृत टैग का उपयोग नहीं करना चाहिए आपके मार्कअप में । फिर भी, आप h1 शीर्षक स्क्रॉल को क्षैतिज रूप से बनाने के लिए पुराने `<marquee>` टैग का उपयोग कर सकते हैं? (यदि आप ऐसा करते हैं, तो इसे बाद में हटाना न भूलें)
+HTML में कुछ जंगली 'पुराने' टैग हैं जो अभी भी खेलने में मज़ेदार हैं, हालांकि आपको [[इन टैग्स](https://developer.mozilla.org/docs/Web/HTML/Element#Obirect_and_deprecated_elements) जैसे अस्वीकृत टैग का उपयोग नहीं करना चाहिए आपके मार्कअप में । फिर भी, आप h1 शीर्षक स्क्रॉल को क्षैतिज रूप से बनाने के लिए पुराने `<marquee>` टैग का उपयोग कर सकते हैं? (यदि आप ऐसा करते हैं, तो इसे बाद में हटाना न भूलें)
 
 ## व्याख्यान उपरांत प्रश्नोत्तरी
 
diff --git a/3-terrarium/1-intro-to-html/translations/README.zh-cn.md b/3-terrarium/1-intro-to-html/translations/README.zh-cn.md
index 3e7904e9..17db7bc0 100644
--- a/3-terrarium/1-intro-to-html/translations/README.zh-cn.md
+++ b/3-terrarium/1-intro-to-html/translations/README.zh-cn.md
@@ -48,13 +48,13 @@ HTML 文件的第一行就是文档类型声明。要将这一行内容放在文
 <html></html>
 ```
 
-✅ 通过设置带有查询字符串（query string）的 DocType 可以设定几种不同的模式：[怪异模式与标准模式](https://developer.mozilla.org/en-US/docs/Web/HTML/Quirks_Mode_and_Standards_Mode)。这些模式用于支持现在非常不常用的古老浏览器(Netscape Navigator 4 和 Internet Explorer 5)。你仍可以使用标准的文档类型声明。
+✅ 通过设置带有查询字符串（query string）的 DocType 可以设定几种不同的模式：[怪异模式与标准模式](https://developer.mozilla.org/docs/Web/HTML/Quirks_Mode_and_Standards_Mode)。这些模式用于支持现在非常不常用的古老浏览器(Netscape Navigator 4 和 Internet Explorer 5)。你仍可以使用标准的文档类型声明。
 
 ---
 
 ## 文档的 'head'（脑袋）
 
-HTML 文档中的 'head' 包含的区域有很多关于页面的重要信息，它也被称作[元数据(metadata)](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta)。在我们的例子中，我们告诉 web 服务器这个页面将依据哪些信息被发送进行渲染，主要是四种:
+HTML 文档中的 'head' 包含的区域有很多关于页面的重要信息，它也被称作[元数据(metadata)](https://developer.mozilla.org/docs/Web/HTML/Element/meta)。在我们的例子中，我们告诉 web 服务器这个页面将依据哪些信息被发送进行渲染，主要是四种:
 
 -   网页的标题
 -   网页的元数据，它包含：
@@ -187,6 +187,8 @@ HTML 文档中的 'head' 包含的区域有很多关于页面的重要信息，
 
 ✅ 看看屏幕阅读器是[如何去处理的一个网页的](https://www.youtube.com/watch?v=OUDV1gqs9GA)。你看到了非语义化标签对他们造成的障碍了吗？
 
+---
+
 ## 花艺瓶
 
 这个界面的最后一部分涉及创建标记，这些标记后面将被装饰成一个花艺瓶。
@@ -213,11 +215,11 @@ HTML 文档中的 'head' 包含的区域有很多关于页面的重要信息，
 
 ## 🚀 挑战
 
-HTML 中还有一些狂野的'旧'标签，玩起来仍然很有趣。虽然[这些标签](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Obsolete_and_deprecated_elements)不推荐你使用，但是，你还是可以试试，能否用 `<marquee>` 标签让 h1 标题文字变成纵向展示的吗？（如果你这么尝试了，不要忘了在后面移除它们）
+HTML 中还有一些狂野的'旧'标签，玩起来仍然很有趣。虽然[这些标签](https://developer.mozilla.org/docs/Web/HTML/Element#Obsolete_and_deprecated_elements)不推荐你使用，但是，你还是可以试试，能否用 `<marquee>` 标签让 h1 标题文字变成纵向展示的吗？（如果你这么尝试了，不要忘了在后面移除它们）
 
 ## 课后测试
 
-[课后测试](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/16?loc=zh_ch)
+[课后测试](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/16?loc=zh_cn)
 
 ## 复习 & 预习
 
diff --git a/3-terrarium/1-intro-to-html/translations/README.zh-tw.md b/3-terrarium/1-intro-to-html/translations/README.zh-tw.md
index c947c09a..9aca7ea4 100644
--- a/3-terrarium/1-intro-to-html/translations/README.zh-tw.md
+++ b/3-terrarium/1-intro-to-html/translations/README.zh-tw.md
@@ -48,13 +48,13 @@ HTML 檔案的第一行是文件型別宣告。你會訝異這一行必須存在
 <html></html>
 ```
 
-✅ 有許多不一樣的文件型別模式，你可以用 query string 做設定：[怪異模式與標準模式](https://developer.mozilla.org/en-US/docs/Web/HTML/Quirks_Mode_and_Standards_Mode)。這些模式用來支援非常古老的瀏覽器，現在可能都不會見到的瀏覽器(Netscape Navigator 4 與 Internet Explorer 5)。 你可以觀看他們的文件型別模式宣告定義。
+✅ 有許多不一樣的文件型別模式，你可以用 query string 做設定：[怪異模式與標準模式](https://developer.mozilla.org/docs/Web/HTML/Quirks_Mode_and_Standards_Mode)。這些模式用來支援非常古老的瀏覽器，現在可能都不會見到的瀏覽器(Netscape Navigator 4 與 Internet Explorer 5)。 你可以觀看他們的文件型別模式宣告定義。
 
 ---
 
 ## 文件的 'head'
 
-HTML 文件中 'head' 的區域包含很多網頁的重要資訊，也被稱作[元資訊(metadata)](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta)。我們告訴網頁伺服器我們需要哪些檔案與資訊，主要有四個：
+HTML 文件中 'head' 的區域包含很多網頁的重要資訊，也被稱作[元資訊(metadata)](https://developer.mozilla.org/docs/Web/HTML/Element/meta)。我們告訴網頁伺服器我們需要哪些檔案與資訊，主要有四個：
 
 -   網頁標題
 -   網頁元資訊，包含：
@@ -213,7 +213,7 @@ HTML 文件中 'head' 的區域包含很多網頁的重要資訊，也被稱作[
 
 ## 🚀 挑戰
 
-這邊有一些「古老」的 HTML 標籤。雖然[這些標籤](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Obsolete_and_deprecated_elements)被歸為不推薦使用的標籤，但仍值得去嘗試的。你可以用 `<marquee>` 標籤來讓 h1 標題文字變成縱向呈現嗎？實驗完後，記得要移除這些標籤喔。
+這邊有一些「古老」的 HTML 標籤。雖然[這些標籤](https://developer.mozilla.org/docs/Web/HTML/Element#Obsolete_and_deprecated_elements)被歸為不推薦使用的標籤，但仍值得去嘗試的。你可以用 `<marquee>` 標籤來讓 h1 標題文字變成縱向呈現嗎？實驗完後，記得要移除這些標籤喔。
 
 ## 課後測驗
 
diff --git a/3-terrarium/2-intro-to-css/translations/README.zh-tw.md b/3-terrarium/2-intro-to-css/translations/README.zh-tw.md
index 8e9e7008..4910873a 100644
--- a/3-terrarium/2-intro-to-css/translations/README.zh-tw.md
+++ b/3-terrarium/2-intro-to-css/translations/README.zh-tw.md
@@ -248,7 +248,7 @@ h1 {
 
 ![盆栽盒成果圖](../images/terrarium-final.png)
 
-在做課後測驗前，請先前往下列的學習頁面：[用 CSS 造型化你的網頁應用](https://docs.microsoft.com/en-us/learn/modules/build-simple-website/4-css-basics?WT.mc_id=academic-13441-cxa)
+在做課後測驗前，請先前往下列的學習頁面：[用 CSS 造型化你的網頁應用](https://docs.microsoft.com/learn/modules/build-simple-website/4-css-basics?WT.mc_id=academic-13441-cxa)
 
 ## 課後測驗
 
diff --git a/3-terrarium/3-intro-to-DOM-and-closures/translations/README.hi.md b/3-terrarium/3-intro-to-DOM-and-closures/translations/README.hi.md
index 3fbaf41b..2a1883af 100644
--- a/3-terrarium/3-intro-to-DOM-and-closures/translations/README.hi.md
+++ b/3-terrarium/3-intro-to-DOM-and-closures/translations/README.hi.md
@@ -9,11 +9,11 @@
 
 ### परिचय
 
-DOM, या "Document Object Model" में हेरफेर, वेब विकास का एक प्रमुख पहलू है। [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction) के अनुसार, "The Document Object Model (DOM) संरचना को समाहित करने वाली वस्तुओं का डेटा प्रतिनिधित्व है। और वेब पर एक दस्तावेज़ की सामग्री। " वेब पर DOM हेरफेर के आसपास की चुनौतियाँ अक्सर DOM का प्रबंधन करने के लिए वैनिला जावास्क्रिप्ट के बजाय जावास्क्रिप्ट चौखटे का उपयोग करने के पीछे होती हैं, लेकिन हम अपने दम पर प्रबंधित करेंगे!
+DOM, या "Document Object Model" में हेरफेर, वेब विकास का एक प्रमुख पहलू है। [MDN](https://developer.mozilla.org/docs/Web/API/Document_Object_Model/Introduction) के अनुसार, "The Document Object Model (DOM) संरचना को समाहित करने वाली वस्तुओं का डेटा प्रतिनिधित्व है। और वेब पर एक दस्तावेज़ की सामग्री। " वेब पर DOM हेरफेर के आसपास की चुनौतियाँ अक्सर DOM का प्रबंधन करने के लिए वैनिला जावास्क्रिप्ट के बजाय जावास्क्रिप्ट चौखटे का उपयोग करने के पीछे होती हैं, लेकिन हम अपने दम पर प्रबंधित करेंगे!
 
-इसके अलावा, यह पाठ एक [जावास्क्रिप्ट क्लोजर](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures) के विचार को पेश करेगा, जिसे आप दूसरे से संलग्न फ़ंक्शन के रूप में सोच सकते हैं कार्य करें ताकि आंतरिक फ़ंक्शन बाहरी फ़ंक्शन के दायरे तक पहुंच सके।
+इसके अलावा, यह पाठ एक [जावास्क्रिप्ट क्लोजर](https://developer.mozilla.org/docs/Web/JavaScript/Closures) के विचार को पेश करेगा, जिसे आप दूसरे से संलग्न फ़ंक्शन के रूप में सोच सकते हैं कार्य करें ताकि आंतरिक फ़ंक्शन बाहरी फ़ंक्शन के दायरे तक पहुंच सके।
 
-> जावास्क्रिप्ट क्लोजर एक विशाल और जटिल विषय है। यह सबक सबसे बुनियादी विचार पर छूता है कि इस टेरारियम के कोड में, आपको एक बंद मिलेगा: एक आंतरिक फ़ंक्शन और एक बाहरी फ़ंक्शन, जो बाहरी फ़ंक्शन के दायरे में आंतरिक फ़ंक्शन का उपयोग करने की अनुमति देता है। यह कैसे काम करता है, इस बारे में अधिक जानकारी के लिए, कृपया [व्यापक प्रलेखन](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures) पर जाएँ।
+> जावास्क्रिप्ट क्लोजर एक विशाल और जटिल विषय है। यह सबक सबसे बुनियादी विचार पर छूता है कि इस टेरारियम के कोड में, आपको एक बंद मिलेगा: एक आंतरिक फ़ंक्शन और एक बाहरी फ़ंक्शन, जो बाहरी फ़ंक्शन के दायरे में आंतरिक फ़ंक्शन का उपयोग करने की अनुमति देता है। यह कैसे काम करता है, इस बारे में अधिक जानकारी के लिए, कृपया [व्यापक प्रलेखन](https://developer.mozilla.org/docs/Web/JavaScript/Closures) पर जाएँ।
 
 हम DOM को हेरफेर करने के लिए एक क्लोशर का उपयोग करेंगे।
 
@@ -108,9 +108,9 @@ function dragElement(terrariumElement) {
 
 `dragElement` स्क्रिप्ट के शीर्ष पर घोषणाओं से अपनी `terrariumElement` वस्तु प्राप्त करें। फिर, आप फ़ंक्शन में पारित ऑब्जेक्ट के लिए `0` पर कुछ स्थानीय स्थिति निर्धारित करते हैं। ये स्थानीय चर हैं जिन्हें प्रत्येक तत्व के लिए हेरफेर किया जाएगा क्योंकि आप प्रत्येक तत्व को बंद करने के भीतर खींचें और ड्रॉप कार्यक्षमता जोड़ते हैं। टेरारियम को इन घसीटे गए तत्वों द्वारा पॉपुलेट किया जाएगा, इसलिए एप्लिकेशन को इस बात पर नज़र रखने की आवश्यकता है कि उन्हें कहाँ रखा गया है।
 
-इसके अलावा, इस फ़ंक्शन को पारित किए जाने वाले टेरारियम ईमेंट को एक `onpointerdown` ईवेंट सौंपा गया है, जो [वेब एपीआई](https://developer.mozilla.org/en-US/docs/Web/API) का एक हिस्सा है। डोम प्रबंधन के साथ मदद करने के लिए। `onpointerdown` एक बटन धकेलने पर, या हमारे मामले में, एक ड्रैग करने योग्य तत्व को छू जाता है। यह ईवेंट हैंडलर कुछ अपवादों के साथ [वेब और मोबाइल ब्राउज़र](https://caniuse.com/?search=onpointerdown) दोनों पर काम करता है।
+इसके अलावा, इस फ़ंक्शन को पारित किए जाने वाले टेरारियम ईमेंट को एक `onpointerdown` ईवेंट सौंपा गया है, जो [वेब एपीआई](https://developer.mozilla.org/docs/Web/API) का एक हिस्सा है। डोम प्रबंधन के साथ मदद करने के लिए। `onpointerdown` एक बटन धकेलने पर, या हमारे मामले में, एक ड्रैग करने योग्य तत्व को छू जाता है। यह ईवेंट हैंडलर कुछ अपवादों के साथ [वेब और मोबाइल ब्राउज़र](https://caniuse.com/?search=onpointerdown) दोनों पर काम करता है।
 
-✅ [ईवेंट हैंडलर `onclick`](https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick) को अधिक समर्थन क्रॉस-ब्राउज़र है; आप इसका उपयोग यहां क्यों नहीं करेंगे? स्क्रीन निर्माण के सटीक प्रकार के बारे में सोचें जिसे आप यहाँ बनाने का प्रयास कर रहे हैं।
+✅ [ईवेंट हैंडलर `onclick`](https://developer.mozilla.org/docs/Web/API/GlobalEventHandlers/onclick) को अधिक समर्थन क्रॉस-ब्राउज़र है; आप इसका उपयोग यहां क्यों नहीं करेंगे? स्क्रीन निर्माण के सटीक प्रकार के बारे में सोचें जिसे आप यहाँ बनाने का प्रयास कर रहे हैं।
 
 ---
 
@@ -205,9 +205,9 @@ function stopElementDrag() {
 
 ## समीक्षा और स्व अध्ययन
 
-स्क्रीन के चारों ओर तत्वों को खींचते समय तुच्छ लगता है, ऐसा करने के कई तरीके और कई नुकसान हैं, जो आपके चाहने वाले प्रभाव पर निर्भर करता है। वास्तव में, एक संपूर्ण [ड्रैग एंड ड्रॉप एपीआई](https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API) है जिसे आप आज़मा सकते हैं। हमने इसका उपयोग इस मॉड्यूल में नहीं किया क्योंकि हम जो प्रभाव चाहते थे वह कुछ अलग था, लेकिन इस एपीआई को अपने प्रोजेक्ट पर आज़माएँ और देखें कि आप क्या हासिल कर सकते हैं।
+स्क्रीन के चारों ओर तत्वों को खींचते समय तुच्छ लगता है, ऐसा करने के कई तरीके और कई नुकसान हैं, जो आपके चाहने वाले प्रभाव पर निर्भर करता है। वास्तव में, एक संपूर्ण [ड्रैग एंड ड्रॉप एपीआई](https://developer.mozilla.org/docs/Web/API/HTML_Drag_and_Drop_API) है जिसे आप आज़मा सकते हैं। हमने इसका उपयोग इस मॉड्यूल में नहीं किया क्योंकि हम जो प्रभाव चाहते थे वह कुछ अलग था, लेकिन इस एपीआई को अपने प्रोजेक्ट पर आज़माएँ और देखें कि आप क्या हासिल कर सकते हैं।
 
-[W3C डॉक्स](https://www.w3.org/TR/pointerevents1/) और [MDN वेब डॉक्स](https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events) पर सूचक घटनाओं के बारे में अधिक जानकारी प्राप्त करें।
+[W3C डॉक्स](https://www.w3.org/TR/pointerevents1/) और [MDN वेब डॉक्स](https://developer.mozilla.org/docs/Web/API/Pointer_events) पर सूचक घटनाओं के बारे में अधिक जानकारी प्राप्त करें।
 
 हमेशा [CanIUse.com] (https://caniuse.com/) का उपयोग करके ब्राउज़र क्षमताओं की जाँच करें।
 
diff --git a/3-terrarium/3-intro-to-DOM-and-closures/translations/README.zh-tw.md b/3-terrarium/3-intro-to-DOM-and-closures/translations/README.zh-tw.md
index a42f059c..5b363f41 100644
--- a/3-terrarium/3-intro-to-DOM-and-closures/translations/README.zh-tw.md
+++ b/3-terrarium/3-intro-to-DOM-and-closures/translations/README.zh-tw.md
@@ -9,11 +9,11 @@
 
 ### 大綱
 
-操作 DOM (Document Object Model) 是網頁開發的一項關鍵。根據 [MDN 文件](https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction)， 「Document Object Model (DOM) 元素能根據網頁文件的結構與內容來呈現物件」。藉由使用 JavaScript 框架而非原始的 JavaScript 程式碼來管理 DOM，在網頁上操作 DOM 的挑戰已經不比以前困難了，但這裡我們要自己來管理它們！
+操作 DOM (Document Object Model) 是網頁開發的一項關鍵。根據 [MDN 文件](https://developer.mozilla.org/docs/Web/API/Document_Object_Model/Introduction)， 「Document Object Model (DOM) 元素能根據網頁文件的結構與內容來呈現物件」。藉由使用 JavaScript 框架而非原始的 JavaScript 程式碼來管理 DOM，在網頁上操作 DOM 的挑戰已經不比以前困難了，但這裡我們要自己來管理它們！
 
-此外，這堂課也會介紹有關[JavaScript 閉包(Closure)](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures)的概念，你可以想像成一個函式被包在另一個函式中，以訪問外面函式範圍中的變數。
+此外，這堂課也會介紹有關[JavaScript 閉包(Closure)](https://developer.mozilla.org/docs/Web/JavaScript/Closures)的概念，你可以想像成一個函式被包在另一個函式中，以訪問外面函式範圍中的變數。
 
-> JavaScript 閉包是個廣闊且複雜的主題。本堂課只觸及建立盆栽盒需要的最基礎概念。你能得知一個閉包為：內部函式和外部函式建立一項關係，允許內部函式存取外部函式的變數等作用域。要得知更多關於閉包的原理，請造訪觀看[額外的文件](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures)。
+> JavaScript 閉包是個廣闊且複雜的主題。本堂課只觸及建立盆栽盒需要的最基礎概念。你能得知一個閉包為：內部函式和外部函式建立一項關係，允許內部函式存取外部函式的變數等作用域。要得知更多關於閉包的原理，請造訪觀看[額外的文件](https://developer.mozilla.org/docs/Web/JavaScript/Closures)。
 
 我們會使用閉包來操控 DOM。
 
@@ -108,9 +108,9 @@ function dragElement(terrariumElement) {
 
 `dragElement` 藉由程式定義的參數取得 `terrariumElement` 物件。之後，設定一些位置 `0` 的變數給函式內的物件使用。它們是本地變數，給每一個進到拖曳函式內的物件操控。盆栽盒會被這些拖曳物件填充，我們的網頁應用必須要持續追蹤這些物件的位置。
 
-此外，進到函式的 terrariumElement 也被新增了 `pointerdown` 事件，它是管理 DOM 的其中一項[網頁 APIs](https://developer.mozilla.org/en-US/docs/Web/API)。當按鈕按下時，或是在我們案例中，一個拖曳物件被點擊時，`onpointerdown` 事件就會被觸發。這個事件處理器(event handler)皆運作在[網頁與行動瀏覽器](https://caniuse.com/?search=onpointerdown)上，只有少部分的例外。
+此外，進到函式的 terrariumElement 也被新增了 `pointerdown` 事件，它是管理 DOM 的其中一項[網頁 APIs](https://developer.mozilla.org/docs/Web/API)。當按鈕按下時，或是在我們案例中，一個拖曳物件被點擊時，`onpointerdown` 事件就會被觸發。這個事件處理器(event handler)皆運作在[網頁與行動瀏覽器](https://caniuse.com/?search=onpointerdown)上，只有少部分的例外。
 
-✅ [事件處理器 `onclick`](https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick)支援更多的瀏覽器。為什麼我們不在這邊使用它？ 想想看我們在這此建立的視窗互動類型。
+✅ [事件處理器 `onclick`](https://developer.mozilla.org/docs/Web/API/GlobalEventHandlers/onclick)支援更多的瀏覽器。為什麼我們不在這邊使用它？ 想想看我們在這此建立的視窗互動類型。
 
 ---
 
@@ -207,9 +207,9 @@ function stopElementDrag() {
 
 ## 複習與自學
 
-在螢幕上拖曳物件看似簡單，但依照不同的目的與實現方法會遭遇到不同的問題。事實上，這邊有一份關於你可以嘗試的[拖曳 API](https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API)。我們沒在專案中使用是為了建立不一樣的實現方法，試著使用這些 API 到專案中，看看你能完成什麼。
+在螢幕上拖曳物件看似簡單，但依照不同的目的與實現方法會遭遇到不同的問題。事實上，這邊有一份關於你可以嘗試的[拖曳 API](https://developer.mozilla.org/docs/Web/API/HTML_Drag_and_Drop_API)。我們沒在專案中使用是為了建立不一樣的實現方法，試著使用這些 API 到專案中，看看你能完成什麼。
 
-在 [W3C 文件](https://www.w3.org/TR/pointerevents1/) 和 [MDN 網頁文件](https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events)上取得更多關於 pointer 的事件。
+在 [W3C 文件](https://www.w3.org/TR/pointerevents1/) 和 [MDN 網頁文件](https://developer.mozilla.org/docs/Web/API/Pointer_events)上取得更多關於 pointer 的事件。
 
 記得習慣性用 [CanIUse.com](https://caniuse.com/) 檢查網頁的瀏覽器兼容性。
 
diff --git a/3-terrarium/3-intro-to-DOM-and-closures/translations/assignment.zh-tw.md b/3-terrarium/3-intro-to-DOM-and-closures/translations/assignment.zh-tw.md
index 3292c192..e239e8ec 100644
--- a/3-terrarium/3-intro-to-DOM-and-closures/translations/assignment.zh-tw.md
+++ b/3-terrarium/3-intro-to-DOM-and-closures/translations/assignment.zh-tw.md
@@ -2,7 +2,7 @@
 
 ## 簡介
 
-調查其中一項 DOM 的元素。造訪 MDN 關於 [DOM 介面的清單](https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model)挑選其中一項。在網路上找尋一個使用這項元素的網頁，並解釋如何使用它。
+調查其中一項 DOM 的元素。造訪 MDN 關於 [DOM 介面的清單](https://developer.mozilla.org/docs/Web/API/Document_Object_Model)挑選其中一項。在網路上找尋一個使用這項元素的網頁，並解釋如何使用它。
 
 ## 學習評量
 
diff --git a/3-terrarium/translations/README.pt-BR.md b/3-terrarium/translations/README.pt-BR.md
index 84b0a4ac..3a40a94d 100644
--- a/3-terrarium/translations/README.pt-BR.md
+++ b/3-terrarium/translations/README.pt-BR.md
@@ -1,6 +1,6 @@
-# Meu Terrário: Um projeto para aprender HTML, CSS, e manipulação  DOM usando JavaScript 🌵🌱
+# Meu Terrário: Um projeto para aprender HTML, CSS, e manipulação de DOM usando JavaScript 🌵🌱
 
-Uma pequena meditação de código de arrastar e soltar. Com um pouco de HTML, JS e CSS, você pode construir uma interface web, esilizá-la, e adiconar uma interação.
+Uma pequena meditação de código de arrastar e soltar. Com um pouco de HTML, JS e CSS, você pode construir uma interface web, estilizá-la, e adicionar uma interação.
 
 ![Meu Terrário](../images/screenshot_gray.png)
 
diff --git a/3-terrarium/translations/README.ta.md b/3-terrarium/translations/README.ta.md
new file mode 100644
index 00000000..003f927c
--- /dev/null
+++ b/3-terrarium/translations/README.ta.md
@@ -0,0 +1,31 @@
+# என் நிலப்பரப்பு:  ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி ஹெச்டிஎம்எல், சிஎஸ்எஸ் மற்றும் டோம் கையாளுதல் பற்றி அறிய ஒரு திட்டம் 🌵🌱
+
+ஒரு சிறிய இழுவை மற்றும் குறியீடு தியானம் கைவிட.ஒரு சிறிய ஹெச்டிஎம்எல், ஜேஎஸ் மற்றும் சிஎஸ்எஸ் மூலம், நீங்கள் ஒரு வலை இடைமுகத்தை உருவாக்கலாம், அதை பாணிசெய்யலாம், மற்றும் ஒரு தொடர்பு சேர்க்கலாம்.
+
+![என் நிலப்பரப்பு](../images/screenshot_gray.png)
+
+# பாடங்கள்
+
+1. [ஹெச்டிஎம்எல் அறிமுகம்](../1-intro-to-html/README.md)
+2. [சிஎஸ்எஸ் அறிமுகம்](../2-intro-to-css/README.md)
+3. [டோம் மற்றும் ஜேஎஸ் மூடல்களுக்கு அறிமுகம்](../3-intro-to-DOM-and-closures/README.md)
+
+### கடன்கள்
+
+[ஜென் லூப்பர்](https://www.twitter.com/jenlooper) ♥️ எழுதினார்
+சிஎஸ்எஸ் வழியாக உருவாக்கப்பட்ட நிலப்பரப்பு ஈர்க்கப்பட்டது
+
+சி.எஸ்.எஸ் வழியாக உருவாக்கப்பட்ட நிலப்பரப்பு ஜாகுப் மந்த்ராவின் கண்ணாடி [கோடெபென்](https://codepen.io/Rotarepmi/pen/rjpNZY). ஜாடியால் ஈர்க்கப்பட்டது 
+
+இந்த கலைப்படைப்பு புரோகிரியேட்பயன்படுத்தி [ஜென் லூப்பரால்](http://jenlooper.com)  வரையப்பட்டது
+
+## உங்கள் நிலப்பரப்பு பயன்படுத்தவும்
+
+அஸூர் ஸ்டேடிக் வெப் ஆப்ஸ் பயன்படுத்தி உங்கள் டெரரியத்தை இணையத்தில் பயன்படுத்தலாம் அல்லது வெளியிடலாம். 
+
+1. இந்த ரெப்போவை ஃபோர்க் செய்யுங்கள்
+2. இந்த பொத்தானை அழுத்தவும்
+
+[![Deploy to Azure button](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-13441-cxa#create/Microsoft.StaticApp)
+
+3. உங்கள் பயன்பாட்டை உருவாக்கும் வழிகாட்டி வழியாக நடக்கவும்.  பயன்பாட்டு வேர் `/solution` அல்லது உங்கள் கோட்பேஸின் வேர் என்று நீங்கள் அமைக்கிறீர்கள் என்பதை உறுதிப்படுத்தவும்.இந்த பயன்பாட்டில் ஏபிஐ இல்லை, எனவே அதை சேர்ப்பது பற்றி கவலைப்பட வேண்டாம்.உங்கள் ஃபோர்க் செய்யப்பட்ட ரெப்போவில் ஒரு கீட்ஹப் கோப்புறை உருவாக்கப்படும், இது அஸூர் ஸ்டேடிக் வெப் ஆப்ஸின் சேவையை உருவாக்கவும் உங்கள் பயன்பாட்டை ஒரு புதிய யுஆர்எல் க்கு வெளியிடவும் உதவும்.
diff --git a/4-typing-game/translations/README.ta.md b/4-typing-game/translations/README.ta.md
new file mode 100644
index 00000000..8896806c
--- /dev/null
+++ b/4-typing-game/translations/README.ta.md
@@ -0,0 +1,31 @@
+# நிகழ்வு-இயக்கப்படும் நிரலாக்கம் - ஒரு தட்டச்சு விளையாட்டு உருவாக்க
+
+## அறிமுகம்
+
+தட்டச்சு என்பது டெவலப்பரின் மிகவும் குறைவாக மதிப்பிடப்பட்ட திறன்களில் ஒன்றாகும். உங்கள் தலையிலிருந்து உங்கள் எடிட்டருக்கு விரைவாக எண்ணங்களை மாற்றும் திறன் படைப்பாற்றல் சுதந்திரமாக ஓட அனுமதிக்கிறது. கற்றுக்கொள்வதற்கான சிறந்த வழிகளில் ஒன்று விளையாட்டை விளையாடுவது!
+
+> எனவே, தட்டச்சு விளையாட்டை உருவாக்குவோம்!
+
+நீங்கள் இதுவரை உருவாக்கிய ஜாவாஸ்கிரிப்ட், ஹெச்டிஎம்எல் மற்றும் சிஎஸ்எஸ் திறன்களைப் பயன்படுத்தி தட்டச்சு விளையாட்டை உருவாக்கப் போகிறீர்கள். விளையாட்டு ஒரு சீரற்ற மேற்கோள் வீரர் வழங்கும் (நாங்கள் பயன்படுத்துகிறோம் [ஷெர்லாக் ஹோம்ஸ்](https://en.wikipedia.org/wiki/Sherlock_Holmes) மேற்கோள்கள்) மற்றும் வீரர் துல்லியமாக அதை தட்டச்சு செய்ய எவ்வளவு நேரம் எடுக்கும்
+
+
+![டெமோ](../images/demo.gif)
+
+## முன்நிபந்தனைகள்
+
+பின்வரும் கருத்துகளை நீங்கள் நன்கு அறிந்திருப்பீர்கள் என்று இந்தப் பாடம் கருதுகிறது:
+
+- உரை உள்ளீடு மற்றும் பொத்தான் கட்டுப்பாடுகளை உருவாக்குதல்
+- சிஎஸ்எஸ் மற்றும் வகுப்புகளைப் பயன்படுத்தி பாணிகளை அமைத்தல்
+- ஜாவாஸ்கிரிப்ட் அடிப்படைகள்
+    - ஒரு வரிசையை உருவாக்குதல்
+    - ஒரு சீரற்ற எண்ணை உருவாக்குதல்
+    - நடப்பு நேரத்தைப் பெறுதல்
+
+## பாடம்
+
+[நிகழ்வு உந்துதல் நிரலாக்கத்தைப் பயன்படுத்தி தட்டச்சு விளையாட்டை உருவாக்குதல்](../README.md)
+
+## கடன்கள்
+
+[கிறிஸ்டோபர் ஹாரிசன்](http://www.twitter.com/geektrainer) அன்புடன் ♥️ எழுதினார்
\ No newline at end of file
diff --git a/4-typing-game/translations/READMR.pt-BR.md b/4-typing-game/translations/READMR.pt-BR.md
new file mode 100644
index 00000000..2a5549d4
--- /dev/null
+++ b/4-typing-game/translations/READMR.pt-BR.md
@@ -0,0 +1,30 @@
+# Programação Orientada a Eventos - Construa um Jogo de Digitação 
+
+## Introdução
+
+A digitação é uma das habilidades mais subestimadas do desenvolvedor. A capacidade de transferir rapidamente os pensamentos da sua cabeça para o seu editor permite que a criatividade flua livremente. Uma das melhores maneiras de aprender é jogar um jogo!
+
+>Então, vamos construir um jogo de digitação!
+
+Você usará as habilidades de JavaScript, HTML e CSS que desenvolveu até agora para criar um jogo de digitação. O jogo apresentará ao jogador uma citação aleatória (estamos usando [Sherlock Holmes](https://en.wikipedia.org/wiki/Sherlock_Holmes) citações) e quanto tempo o jogador leva para digitá-lo com precisão. Você usará as habilidades de JavaScript, HTML e CSS que desenvolveu até agora para criar um jogo de digitação.
+
+![demo](../images/demo.gif)
+
+## Pré-requisitos
+
+Esta lição pressupõe que você esteja familiarizado com os seguintes conceitos:
+
+- Criação de textos de entrada e controles de botão
+- CSS e configuração de estilos usando classes
+- Noções básicas de JavaScript
+  - Criação de array
+  - Criação de número aleatório
+  - Obtenção da hora atual
+  
+## Lição
+
+[Criando um jogo de digitação usando programação orientada a eventos](./typing-game/README.md)
+
+## Créditos
+
+Escrito com ♥️ por [Christopher Harrison](http://www.twitter.com/geektrainer)
\ No newline at end of file
diff --git a/4-typing-game/typing-game/README.md b/4-typing-game/typing-game/README.md
index 2524fc94..94c59525 100644
--- a/4-typing-game/typing-game/README.md
+++ b/4-typing-game/typing-game/README.md
@@ -103,7 +103,7 @@ It's always best to develop iteratively to see how things look. Let's launch our
 - Install [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) by following the link and clicking **Install**
   - You will be prompted by the browser to open Visual Studio Code, and then by Visual Studio Code to perform the installation
   - Restart Visual Studio Code if prompted
-- Once installed, in Visual Studio Code, click Ctrl-Shift-P (or Cmd-Shift-P) to open the command pallate
+- Once installed, in Visual Studio Code, click Ctrl-Shift-P (or Cmd-Shift-P) to open the command palette
 - Type **Live Server: Open with Live Server**
   - Live Server will start hosting your application
 - Open a browser and navigate to **https://localhost:5500**
@@ -313,7 +313,7 @@ You've made it to the end! The last step is to ensure our application works. Giv
 
 Click on **start**, and start typing away! It should look a little like the animation we saw before.
 
-![Animation of the game in action](/4-typing-game/images/demo.gif)
+![Animation of the game in action](../images/demo.gif)
 
 ---
 
diff --git a/4-typing-game/typing-game/translations/README.hi.md b/4-typing-game/typing-game/translations/README.hi.md
index efc527ca..ac8704fe 100644
--- a/4-typing-game/typing-game/translations/README.hi.md
+++ b/4-typing-game/typing-game/translations/README.hi.md
@@ -20,10 +20,10 @@
 
 एप्लिकेशन बनाते समय आपको सुनने के लिए [दर्जनों इवेंट](https://developer.mozilla.org/docs/Web/Events) उपलब्ध हैं। मूल रूप से एक पृष्ठ पर एक उपयोगकर्ता कुछ भी करता है, एक घटना को बढ़ाता है, जो आपको यह सुनिश्चित करने के लिए बहुत शक्ति देता है कि वे आपकी इच्छा का अनुभव प्राप्त करें। सौभाग्य से, आपको आम तौर पर केवल कुछ मुट्ठी भर घटनाओं की आवश्यकता होगी। यहां कुछ सामान्य बातें हैं (दोनों में से एक का उपयोग हम अपने खेल को बनाते समय करेंगे)
 
-- [click](https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event): उपयोगकर्ता ने कुछ पर क्लिक किया, आमतौर पर एक बटन या हाइपरलिंक
-- [contextmenu](https://developer.mozilla.org/en-US/docs/Web/API/Element/contextmenu_event): उपयोगकर्ता ने सही माउस बटन क्लिक किया
-- [select](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event): उपयोगकर्ता ने कुछ टेक्स्ट पर प्रकाश डाला
-- [input](https://developer.mozilla.org/en-US/docs/Web/API/Element/input_event): उपयोगकर्ता कुछ टेक्स्ट इनपुट करता है
+- [click](https://developer.mozilla.org/docs/Web/API/Element/click_event): उपयोगकर्ता ने कुछ पर क्लिक किया, आमतौर पर एक बटन या हाइपरलिंक
+- [contextmenu](https://developer.mozilla.org/docs/Web/API/Element/contextmenu_event): उपयोगकर्ता ने सही माउस बटन क्लिक किया
+- [select](https://developer.mozilla.org/docs/Web/API/Element/select_event): उपयोगकर्ता ने कुछ टेक्स्ट पर प्रकाश डाला
+- [input](https://developer.mozilla.org/docs/Web/API/Element/input_event): उपयोगकर्ता कुछ टेक्स्ट इनपुट करता है
 
 ## खेल का निर्माण
 
@@ -332,7 +332,7 @@ typedValueElement.addEventListener('input', () => {
 
 ## समीक्षा और स्व अध्ययन
 
-वेब ब्राउज़र के माध्यम से डेवलपर के लिए [उपलब्ध सभी घटनाओं](https://developer.mozilla.org/en-US/docs/Web/Events) को पढ़ें, और उन परिदृश्यों पर विचार करें जिनमें आप प्रत्येक का उपयोग करेंगे।
+वेब ब्राउज़र के माध्यम से डेवलपर के लिए [उपलब्ध सभी घटनाओं](https://developer.mozilla.org/docs/Web/Events) को पढ़ें, और उन परिदृश्यों पर विचार करें जिनमें आप प्रत्येक का उपयोग करेंगे।
 
 ## असाइनमेंट
 
diff --git a/4-typing-game/typing-game/translations/README.zh-tw.md b/4-typing-game/typing-game/translations/README.zh-tw.md
index b00658d3..b71329a1 100644
--- a/4-typing-game/typing-game/translations/README.zh-tw.md
+++ b/4-typing-game/typing-game/translations/README.zh-tw.md
@@ -20,10 +20,10 @@
 
 創造應用時，這邊有[數種事件](https://developer.mozilla.org/docs/Web/Events)提供給你監聽。基本上，使用者在網頁上做的任何行為都會觸發事件，你需要花大量時間、大量精力確保它們有相對應的使用者體驗。幸運的是，你只需要處理少部分的事件類型。這邊是一些常見的事件類型，我們會使用其中兩種來建立遊戲：
 
-- [點擊](https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event)： 使用者點擊物件，通常會是按鈕或是連結。
-- [右鍵選單](https://developer.mozilla.org/en-US/docs/Web/API/Element/contextmenu_event)： 使用者點擊滑鼠右鍵。
-- [選取](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event)： 使用者標記特定文字。
-- [輸入](https://developer.mozilla.org/en-US/docs/Web/API/Element/input_event)： 使用者輸入文字。
+- [點擊](https://developer.mozilla.org/docs/Web/API/Element/click_event)： 使用者點擊物件，通常會是按鈕或是連結。
+- [右鍵選單](https://developer.mozilla.org/docs/Web/API/Element/contextmenu_event)： 使用者點擊滑鼠右鍵。
+- [選取](https://developer.mozilla.org/docs/Web/API/Element/select_event)： 使用者標記特定文字。
+- [輸入](https://developer.mozilla.org/docs/Web/API/Element/input_event)： 使用者輸入文字。
 
 ## 建立遊戲
 
@@ -332,7 +332,7 @@ typedValueElement.addEventListener('input', () => {
 
 ## 複習與自學
 
-在瀏覽器上閱讀[所有開發者可運用的事件](https://developer.mozilla.org/en-US/docs/Web/Events)，想想你能在什麼樣的場合使用各個事件。
+在瀏覽器上閱讀[所有開發者可運用的事件](https://developer.mozilla.org/docs/Web/Events)，想想你能在什麼樣的場合使用各個事件。
 
 ## 作業
 
diff --git a/5-browser-extension/1-about-browsers/translations/README.zh-tw.md b/5-browser-extension/1-about-browsers/translations/README.zh-tw.md
index 0775976c..aae90b79 100644
--- a/5-browser-extension/1-about-browsers/translations/README.zh-tw.md
+++ b/5-browser-extension/1-about-browsers/translations/README.zh-tw.md
@@ -68,7 +68,7 @@
 - [程式碼](../../start)，下載 `start` 資料夾，你需要修改裡面的程式碼檔案。
 - [NPM](https://www.npmjs.com)，NPM 是一套軟體包管理工具，在本地安裝的軟體包會被列在 `package.json` 檔案中，成為網頁利用的資源。
 
-✅ 從[這個優質的學習套件](https://docs.microsoft.com/en-us/learn/modules/create-nodejs-project-dependencies/?WT.mc_id=academic-13441-cxa)中，學習更多關於軟體包管理。
+✅ 從[這個優質的學習套件](https://docs.microsoft.com/learn/modules/create-nodejs-project-dependencies/?WT.mc_id=academic-13441-cxa)中，學習更多關於軟體包管理。
 
 花點時間看一下程式檔案結構
 
@@ -155,7 +155,7 @@ npm install
 
 這堂課中你學到了一些瀏覽器的歷史。趁這個機會閱讀更多它的歷史，學習網際網路的發明者是如何構思網路的應用。這邊有一些實用的網頁：
 
-[瀏覽器的歷史](https://www.mozilla.org/en-US/firefox/browsers/browser-history/)
+[瀏覽器的歷史](https://www.mozilla.org/firefox/browsers/browser-history/)
 
 [網路的歷史](https://webfoundation.org/about/vision/history-of-the-web/)
 
diff --git a/5-browser-extension/2-forms-browsers-local-storage/README.md b/5-browser-extension/2-forms-browsers-local-storage/README.md
index ef375ca7..b973b588 100644
--- a/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -195,12 +195,12 @@ async function displayCarbonUsage(apiKey, region) {
 
 This is a big function. What's going on here?
 
-- following best practices, you use an `async` keyword to make this function behave asyncronously. The function contains a `try/catch` block as it will return a promise when the API returns data. Because you don't have control over the speed that the API will respond (it may not respond at all!), you need to handle this uncertainty by call it asyncronously. 
+- following best practices, you use an `async` keyword to make this function behave asynchronously. The function contains a `try/catch` block as it will return a promise when the API returns data. Because you don't have control over the speed that the API will respond (it may not respond at all!), you need to handle this uncertainty by call it asynchronously. 
 - you're querying the co2signal API to get your region's data, using your API Key. To use that key, you have to use a type of authentication in your header parameters.
 - once the API responds, you assign various elements of its response data to the parts of your screen you set up to show this data.
 - if there's an error, or if there is no result, you show an error message.
 
-✅ Using asyncronous programming patterns is another very useful tool in your toolbox. Read [about the various ways](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/async_function) you can configure this type of code.
+✅ Using asynchronous programming patterns is another very useful tool in your toolbox. Read [about the various ways](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/async_function) you can configure this type of code.
 
 Congratulations! If you build your extension (`npm run build`) and refresh it in your extensions pane, you have a working extension! The only thing that isn't working is the icon, and you'll fix that in the next lesson.
 
diff --git a/5-browser-extension/2-forms-browsers-local-storage/translations/README.es.md b/5-browser-extension/2-forms-browsers-local-storage/translations/README.es.md
index 41e84e23..ebffcfb8 100644
--- a/5-browser-extension/2-forms-browsers-local-storage/translations/README.es.md
+++ b/5-browser-extension/2-forms-browsers-local-storage/translations/README.es.md
@@ -99,7 +99,7 @@ Antes de continuar, es útil conocer un concepto muy importante disponible en lo
 
 Configura su APIKey para que tenga un valor de cadena, por ejemplo, y puede ver que está configurado en Edge "inspeccionando" una página web (puede hacer clic con el botón derecho en un navegador para inspeccionar) y yendo a la pestaña Aplicaciones para ver el almacenamiento.
 
-![Panel de almacenamiento local](images/localstorage.png)
+![Panel de almacenamiento local](../images/localstorage.png)
 
 ✅ Piense en situaciones en las que NO le gustaría almacenar algunos datos en LocalStorage. En general, colocar claves API en LocalStorage es una mala idea. ¿Puedes ver por qué? En nuestro caso, dado que nuestra aplicación es puramente para aprender y no se implementará en una tienda de aplicaciones, usaremos este método.
 
@@ -195,6 +195,8 @@ Esta es una gran función. ¿Que está pasando aqui?
 
 ✅ El uso de patrones de programación asíncronos es otra herramienta muy útil en su caja de herramientas. Lea [acerca de las diversas formas](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/async_function) puede configurar este tipo de código.
 
+[![Async and Await for managing promises](https://img.youtube.com/vi/4yJUTjtIlww/0.jpg)](https://youtube.com/watch?v=4yJUTjtIlww "Async and Await for managing promises")
+
 ¡Felicidades! Si construye su extensión (`npm run build`) y la actualiza en su panel de extensiones, ¡tiene una extensión que funciona! Lo único que no funciona es el ícono, y lo solucionará en la próxima lección.
 
 ---
diff --git a/5-browser-extension/2-forms-browsers-local-storage/translations/README.hi.md b/5-browser-extension/2-forms-browsers-local-storage/translations/README.hi.md
index 3b66a3cc..0c46a8a6 100644
--- a/5-browser-extension/2-forms-browsers-local-storage/translations/README.hi.md
+++ b/5-browser-extension/2-forms-browsers-local-storage/translations/README.hi.md
@@ -94,7 +94,7 @@ function reset(e) {
   - फॉर्म को छिपाएं
   - रीसेट बटन दिखाएं
 
-आगे बढ़ने से पहले, ब्राउज़रों में उपलब्ध एक बहुत ही महत्वपूर्ण अवधारणा के बारे में सीखना उपयोगी है: [लोकलस्टोरेज](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage).लोकलस्टोरेज, ब्राउज़र में स्ट्रिंगस को 'की-वैल्यू' पेयर के रूप में स्टोर करने का एक उपयोगी तरीका है। इस प्रकार के वेब स्टोरेज को ब्राउजर में डेटा को मैनेज करने के लिए जावास्क्रिप्ट द्वारा मैनिपुलेट किया जा सकता है। लोकलस्टोरीज की समय सीमा समाप्त नहीं होती है, जबकि ब्राउजर के बंद होने पर एक अन्य तरह का वेब स्टोरेज, स्टोरेज साफ हो जाता है। विभिन्न प्रकार के भंडारण में उनके उपयोग के पक्ष और विपक्ष हैं।
+आगे बढ़ने से पहले, ब्राउज़रों में उपलब्ध एक बहुत ही महत्वपूर्ण अवधारणा के बारे में सीखना उपयोगी है: [लोकलस्टोरेज](https://developer.mozilla.org/docs/Web/API/Window/localStorage).लोकलस्टोरेज, ब्राउज़र में स्ट्रिंगस को 'की-वैल्यू' पेयर के रूप में स्टोर करने का एक उपयोगी तरीका है। इस प्रकार के वेब स्टोरेज को ब्राउजर में डेटा को मैनेज करने के लिए जावास्क्रिप्ट द्वारा मैनिपुलेट किया जा सकता है। लोकलस्टोरीज की समय सीमा समाप्त नहीं होती है, जबकि ब्राउजर के बंद होने पर एक अन्य तरह का वेब स्टोरेज, स्टोरेज साफ हो जाता है। विभिन्न प्रकार के भंडारण में उनके उपयोग के पक्ष और विपक्ष हैं।
 
 > नोट - आपके ब्राउज़र एक्सटेंशन का अपना स्थानीय भंडारण है; मुख्य ब्राउज़र विंडो एक अलग उदाहरण है और अलग-अलग व्यवहार करता है।
 
@@ -145,7 +145,7 @@ function setUpUser(apiKey, regionName) {
 
 ✅ 'REST' शब्द 'Representational State Transfer'  के लिए है और इसमें डेटा लाने के लिए विभिन्न कॉन्फ़िगर किए गए URL का उपयोग करने की सुविधा है। डेवलपर्स के लिए उपलब्ध विभिन्न प्रकार के एपीआई पर थोड़ा शोध करें। क्या प्रारूप आपको अपील करता है?
 
-इस फ़ंक्शन के बारे में ध्यान देने योग्य महत्वपूर्ण बातें हैं। पहले [`async` कीवर्ड](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function) को नोटिस करें। अपने कार्यों को लिखना ताकि वे अतुल्यकालिक रूप से चलाते हैं इसका मतलब है कि वे एक कार्रवाई की प्रतीक्षा करते हैं, जैसे डेटा लौटाए जाने से पहले, पूरा होने से पहले।
+इस फ़ंक्शन के बारे में ध्यान देने योग्य महत्वपूर्ण बातें हैं। पहले [`async` कीवर्ड](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/async_function) को नोटिस करें। अपने कार्यों को लिखना ताकि वे अतुल्यकालिक रूप से चलाते हैं इसका मतलब है कि वे एक कार्रवाई की प्रतीक्षा करते हैं, जैसे डेटा लौटाए जाने से पहले, पूरा होने से पहले।
 
 यहाँ `async` के बारे में एक त्वरित वीडियो है:
 
@@ -200,7 +200,7 @@ async function displayCarbonUsage(apiKey, region) {
 - एपीआई के जवाब देने के बाद, आप इस डेटा को दिखाने के लिए अपने स्क्रीन के कुछ हिस्सों में इसके रिस्पॉन्स डेटा के विभिन्न तत्वों को असाइन करते हैं।
 - यदि कोई त्रुटि है, या कोई परिणाम नहीं है, तो आप एक त्रुटि संदेश दिखाते हैं।
 
-✅ Asyncronous प्रोग्रामिंग पैटर्न का उपयोग करना आपके टूलबॉक्स में एक और बहुत उपयोगी उपकरण है। [विभिन्न तरीकों के बारे में](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function) पढ़ें आप इस प्रकार के कोड को कॉन्फ़िगर कर सकते हैं।
+✅ Asyncronous प्रोग्रामिंग पैटर्न का उपयोग करना आपके टूलबॉक्स में एक और बहुत उपयोगी उपकरण है। [विभिन्न तरीकों के बारे में](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/async_function) पढ़ें आप इस प्रकार के कोड को कॉन्फ़िगर कर सकते हैं।
 
 बधाई हो! यदि आप अपना एक्सटेंशन बनाते हैं (`npm run build`) और इसे अपने एक्सटेंशन पेन में रिफ्रेश करें, तो आपके पास काम करने का एक्सटेंशन है! केवल एक चीज जो काम नहीं कर रही है वह आइकन है, और आप इसे अगले पाठ में ठीक कर देंगे।
 
@@ -208,7 +208,7 @@ async function displayCarbonUsage(apiKey, region) {
 
 ## 🚀 चुनौती
 
-हमने इन पाठों में अब तक कई प्रकार के एपीआई पर चर्चा की है। एक वेब एपीआई चुनें और गहराई से शोध करें कि यह क्या प्रदान करता है। उदाहरण के लिए, [HTML ड्रैग एंड ड्रॉप एपीआई](https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API) जैसे ब्राउज़रों के भीतर उपलब्ध एपीआई पर एक नज़र डालें। आपकी राय में एक महान एपीआई क्या है?
+हमने इन पाठों में अब तक कई प्रकार के एपीआई पर चर्चा की है। एक वेब एपीआई चुनें और गहराई से शोध करें कि यह क्या प्रदान करता है। उदाहरण के लिए, [HTML ड्रैग एंड ड्रॉप एपीआई](https://developer.mozilla.org/docs/Web/API/HTML_Drag_and_Drop_API) जैसे ब्राउज़रों के भीतर उपलब्ध एपीआई पर एक नज़र डालें। आपकी राय में एक महान एपीआई क्या है?
 
 ## व्याख्यान उपरांत प्रश्नोत्तरी
 
diff --git a/5-browser-extension/2-forms-browsers-local-storage/translations/README.zh-tw.md b/5-browser-extension/2-forms-browsers-local-storage/translations/README.zh-tw.md
index 5e5b67b6..d1c75f08 100644
--- a/5-browser-extension/2-forms-browsers-local-storage/translations/README.zh-tw.md
+++ b/5-browser-extension/2-forms-browsers-local-storage/translations/README.zh-tw.md
@@ -94,7 +94,7 @@ function reset(e) {
   - 隱藏表單
   - 顯示重置按鈕
 
-在下一步之前，你可以學習一些瀏覽器的重要成員：[LocalStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage)。 LocalStorage 是瀏覽器儲存字串的有效方法，以 `key-value` 配對兩兩一組。這種儲存型態可以被 JavaScript 管理並控制瀏覽器的資料。LocalStorage 沒有期限，而另一款網頁儲存 SessionStorage 會在瀏覽器關閉時清除內容。不同的儲存方式有各自的優缺點。
+在下一步之前，你可以學習一些瀏覽器的重要成員：[LocalStorage](https://developer.mozilla.org/docs/Web/API/Window/localStorage)。 LocalStorage 是瀏覽器儲存字串的有效方法，以 `key-value` 配對兩兩一組。這種儲存型態可以被 JavaScript 管理並控制瀏覽器的資料。LocalStorage 沒有期限，而另一款網頁儲存 SessionStorage 會在瀏覽器關閉時清除內容。不同的儲存方式有各自的優缺點。
 
 > 注意 ── 你的瀏覽器擴充套件有自己的 local storage。主瀏覽器視窗是不同的個體，兩者會做各自的行為。
 
@@ -145,7 +145,7 @@ function setUpUser(apiKey, regionName) {
 
 ✅ 'REST' 全名為 'Representational State Transfer'，提供各式各樣 URL 形式來抓取資料。對網路開發者的 API 種類做一點研究，什麼形式的 API 最吸引你？
 
-這條函式中有一個重要到值得紀錄的事情。第一點為[關鍵字 `async`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function)。讓你的函式非同步地執行，在行為完成前做等待，譬如資料被回傳。
+這條函式中有一個重要到值得紀錄的事情。第一點為[關鍵字 `async`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/async_function)。讓你的函式非同步地執行，在行為完成前做等待，譬如資料被回傳。
 
 這裡有一個簡短的影片介紹 `async`：
 
@@ -200,7 +200,7 @@ async function displayCarbonUsage(apiKey, region) {
 - 當 API 回應時，你將各種物件填入回傳的數值，並輸出到畫面上中。
 - 如果發生錯誤，或沒有結果產生，輸出錯誤訊息。
 
-✅ 非同步程式設計是一種實用的工具。閱讀[更多使用方法](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function)設定非同步程式的程式碼。
+✅ 非同步程式設計是一種實用的工具。閱讀[更多使用方法](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/async_function)設定非同步程式的程式碼。
 
 恭喜你！當你建制你的專案(`npm run build`)並在瀏覽器上刷新功能，你有個可以運作的應用套件了！現在只差圖示無法正常顯示，我們會在下一堂課中修正它。
 
@@ -208,7 +208,7 @@ async function displayCarbonUsage(apiKey, region) {
 
 ## 🚀 挑戰
 
-我們在課程中討論了不同種類的 API。選擇一樣網頁 API 並做更深度的研究。舉例來說，看看瀏覽器內支援的 API 如 [HTML Drag and Drop API](https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API)。依你看，什麼決定了 API 的優劣？
+我們在課程中討論了不同種類的 API。選擇一樣網頁 API 並做更深度的研究。舉例來說，看看瀏覽器內支援的 API 如 [HTML Drag and Drop API](https://developer.mozilla.org/docs/Web/API/HTML_Drag_and_Drop_API)。依你看，什麼決定了 API 的優劣？
 
 ## 課後測驗
 
diff --git a/5-browser-extension/3-background-tasks-and-performance/README.md b/5-browser-extension/3-background-tasks-and-performance/README.md
index fcc34436..1bcfb82d 100644
--- a/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -6,7 +6,7 @@
 
 ### Introduction
 
-In the last two lessons of this module, you learned how to build a form and display area for data fetched from an API. It's a very standard way of creating web presences on the web. You even learned how to handle fetching data asyncronously. Your browser extension is very nearly complete. 
+In the last two lessons of this module, you learned how to build a form and display area for data fetched from an API. It's a very standard way of creating web presences on the web. You even learned how to handle fetching data asynchronously. Your browser extension is very nearly complete. 
 
 It remains to manage some background tasks, including refreshing the color of the extension's icon, so this is a great time to talk about how the browser manages this kind of task. Let's think about these browser tasks in the context of the performance of your web assets as you build them.
 
diff --git a/5-browser-extension/3-background-tasks-and-performance/translations/README.hi.md b/5-browser-extension/3-background-tasks-and-performance/translations/README.hi.md
index fb2006dd..51368a55 100644
--- a/5-browser-extension/3-background-tasks-and-performance/translations/README.hi.md
+++ b/5-browser-extension/3-background-tasks-and-performance/translations/README.hi.md
@@ -22,7 +22,7 @@
 
 ![एज प्रोफाइल](../images/profiler.png)
 
-✅ किनारे पर प्रदर्शन पैनल पर [Microsoft दस्तावेज़ीकरण](https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide/performance?WT.mc_id=academy-13441-cxa) पर जाएँ
+✅ किनारे पर प्रदर्शन पैनल पर [Microsoft दस्तावेज़ीकरण](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance?WT.mc_id=academy-13441-cxa) पर जाएँ
 
 > युक्ति: अपनी वेब साइट के स्टार्टअप समय का सही पठन करने के लिए, अपने ब्राउज़र का कैश साफ़ करें
 
diff --git a/5-browser-extension/3-background-tasks-and-performance/translations/README.zh-tw.md b/5-browser-extension/3-background-tasks-and-performance/translations/README.zh-tw.md
index 80838d29..90e9dc8e 100644
--- a/5-browser-extension/3-background-tasks-and-performance/translations/README.zh-tw.md
+++ b/5-browser-extension/3-background-tasks-and-performance/translations/README.zh-tw.md
@@ -22,7 +22,7 @@ Performance 分頁包括了效能分析工具。開啟一個網頁，例如 http
 
 ![Edge 性能分析工具](../images/profiler.png)
 
-✅ 造訪 [Microsoft 文件](https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide/performance?WT.mc_id=academic-13441-cxa)觀看 Edge 的 Performance 分頁資訊
+✅ 造訪 [Microsoft 文件](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance?WT.mc_id=academic-13441-cxa)觀看 Edge 的 Performance 分頁資訊
 
 > 提示：要取得真正的網頁開啟時間，記得清除你的瀏覽器快取。
 
diff --git a/5-browser-extension/translations/README.ta.md b/5-browser-extension/translations/README.ta.md
new file mode 100644
index 00000000..2c8c17d5
--- /dev/null
+++ b/5-browser-extension/translations/README.ta.md
@@ -0,0 +1,29 @@
+# உலாவி நீட்டிப்பை உருவாக்குதல்
+
+உலாவி நீட்டிப்புகளை உருவாக்குவது ஒரு வேடிக்கையான மற்றும் சுவாரஸ்யமான வழியாகும், அதே நேரத்தில் உங்கள் பயன்பாடுகளின் செயல்திறனைப் பற்றி சிந்திக்க வும், அதே நேரத்தில் வேறு வகையான வலை சொத்தை உருவாக்கவும்.உலாவிகள் எவ்வாறு வேலை செய்கின்றன மற்றும் உலாவி நீட்டிப்பை எவ்வாறு பயன்படுத்துவது, ஒரு படிவத்தை எவ்வாறு உருவாக்குவது, ஒரு ஏபிஐ ஐ அழைப்பது மற்றும் உள்ளூர் சேமிப்பகத்தை எவ்வாறு பயன்படுத்துவது மற்றும் உங்கள் வலைத்தளத்தின் செயல்திறனை எவ்வாறு அளவிடுவது மற்றும் அதை எவ்வாறு மேம்படுத்துவது என்பது பற்றிய பாடங்கள் இந்த தொகுதியில் அடங்கும்.
+
+எட்ஜ், குரோம் மற்றும் பயர்பாக்ஸில் செயல்படும் உலாவி நீட்டிப்பை உருவாக்குவீர்கள். இந்த நீட்டிப்பு, ஒரு குறிப்பிட்ட பணிக்கு ஏற்ப வடிவமைக்கப்பட்ட ஒரு மினி வலைத் தளத்தைப் போன்றது, ஒரு குறிப்பிட்ட பிராந்தியத்தின் மின்சார பயன்பாடு மற்றும் கார்பன் தீவிரத்திற்காக [சி02 சிக்னல் ஏபிஐ](https://www.co2signal.com) சரிபார்க்கிறது, மேலும் பிராந்தியத்தின் கார்பன் தடத்தில் ஒரு வாசிப்பை அளிக்கிறது.
+
+இந்த நீட்டிப்பு ஒரு பயனர் மூலம் தற்காலிக என்று அழைக்கலாம் ஒரு ஏபிஐ விசை மற்றும் பிராந்திய குறியீடு உள்ளூர் மின்சார பயன்பாட்டை தீர்மானிக்க ஒரு வடிவத்தில் உள்ளீடு மற்றும் அதன் மூலம் ஒரு பயனரின் மின்சார முடிவுகளை பாதிக்கக்கூடிய தரவை வழங்குகிறது. உதாரணமாக, உங்கள் பகுதியில் அதிக மின்சார பயன்பாடு காலத்தில் ஒரு துணி உலர்த்தி (ஒரு கார்பன் தீவிர செயல்பாடு) இயங்கும் தாமதப்படுத்த விரும்பத்தக்கதாக இருக்கலாம்.
+
+### தலைப்புகளை
+
+1. [உலாவி பற்றி](../1-about-browsers/README.md)
+2. [படிவங்கள் மற்றும் உள்ளூர் சேமிப்பு](../2-forms-browsers-local-storage/README.md)
+3. [பின்னணி பணிகள் மற்றும் செயல்திறன்](../3-background-tasks-and-performance/README.md)
+
+### கடன்கள்
+
+![ஒரு பச்சை உலாவி நீட்டிப்பு](../extension-screenshot.png)
+
+## கடன்கள்
+
+இந்த வலை கார்பன் தூண்டுதலுக்கான யோசனை ஆசிம் ஹுசைன், கிரீன் கிளவுட் அட்வோசி குழுவின் மைக்ரோசாப்ட் முன்னணி மற்றும் [பசுமை கொள்கைகள்](https://principles.green/) ஆசிரியர் ஆகியோரால் வழங்கப்பட்டது. இது முதலில் ஒரு [வலை திட்டம்](https://github.com/jlooper/green).
+
+உலாவி விரிவாக்கத்தின் கட்டமைப்பு [அடெபோலஅடெரானின் கோவிட் நீட்டிப்பு](https://github.com/onedebos/covtension) மூலம் தாக்கம் செலுத்தியது.
+
+கலிபோர்னியா உமிழ்வுகளுக்கான [எனர்ஜி லாலிபாப்](https://energylollipop.com/) உலாவி நீட்டிப்பின் ஐகான் கட்டமைப்பால் 'டாட்' ஐகான் அமைப்புக்குபின்னால் உள்ள கருத்து பரிந்துரைக்கப்பட்டது.
+
+
+இந்த பாடங்கள் [ஜென் லூப்பர்](https://www.twitter.com/jenlooper) அன்புடன் எழுதப்பட்டன
+ 
diff --git a/6-space-game/1-introduction/translations/README.zh-tw.md b/6-space-game/1-introduction/translations/README.zh-tw.md
index 51cff84a..56062798 100644
--- a/6-space-game/1-introduction/translations/README.zh-tw.md
+++ b/6-space-game/1-introduction/translations/README.zh-tw.md
@@ -29,7 +29,7 @@
 
 這個想法是結合 `classes` 與`繼承`的方式來在 class 中添加特定行為。
 
-✅ 繼承是一個重要概念。在[有關繼承的 MDN 文章中](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain)學習更多內容。
+✅ 繼承是一個重要概念。在[有關繼承的 MDN 文章中](https://developer.mozilla.org/docs/Web/JavaScript/Inheritance_and_the_prototype_chain)學習更多內容。
 
 以程式碼來表達的話，一個遊戲物件通常會呈現這種形式：
 
@@ -217,7 +217,7 @@ eventEmitter.on(Messages.HERO_MOVE_LEFT, () => {
 
 ## 複習與自學
 
-藉由[閱讀此連結](https://docs.microsoft.com/en-us/azure/architecture/patterns/publisher-subscriber?WT.mc_id=academic-13441-cxa)來認識更多關於發布與訂閱的設計模式。
+藉由[閱讀此連結](https://docs.microsoft.com/azure/architecture/patterns/publisher-subscriber?WT.mc_id=academic-13441-cxa)來認識更多關於發布與訂閱的設計模式。
 
 ## 作業
 
diff --git a/6-space-game/2-drawing-to-canvas/translations/README.fr.md b/6-space-game/2-drawing-to-canvas/translations/README.fr.md
index c1401102..888c3488 100644
--- a/6-space-game/2-drawing-to-canvas/translations/README.fr.md
+++ b/6-space-game/2-drawing-to-canvas/translations/README.fr.md
@@ -117,7 +117,7 @@ async function run() {
 
 ## Il est maintenant temps de commencer à créer votre jeu
 
-### Que construire
+### Quoi construire
 
 Vous allez créer une page Web avec un élément Canvas. Il devrait rendre un écran noir `1024*768`. Nous vous avons fourni deux images:
 
@@ -165,7 +165,7 @@ Ajoutez le code nécessaire à `your-work/app.js` pour résoudre le problème ci
    > astuce : ajoutez les images du joueur et de l'ennemi en utilisant `await loadTexture` et en passant le chemin de l'image. Vous ne les verrez pas encore à l'écran!
 3. **Dessinez** le héros au centre de l'écran dans la moitié inférieure
    > astuce : utilisez l'API `drawImage` pour dessiner heroImg à l'écran, en définissant `canvas.width / 2 - 45` et `canvas.height - canvas.height / 4)`;
-4. **Dessinez**les monstres 5*5
+4. **Dessinez** les monstres 5*5
    > astuce : vous pouvez maintenant décommenter le code pour dessiner les ennemis à l'écran. Ensuite, allez à la fonction `createEnemies` et compilez la.
 
    Tout d'abord, configurez quelques constantes:
@@ -213,4 +213,4 @@ En savoir plus sur l'API Canvas en [lisant à ce sujet](https://developer.mozill
 
 ## Affectation
 
-[Jouer avec l'API Canvas](assignment.fr.md)
\ No newline at end of file
+[Jouer avec l'API Canvas](assignment.fr.md)
diff --git a/6-space-game/2-drawing-to-canvas/translations/README.zh-tw.md b/6-space-game/2-drawing-to-canvas/translations/README.zh-tw.md
index fe34507e..2da4d2b4 100644
--- a/6-space-game/2-drawing-to-canvas/translations/README.zh-tw.md
+++ b/6-space-game/2-drawing-to-canvas/translations/README.zh-tw.md
@@ -8,7 +8,7 @@
 
 Canvas 是 HTML 中的元素，預設上不帶有任何內容，就如一塊白板。你需要自己彩繪上去。
 
-✅ 在 MDN 上閱讀[更多關於 Canvas API](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API)。
+✅ 在 MDN 上閱讀[更多關於 Canvas API](https://developer.mozilla.org/docs/Web/API/Canvas_API)。
 
 這是它典型的宣告方式，位在頁面的 body 中：
 
@@ -27,7 +27,7 @@ Canvas 是 HTML 中的元素，預設上不帶有任何內容，就如一塊白
 Canvas 使用了笛卡爾座標系繪製圖案。因此有 x 軸與 y 軸來表達物件的所在地點。座標點 `0,0` 位在畫布的左上方；而右下方則是我們定義畫布的寬度與高度。
 
 ![畫布網格](../canvas_grid.png)
-> 圖片出自於 [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
+> 圖片出自於 [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
 要在 Canvas 物件上繪製圖案，你需要執行下列步驟：
 
@@ -52,7 +52,7 @@ ctx.fillStyle = 'red';
 ctx.fillRect(0,0, 200, 200) // x,y,width, height
 ```
 
-✅ Canvas API 主要是處理 2D 圖形，但你也可以在網頁中繪製 3D 圖形。要完成這個需求，你可以使用 [WebGL API](https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API)。
+✅ Canvas API 主要是處理 2D 圖形，但你也可以在網頁中繪製 3D 圖形。要完成這個需求，你可以使用 [WebGL API](https://developer.mozilla.org/docs/Web/API/WebGL_API)。
 
 你可以使用 Canvas API 繪製出這些物件：
 
@@ -201,7 +201,7 @@ npm start
 
 ## 🚀 挑戰
 
-你已經學會繪製 2D 圖形的 Canvas API。看看 [WebGL API](https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API)，試著繪製 3D 物件。
+你已經學會繪製 2D 圖形的 Canvas API。看看 [WebGL API](https://developer.mozilla.org/docs/Web/API/WebGL_API)，試著繪製 3D 物件。
 
 ## 課後測驗
 
@@ -209,7 +209,7 @@ npm start
 
 ## 複習與自學
 
-[閱讀更多資料](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API)，學習更多有關 Canvas API 的用法。
+[閱讀更多資料](https://developer.mozilla.org/docs/Web/API/Canvas_API)，學習更多有關 Canvas API 的用法。
 
 ## 作業
 
diff --git a/6-space-game/3-moving-elements-around/translations/README.fr.md b/6-space-game/3-moving-elements-around/translations/README.fr.md
new file mode 100644
index 00000000..f8088bfd
--- /dev/null
+++ b/6-space-game/3-moving-elements-around/translations/README.fr.md
@@ -0,0 +1,388 @@
+# Construisez un jeu spatial, partie 3: Ajout de mouvement
+
+## Quiz préalable
+
+[Quiz préalable](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/33?loc=fr)
+
+Les jeux ne sont pas très amusants tant que vous n'avez pas des extraterrestres qui courent à l'écran! Dans ce jeu, nous utiliserons deux types de mouvements:
+
+- **Mouvement clavier/souris**: lorsque l'utilisateur interagit avec le clavier ou la souris pour déplacer un objet à l'écran.
+- **Mouvement induit par le jeu**: lorsque le jeu déplace un objet avec un certain intervalle de temps.
+
+Alors, comment déplacer les choses sur un écran? Tout est question de coordonnées cartésiennes: nous changeons l'emplacement (x,y) de l'objet puis redessinons l'écran.
+
+Généralement, vous devez suivre les étapes suivantes pour accomplir un *mouvement* sur un écran:
+
+1. **Définir un nouvel emplacement** pour un objet; cela est nécessaire pour percevoir l'objet comme ayant bougé.
+2. **Effacer l'écran**, l'écran doit être dégagé entre les tirages. Nous pouvons l'effacer en dessinant un rectangle que nous remplissons avec une couleur de fond.
+3. **Redessiner l'objet** au nouvel emplacement. En faisant cela, nous accomplissons finalement le déplacement de l'objet d'un endroit à l'autre.
+
+ Voici à quoi cela peut ressembler dans le code:
+
+```javascript
+//définir l'emplacement du héros
+hero.x += 5;
+// effacer le rectangle qui accueille le héros
+ctx.clearRect(0, 0, canvas.width, canvas.height);
+// redessiner le fond du jeu et le héros
+ctx.fillRect(0, 0, canvas.width, canvas.height)
+ctx.fillStyle = "black";
+ctx.drawImage(heroImg, hero.x, hero.y);
+```
+
+✅ Pouvez-vous penser à une raison pour laquelle redessiner votre héros plusieurs images par seconde pourrait entraîner des coûts de performance? Apprenez en plus sur les [alternatives à ce modèle](https://www.html5rocks.com/en/tutorials/canvas/performance/).
+
+## Gérer les événements du clavier
+
+Vous gérez les événements en attachant des événements spécifiques au code. Les événements de clavier sont déclenchés sur toute la fenêtre tandis que les événements de souris comme un `clic` peuvent être liés au clic sur un élément spécifique. Nous utiliserons des événements de clavier tout au long de ce projet. 
+
+Pour gérer un événement, vous devez utiliser la méthode `addEventListener()` de la fenêtre et lui fournir deux paramètres d'entrée. Le premier paramètre est le nom de l'événement, par exemple `keyup`. Le deuxième paramètre est la fonction qui doit être invoquée à la suite de l'événement en cours.  
+
+Voici un exemple:
+
+```javascript
+window.addEventListener('keyup', (evt) => {
+  // `evt.key` = représentation sous forme de chaîne de la clé
+  if (evt.key === 'ArrowUp') {
+    // faire quelque chose
+  }
+})
+```
+
+Pour les événements clés, il existe deux propriétés sur l'événement que vous pouvez utiliser pour voir quelle touche a été pressée:
+
+- `key`, il s'agit d'une représentation sous forme de chaîne de la touche enfoncée, par exemple `ArrowUp`
+- `keyCode`, c'est une représentation numérique, par exemple `37`, correspond à `ArrowLeft`.
+
+✅ La manipulation des événements clés est utile en dehors du développement de jeux. A quelles autres utilisations pensez-vous pour cette technique?
+
+### Touches spéciales: une mise en garde
+
+Il y a des touches *spéciales* qui affectent la fenêtre. Cela signifie que si vous écoutez un événement `keyup` et que vous utilisez ces touches spéciales pour déplacer votre héros, il effectuera également un défilement horizontal. Pour cette raison, vous voudrez peut-être *désactiver* ce comportement de navigateur intégré lorsque vous créez votre jeu. Vous avez besoin d'un code comme celui-ci:
+
+```javascript
+let onKeyDown = function (e) {
+  console.log(e.keyCode);
+  switch (e.keyCode) {
+    case 37:
+    case 39:
+    case 38:
+    case 40: // Touches directionnelles
+    case 32:
+      e.preventDefault();
+      break; // Espace
+    default:
+      break; // ne pas bloquer d'autres clés
+  }
+};
+
+window.addEventListener('keydown', onKeyDown);
+```
+
+Le code ci-dessus garantira que les touches fléchées et la touche espace ont leur comportement *par défaut* désactivé. Le mécanisme *shut-off* se produit lorsque nous appelons `e.preventDefault()`.
+
+## Mouvement induit par le jeu
+
+Nous pouvons faire bouger les choses d'elles-mêmes en utilisant des minuteries telles que la fonction `setTimeout()` ou `setInterval()` qui met à jour l'emplacement de l'objet à chaque tick ou intervalle de temps. Voici à quoi cela peut ressembler:
+
+```javascript
+let id = setInterval(() => {
+  //déplacer l'ennemi sur l'axe y
+  enemy.y += 10;
+})
+```
+
+## La boucle du jeu
+
+La boucle de jeu est un concept qui est essentiellement une fonction invoquée à intervalles réguliers. C'est ce qu'on appelle la boucle de jeu car tout ce qui doit être visible pour l'utilisateur est attiré dans la boucle. La boucle de jeu utilise tous les objets de jeu qui font partie du jeu, les dessinant tous à moins que, pour une raison quelconque, ils ne fassent plus partie du jeu. Par exemple, si un objet est un ennemi qui a été touché par un laser et qui explose, il ne fait plus partie de la boucle de jeu en cours (vous en apprendrez plus à ce sujet dans les leçons suivantes).
+
+Voici à quoi ressemble généralement une boucle de jeu, exprimée en code:
+
+```javascript
+let gameLoopId = setInterval(() =>
+  function gameLoop() {
+    ctx.clearRect(0, 0, canvas.width, canvas.height);
+    ctx.fillStyle = "black";
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+    drawHero();
+    drawEnemies();
+    drawStaticObjects();
+}, 200);
+```
+
+La boucle ci-dessus est invoquée toutes les `200` millisecondes pour redessiner le canevas. Vous avez la possibilité de choisir le meilleur intervalle qui a du sens pour votre jeu.
+
+## Continuer le jeu spatial
+
+Vous allez prendre le code existant et l'étendre. Soit commencez par le code que vous avez complété au cours de la partie I, soit utilisez le code de la [Partie II - starter](../your-work). 
+
+- **Déplacer le héros**: vous ajouterez du code pour vous assurer de pouvoir déplacer le héros à l'aide des touches fléchées.
+- **Déplacer les ennemis**: vous devrez également ajouter du code pour vous assurer que les ennemis se déplacent de haut en bas à un rythme donné.
+
+## Étapes recommandées
+
+Localisez les fichiers qui ont été créés pour vous dans le sous-dossier `your-work`. Il doit contenir les éléments suivants:
+
+```bash
+-| assets
+  -| enemyShip.png
+  -| player.png
+-| index.html
+-| app.js
+-| package.json
+```
+
+Vous démarrez votre projet dans le dossier `your_work` en tapant:
+
+```bash
+cd your-work
+npm start
+```
+
+Ce qui précède démarrera un serveur HTTP à l'adresse `http://localhost:5000`. Ouvrez un navigateur et entrez cette adresse, pour le moment, cela devrait rendre le héros et tous les ennemis; rien ne bouge - pour l'instant!
+
+### Ajouter un code
+
+1. **Ajouter des objets dédiés** pour `hero` et `enemy` et `game object`, ils doivent avoir les propriétés `x` et `y`. (Rappelez-vous la partie sur l'[héritage ou la composition](../../translations/README.fr.md)). 
+
+   *CONSEIL* `game object` (l'objet de jeu) doit être celui avec `x` et `y` et la possibilité de se dessiner sur un canevas.
+
+   >astuce: commencez par ajouter une nouvelle classe GameObject avec son constructeur délimité comme ci-dessous, puis dessinez-la sur le canevas:
+  
+    ```javascript
+        
+    class GameObject {
+      constructor(x, y) {
+        this.x = x;
+        this.y = y;
+        this.dead = false;
+        this.type = "";
+        this.width = 0;
+        this.height = 0;
+        this.img = undefined;
+      }
+    
+      draw(ctx) {
+        ctx.drawImage(this.img, this.x, this.y, this.width, this.height);
+      }
+    }
+    ```
+
+    Maintenant, étendez ce GameObject pour créer le héros et l'ennemi.
+    
+    ```javascript
+    class Hero extends GameObject {
+      constructor(x, y) {
+        ...it needs an x, y, type, and speed
+      }
+    }
+    ```
+
+    ```javascript
+    class Enemy extends GameObject {
+      constructor(x, y) {
+        super(x, y);
+        (this.width = 98), (this.height = 50);
+        this.type = "Enemy";
+        let id = setInterval(() => {
+          if (this.y < canvas.height - this.height) {
+            this.y += 5;
+          } else {
+            console.log('Stopped at', this.y)
+            clearInterval(id);
+          }
+        }, 300)
+      }
+    }
+    ```
+
+2. **Ajoutez des gestionnaires d'événements de touche** pour gérer la navigation des touches (déplacez le héros vers le haut/bas vers la gauche/la droite)
+
+   *RAPPELEZ-VOUS* que c'est un système cartésien, le haut à gauche est `0,0`. N'oubliez pas également d'ajouter du code pour arrêter *le comportement par défaut*
+
+   >astuce: créez votre fonction onKeyDown et attachez-la à la fenêtre:
+
+   ```javascript
+    let onKeyDown = function (e) {
+	      console.log(e.keyCode);
+	        ...add the code from the lesson above to stop default behavior
+	      }
+    };
+
+    window.addEventListener("keydown", onKeyDown);
+   ```
+    
+   Vérifiez la console de votre navigateur à ce stade et regardez les frappes enregistrées. 
+
+3. **Implémentez** le [modèle Pub Sub](../../translations/README.fr.md), cela gardera votre code propre pendant que vous suivez les parties restantes.
+
+   Pour faire cette dernière partie, vous pouvez:
+
+   1. **Ajouter un écouteur d'événement** sur la fenêtre:
+
+       ```javascript
+        window.addEventListener("keyup", (evt) => {
+          if (evt.key === "ArrowUp") {
+            eventEmitter.emit(Messages.KEY_EVENT_UP);
+          } else if (evt.key === "ArrowDown") {
+            eventEmitter.emit(Messages.KEY_EVENT_DOWN);
+          } else if (evt.key === "ArrowLeft") {
+            eventEmitter.emit(Messages.KEY_EVENT_LEFT);
+          } else if (evt.key === "ArrowRight") {
+            eventEmitter.emit(Messages.KEY_EVENT_RIGHT);
+          }
+        });
+        ```
+
+    1. **Créez une classe EventEmitter** pour publier et vous abonner aux messages:
+
+        ```javascript
+        class EventEmitter {
+          constructor() {
+            this.listeners = {};
+          }
+        
+          on(message, listener) {
+            if (!this.listeners[message]) {
+              this.listeners[message] = [];
+            }
+            this.listeners[message].push(listener);
+          }
+        
+          emit(message, payload = null) {
+            if (this.listeners[message]) {
+              this.listeners[message].forEach((l) => l(message, payload));
+            }
+          }
+        }
+        ```
+
+    1. **Ajoutez des constantes** et configurez l'EventEmitter:
+
+        ```javascript
+        const Messages = {
+          KEY_EVENT_UP: "KEY_EVENT_UP",
+          KEY_EVENT_DOWN: "KEY_EVENT_DOWN",
+          KEY_EVENT_LEFT: "KEY_EVENT_LEFT",
+          KEY_EVENT_RIGHT: "KEY_EVENT_RIGHT",
+        };
+        
+        let heroImg, 
+            enemyImg, 
+            laserImg,
+            canvas, ctx, 
+            gameObjects = [], 
+            hero, 
+            eventEmitter = new EventEmitter();
+        ```
+
+    1. **Initialiser le jeu**
+
+    ```javascript
+    function initGame() {
+      gameObjects = [];
+      createEnemies();
+      createHero();
+    
+      eventEmitter.on(Messages.KEY_EVENT_UP, () => {
+        hero.y -= 5;
+      })
+    
+      eventEmitter.on(Messages.KEY_EVENT_DOWN, () => {
+        hero.y += 5;
+      });
+    
+      eventEmitter.on(Messages.KEY_EVENT_LEFT, () => {
+        hero.x -= 5;
+      });
+    
+      eventEmitter.on(Messages.KEY_EVENT_RIGHT, () => {
+        hero.x += 5;
+      });
+    }
+    ```
+
+1. **Configurer la boucle de jeu**
+
+   Refactorisez la fonction window.onload pour initialiser le jeu et mettre en place une boucle de jeu sur un bon intervalle. Vous ajouterez également un faisceau laser:
+
+    ```javascript
+    window.onload = async () => {
+      canvas = document.getElementById("canvas");
+      ctx = canvas.getContext("2d");
+      heroImg = await loadTexture("assets/player.png");
+      enemyImg = await loadTexture("assets/enemyShip.png");
+      laserImg = await loadTexture("assets/laserRed.png");
+    
+      initGame();
+      let gameLoopId = setInterval(() => {
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+        ctx.fillStyle = "black";
+        ctx.fillRect(0, 0, canvas.width, canvas.height);
+        drawGameObjects(ctx);
+      }, 100)
+      
+    };
+    ```
+
+5. **Ajoutez du code** pour déplacer les ennemis à un certain intervalle
+
+    Refactoriser la fonction `createEnemies()` pour créer les ennemis et les pousser dans la nouvelle classe gameObjects:
+
+    ```javascript
+    function createEnemies() {
+      const MONSTER_TOTAL = 5;
+      const MONSTER_WIDTH = MONSTER_TOTAL * 98;
+      const START_X = (canvas.width - MONSTER_WIDTH) / 2;
+      const STOP_X = START_X + MONSTER_WIDTH;
+    
+      for (let x = START_X; x < STOP_X; x += 98) {
+        for (let y = 0; y < 50 * 5; y += 50) {
+          const enemy = new Enemy(x, y);
+          enemy.img = enemyImg;
+          gameObjects.push(enemy);
+        }
+      }
+    }
+    ```
+    
+    et ajoutez une fonction `createHero()` pour faire un processus similaire pour le héros.
+    
+    ```javascript
+    function createHero() {
+      hero = new Hero(
+        canvas.width / 2 - 45,
+        canvas.height - canvas.height / 4
+      );
+      hero.img = heroImg;
+      gameObjects.push(hero);
+    }
+    ```
+
+    et enfin, ajoutez une fonction `drawGameObjects()` pour démarrer le dessin:
+
+    ```javascript
+    function drawGameObjects(ctx) {
+      gameObjects.forEach(go => go.draw(ctx));
+    }
+    ```
+
+    Vos ennemis devraient commencer à avancer sur votre vaisseau spatial héros!
+
+---
+
+## 🚀 Challenge
+
+Comme vous pouvez le constater, votre code peut se transformer en 'code spaghetti' lorsque vous commencez à ajouter des fonctions, des variables et des classes. Comment pouvez-vous mieux organiser votre code pour qu'il soit plus lisible? Esquissez un système pour organiser votre code, même s'il réside toujours dans un seul fichier.
+
+## Quiz de validation des connaissances
+
+[Quiz de validation des connaissances](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/34?loc=fr)
+
+## Révision et étude personnelle
+
+Pendant que nous écrivons notre jeu sans utiliser de frameworks, il existe de nombreux frameworks de canevas basés sur JavaScript pour le développement de jeux. Prenez le temps de faire quelques [lectures à ce sujet](https://github.com/collections/javascript-game-engines).
+
+## Affectation
+
+[Commentez votre code](assignment.fr.md)
diff --git a/6-space-game/4-collision-detection/translations/README.fr.md b/6-space-game/4-collision-detection/translations/README.fr.md
new file mode 100644
index 00000000..473389c3
--- /dev/null
+++ b/6-space-game/4-collision-detection/translations/README.fr.md
@@ -0,0 +1,297 @@
+# Construire un jeu spatial Partie 4: Ajouter un laser et détecter les collisions
+
+## Quiz préalable
+
+[Quiz préalable](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/35?loc=fr)
+
+Dans cette leçon, vous apprendrez à tirer des lasers avec JavaScript! Nous ajouterons deux choses à notre jeu:
+
+- **Un laser**: ce laser est tiré depuis le vaisseau de vos héros et verticalement vers le haut
+- **La détection de collision**, dans le cadre de la mise en œuvre de la possibilité de *tirer*, nous ajouterons également quelques règles de jeu intéressantes:
+   - **Le laser frappe l'ennemi**: L'ennemi meurt s'il est touché par un laser
+   - **Le laser touche l'écran supérieur**: un laser est détruit s'il touche la partie supérieure de l'écran
+   - **Collision entre ennemis et héros**: Un ennemi et le héros sont détruits s'ils se frappent
+   - **L'ennemi touche le bas de l'écran**: Un ennemi et un héros sont détruits si l'ennemi touche le bas de l'écran
+
+En bref, vous -- *le héros* -- devez frapper tous les ennemis avec un laser avant qu'ils ne parviennent à se déplacer vers le bas de l'écran.
+
+✅ Faites une petite recherche sur le tout premier jeu vidéo jamais écrit. Quelle était sa fonctionnalité?
+
+Soyons héroïques ensemble!
+
+## La détection de collision
+
+Comment fait-on la détection de collision? Nous devons penser à nos objets de jeu comme des rectangles se déplaçant. Pourquoi vous pourriez vous demander? Eh bien, l'image utilisée pour dessiner un objet de jeu est un rectangle: il a un `x`, `y`, `width` et `height`.
+
+Si deux rectangles, c'est-à-dire un héros et un ennemi *se croisent*, vous avez une collision. Ce qui devrait arriver alors dépend des règles du jeu. Pour implémenter la détection de collision, vous avez donc besoin des éléments suivants:
+
+1. Un moyen d'obtenir une représentation rectangulaire d'un objet de jeu, quelque chose comme ça:
+
+   ```javascript
+   rectFromGameObject() {
+     return {
+       top: this.y,
+       left: this.x,
+       bottom: this.y + this.height,
+       right: this.x + this.width
+     }
+   }
+   ```
+
+2. Une fonction de comparaison, cette fonction peut ressembler à ceci:
+
+   ```javascript
+   function intersectRect(r1, r2) {
+     return !(r2.left > r1.right ||
+       r2.right < r1.left ||
+       r2.top > r1.bottom ||
+       r2.bottom < r1.top);
+   }
+   ```
+
+## Comment détruire les objets
+
+Pour détruire des objets dans un jeu, vous devez faire savoir au jeu qu'il ne doit plus afficher cet objet dans la boucle de jeu qui se déclenche à un certain intervalle. Une façon de faire est de marquer un objet de jeu comme *mort* quand quelque chose se passe, comme ceci:
+
+```javascript
+// la collision s'est produite
+enemy.dead = true
+```
+
+Ensuite, vous procédez au tri des objets *morts* avant de repeindre l'écran, comme ceci:
+
+```javascript
+gameObjects = gameObject.filter(go => !go.dead);
+```
+
+## Comment tirons-nous un laser
+
+Tirer un laser se traduit par répondre à un événement clé et créer un objet qui se déplace dans une certaine direction. Nous devons donc effectuer les étapes suivantes:
+
+1. **Créez un objet laser**: du haut du vaisseau de notre héros, celui-ci commence à se déplacer vers le haut de l'écran lors de sa création.
+2. **Attacher un code à un événement clé**: nous devons choisir une touche du clavier qui représente le joueur tirant le laser.
+3. **Créez un objet de jeu qui ressemble à un laser** lorsque la touche est enfoncée.
+
+## Cooldown sur notre laser
+
+Le laser doit se déclencher à chaque fois que vous appuyez sur une touche, comme *espace* par exemple. Pour éviter que le jeu ne produise trop de lasers en peu de temps, nous devons résoudre ce problème. La solution consiste à implémenter un soi-disant *cooldown*(temps de recharge), une minuterie, qui garantit qu'un laser ne peut être tiré aussi souvent. Vous pouvez implémenter cela de la manière suivante:
+
+```javascript
+class Cooldown {
+  constructor(time) {
+    this.cool = false;
+    setTimeout(() => {
+      this.cool = true;
+    }, time)
+  }
+}
+
+class Weapon {
+  constructor {
+  }
+  fire() {
+    if (!this.cooldown || this.cooldown.cool) {
+      // produire un laser
+      this.cooldown = new Cooldown(500);
+    } else {
+      // ne rien faire - il n'a pas encore refroidi.
+    }
+  }
+}
+```
+
+✅ Reportez-vous à la leçon 1 de la série de jeux spatiaux pour vous rappeler des *temps de recharge*
+
+## Que construire
+
+Vous allez prendre le code existant (que vous avez dû nettoyer et refactoriser) de la leçon précédente et l'étendre. Commencez par le code de la partie II ou utilisez le code de la [partie III - démarreur](../../your-work).
+
+> astuce: le laser avec lequel vous allez travailler est déjà dans votre dossier assets et référencé par votre code
+
+- **Ajoutez la détection de collision**, lorsqu'un laser entre en collision avec quelque chose, les règles suivantes doivent s'appliquer:
+   1. **Le laser touche l'ennemi**: l'ennemi meurt s'il est touché par un laser
+   2. **Le laser touche l'écran supérieur**: un laser est détruit s'il touche la partie supérieure de notre écran
+   3. **Collision ennemi et héros**: un ennemi et le héros sont détruits s'ils se frappent
+   4. **L'ennemi touche le bas de l'écran**: un ennemi et un héros sont détruits si l'ennemi touche le bas de l'écran
+
+## Étapes recommandées
+
+Localisez les fichiers qui ont été créés pour vous dans le sous-dossier `your-work`. Il doit contenir les éléments suivants:
+
+```bash
+-| assets
+  -| enemyShip.png
+  -| player.png
+  -| laserRed.png
+-| index.html
+-| app.js
+-| package.json
+```
+
+Vous démarrez votre projet dans le dossier `your_work` en tapant:
+
+```bash
+cd your-work
+npm start
+```
+
+Ce qui précède démarrera un serveur HTTP à l'adresse `http://localhost:5000`. Ouvrez un navigateur et saisissez cette adresse, pour le moment, cela devrait rendre le héros et tous les ennemis, rien ne bouge - pour le moment :).
+
+### Ajouter un code
+
+1. **Configurez une représentation rectangulaire de votre objet de jeu, pour gérer les collisions** Le code ci-dessous vous permet d'obtenir une représentation rectangulaire d'un `GameObject`. Modifiez votre classe GameObject pour l'étendre:
+
+    ```javascript
+    rectFromGameObject() {
+        return {
+          top: this.y,
+          left: this.x,
+          bottom: this.y + this.height,
+          right: this.x + this.width,
+        };
+      }
+    ```
+
+2. **Ajouter du code qui vérifie la collision** Il s'agira d'une nouvelle fonction qui teste si deux rectangles se croisent:
+
+    ```javascript
+    function intersectRect(r1, r2) {
+      return !(
+        r2.left > r1.right ||
+        r2.right < r1.left ||
+        r2.top > r1.bottom ||
+        r2.bottom < r1.top
+      );
+    }
+    ```
+
+3. **Ajouter une capacité de tir laser **
+   1. **Ajouter un message d'événement clé**. La touche *espace* devrait créer un laser juste au-dessus du vaisseau héros. Ajoutez trois constantes dans l'objet Messages:
+
+       ```javascript
+        KEY_EVENT_SPACE: "KEY_EVENT_SPACE",
+        COLLISION_ENEMY_LASER: "COLLISION_ENEMY_LASER",
+        COLLISION_ENEMY_HERO: "COLLISION_ENEMY_HERO",
+       ```
+
+   1. **Manipuler la touche espace**. Modifiez la fonction keyup `window.addEventListener` pour gérer les espaces:
+
+      ```javascript
+        } else if(evt.keyCode === 32) {
+          eventEmitter.emit(Messages.KEY_EVENT_SPACE);
+        }
+      ```
+
+    1. **Ajouter des auditeurs**. Modifiez la fonction `initGame()` pour vous assurer que le héros peut se déclencher lorsque la barre d'espace est enfoncée:
+
+       ```javascript
+       eventEmitter.on(Messages.KEY_EVENT_SPACE, () => {
+        if (hero.canFire()) {
+          hero.fire();
+        }
+       ```
+
+       et ajoutez une nouvelle fonction `eventEmitter.on()` pour assurer le comportement lorsqu'un ennemi entre en collision avec un laser:
+
+          ```javascript
+          eventEmitter.on(Messages.COLLISION_ENEMY_LASER, (_, { first, second }) => {
+            first.dead = true;
+            second.dead = true;
+          })
+          ```
+
+   1. **Déplacez l'objet**, assurez-vous que le laser se déplace progressivement vers le haut de l'écran. Vous allez créer une nouvelle classe Laser qui étend `GameObject`, comme vous l'avez fait auparavant: 
+   
+      ```javascript
+        class Laser extends GameObject {
+        constructor(x, y) {
+          super(x,y);
+          (this.width = 9), (this.height = 33);
+          this.type = 'Laser';
+          this.img = laserImg;
+          let id = setInterval(() => {
+            if (this.y > 0) {
+              this.y -= 15;
+            } else {
+              this.dead = true;
+              clearInterval(id);
+            }
+          }, 100)
+        }
+      }
+      ```
+
+   1. **Gérer les collisions**, Implémenter les règles de collision pour le laser. Ajouter une fonction `updateGameObjects()` qui teste les objets en collision pour les hits
+
+      ```javascript
+      function updateGameObjects() {
+        const enemies = gameObjects.filter(go => go.type === 'Enemy');
+        const lasers = gameObjects.filter((go) => go.type === "Laser");
+      // laser hit something
+        lasers.forEach((l) => {
+          enemies.forEach((m) => {
+            if (intersectRect(l.rectFromGameObject(), m.rectFromGameObject())) {
+            eventEmitter.emit(Messages.COLLISION_ENEMY_LASER, {
+              first: l,
+              second: m,
+            });
+          }
+         });
+      });
+
+        gameObjects = gameObjects.filter(go => !go.dead);
+      }  
+      ```
+
+      Assurez-vous d'ajouter `updateGameObjects()` dans votre boucle de jeu dans `window.onload`.
+
+   4. **Mettez en place un temps de recharge (cooldown)** sur le laser, de sorte qu'il ne peut être tiré qu'un certain temps.
+
+      Enfin, modifiez la classe de héros afin qu'elle puisse se recharger:
+
+       ```javascript
+      class Hero extends GameObject {
+        constructor(x, y) {
+          super(x, y);
+          (this.width = 99), (this.height = 75);
+          this.type = "Hero";
+          this.speed = { x: 0, y: 0 };
+          this.cooldown = 0;
+        }
+        fire() {
+          gameObjects.push(new Laser(this.x + 45, this.y - 10));
+          this.cooldown = 500;
+    
+          let id = setInterval(() => {
+            if (this.cooldown > 0) {
+              this.cooldown -= 100;
+            } else {
+              clearInterval(id);
+            }
+          }, 200);
+        }
+        canFire() {
+          return this.cooldown === 0;
+        }
+      }
+      ```
+
+À ce stade, votre jeu a quelques fonctionnalités! Vous pouvez naviguer avec vos touches fléchées, tirer un laser avec votre barre d'espace et les ennemis disparaissent lorsque vous les frappez. Bien joué!
+
+---
+
+## 🚀 Challenge
+
+Ajoutez une explosion! Jetez un œil aux ressources du jeu dans [le référentiel Space Art](../../solution/spaceArt/readme.txt) et essayez d'ajouter une explosion lorsque le laser frappe un extraterrestre
+
+## Quiz de validation des connaissances
+
+[Quiz de validation des connaissances](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/36?loc=fr)
+
+## Révision et étude personnelle
+
+Faites des expériences avec les intervalles de votre jeu à ce stade. Que se passe-t-il lorsque vous les modifiez? En savoir plus sur les [événements de minutage JavaScript](https://www.freecodecamp.org/news/javascript-timing-events-settimeout-and-setinterval/).
+
+## Affectation
+
+[Explorer les collisions](assignment.fr.md)
diff --git a/6-space-game/5-keeping-score/translations/README.fr.md b/6-space-game/5-keeping-score/translations/README.fr.md
index 448db363..ad4de212 100644
--- a/6-space-game/5-keeping-score/translations/README.fr.md
+++ b/6-space-game/5-keeping-score/translations/README.fr.md
@@ -1,4 +1,4 @@
-# Construire un jeu de l'espace - Partie 5 : scores et vies
+# Construire un jeu de l'espace - Partie 5: scores et vies
 
 ## Quiz de pré-lecture
 
@@ -17,7 +17,7 @@ ctx.textAlign = "right";
 ctx.fillText("show this on the screen", 0, 0);
 ```
 
-✅ En savoir plus sur [comment ajouter du texte à un canvas ](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_text), et n'hésitez pas à rendre le vôtre plus sophistiqué !
+✅ En savoir plus sur [comment ajouter du texte à un canvas ](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_text), et n'hésitez pas à rendre le vôtre plus sophistiqué!
 
 ## La vie, comme concept de jeu
 
@@ -25,14 +25,14 @@ Le concept d'avoir une vie dans un jeu n'est qu'un nombre. Dans le contexte d'un
 
 ## Ce qu'il faut construire
 
-Ajoutons les éléments suivants à votre jeu :
+Ajoutons les éléments suivants à votre jeu:
 
-- **Score de jeu** : Pour chaque navire ennemi détruit, le héros devrait recevoir quelques points, nous suggérons 100 points par navire. Le score du jeu devrait être affiché en bas à gauche.
-- **Vie** : Votre navire a trois vies. Vous perdez une vie chaque fois qu'un navire ennemi entre en collision avec vous. Un score de vie devrait être affiché en bas à droite et être composé du graphique suivant [image de vie](solution/assets/life.png).
+- **Score de jeu**: Pour chaque navire ennemi détruit, le héros devrait recevoir quelques points, nous suggérons 100 points par navire. Le score du jeu devrait être affiché en bas à gauche.
+- **Vie**: Votre navire a trois vies. Vous perdez une vie chaque fois qu'un navire ennemi entre en collision avec vous. Un score de vie devrait être affiché en bas à droite et être composé du graphique suivant ![image de vie](../solution/assets/life.png).
 
 ## Étapes recommandées
 
-Localisez les fichiers qui ont été créés pour vous dans le sous-répertoire `your-work`. Il devrait contenir les éléments suivants :
+Localisez les fichiers qui ont été créés pour vous dans le sous-répertoire `your-work`. Il devrait contenir les éléments suivants:
 
 ```bash
 -| assets
@@ -44,7 +44,7 @@ Localisez les fichiers qui ont été créés pour vous dans le sous-répertoire
 -| package.json
 ```
 
-Vous démarrez votre projet dans le dossier `your_work` en tapant :
+Vous démarrez votre projet dans le dossier `your_work` en tapant:
 
 ```bash
 cd your-work
@@ -55,13 +55,13 @@ Ce qui précède va démarrer un serveur HTTP sur l'adresse `http://localhost:50
 
 ### Ajouter du code
 
-1. **Copiez les éléments nécessaires** du dossier `solution/assets/` dans le dossier `your-work` ; vous allez ajouter un élément `life.png`. Ajoutez l'image lifeImg à la fonction window.onload :
+1. **Copiez les éléments nécessaires** du dossier `solution/assets/` dans le dossier `your-work` ; vous allez ajouter un élément `life.png`. Ajoutez l'image lifeImg à la fonction window.onload:
 
     ```javascript
     lifeImg = await loadTexture("assets/life.png");
     ```
 
-1. Ajoutez le `lifeImg` à la liste des éléments :
+1. Ajoutez le `lifeImg` à la liste des éléments:
 
     ```javascript
     let heroImg,
@@ -73,7 +73,7 @@ Ce qui précède va démarrer un serveur HTTP sur l'adresse `http://localhost:50
   
 2. **Ajoutez des variables**. Ajoutez le code qui représente votre score total (0) et les vies restantes (3), affichez ces scores sur un écran.
 
-3. **Étendre la fonction `updateGameObjects()`**. Étendre la fonction `updateGameObjects()` pour gérer les collisions avec les ennemis :
+3. **Étendre la fonction `updateGameObjects()`**. Étendre la fonction `updateGameObjects()` pour gérer les collisions avec les ennemis:
 
     ```javascript
     enemies.forEach(enemy => {
@@ -85,14 +85,14 @@ Ce qui précède va démarrer un serveur HTTP sur l'adresse `http://localhost:50
     ```
 
 4. **Ajouter `life` et `points`**. 
-   1. **Initialiser les variables**. Sous `this.cooldown = 0` dans la classe `Hero` , définissez la vie et les points :
+   1. **Initialiser les variables**. Sous `this.cooldown = 0` dans la classe `Hero` , définissez la vie et les points:
 
         ```javascript
         this.life = 3;
         this.points = 0;
         ```
 
-   1. **Dessinez les variables à l'écran**. Dessinez ces valeurs à l'écran :
+   1. **Dessinez les variables à l'écran**. Dessinez ces valeurs à l'écran:
 
         ```javascript
         function drawLife() {
@@ -126,7 +126,7 @@ Ce qui précède va démarrer un serveur HTTP sur l'adresse `http://localhost:50
         drawLife();
         ```
 
-1. **Mettre en œuvre les règles du jeu**. Mettez en œuvre les règles du jeu suivantes :
+1. **Mettre en œuvre les règles du jeu**. Mettez en œuvre les règles du jeu suivantes:
 
    1. **Pour chaque collision entre héros et ennemis**, retirez une vie.
    
@@ -143,7 +143,7 @@ Ce qui précède va démarrer un serveur HTTP sur l'adresse `http://localhost:50
 
    2. **Pour chaque laser qui touche un ennemi**, augmentez le score du jeu de 100 points.
 
-      Étendez la classe Hero pour faire cet ajout :
+      Étendez la classe Hero pour faire cet ajout:
     
         ```javascript
           incrementPoints() {
@@ -151,7 +151,7 @@ Ce qui précède va démarrer un serveur HTTP sur l'adresse `http://localhost:50
           }
         ```
 
-        Ajoutez ces fonctions à vos émetteurs d'événements de collision :
+        Ajoutez ces fonctions à vos émetteurs d'événements de collision:
 
         ```javascript
         eventEmitter.on(Messages.COLLISION_ENEMY_LASER, (_, { first, second }) => {
@@ -166,15 +166,15 @@ Ce qui précède va démarrer un serveur HTTP sur l'adresse `http://localhost:50
         });
         ```
 
-✅ Faites une petite recherche pour découvrir d'autres jeux créés à l'aide de JavaScript/Canvas. Quels sont leurs points communs ?
+✅ Faites une petite recherche pour découvrir d'autres jeux créés à l'aide de JavaScript/Canvas. Quels sont leurs points communs?
 
-À la fin de ce travail, vous devriez voir les petits vaisseaux de "vie" en bas à droite, les points en bas à gauche, et vous devriez voir votre compte de vie diminuer lorsque vous entrez en collision avec des ennemis et vos points augmenter lorsque vous tirez sur des ennemis. Bien joué ! Votre jeu est presque terminé.
+À la fin de ce travail, vous devriez voir les petits vaisseaux de "vie" en bas à droite, les points en bas à gauche, et vous devriez voir votre compte de vie diminuer lorsque vous entrez en collision avec des ennemis et vos points augmenter lorsque vous tirez sur des ennemis. Bien joué! Votre jeu est presque terminé.
 
 ---
 
 ## 🚀 Challenge
 
-Votre code est presque complet. Pouvez-vous envisager vos prochaines étapes ?
+Votre code est presque complet. Pouvez-vous envisager vos prochaines étapes?
 
 ## Quiz post-lecture
 
@@ -182,7 +182,7 @@ Votre code est presque complet. Pouvez-vous envisager vos prochaines étapes ?
 
 ## Révision et autoformation
 
-Recherchez des moyens d'incrémenter et de décrémenter les scores et les vies. Il existe des moteurs de jeu intéressants comme [PlayFab](https://playfab.com). Comment l'utilisation de l'un d'eux pourrait-elle améliorer votre jeu ?
+Recherchez des moyens d'incrémenter et de décrémenter les scores et les vies. Il existe des moteurs de jeu intéressants comme [PlayFab](https://playfab.com). Comment l'utilisation de l'un d'eux pourrait-elle améliorer votre jeu?
 
 ## Travail à faire
 
diff --git a/6-space-game/5-keeping-score/translations/README.zh-tw.md b/6-space-game/5-keeping-score/translations/README.zh-tw.md
index 67f002ce..0a622088 100644
--- a/6-space-game/5-keeping-score/translations/README.zh-tw.md
+++ b/6-space-game/5-keeping-score/translations/README.zh-tw.md
@@ -17,7 +17,7 @@ ctx.textAlign = "right";
 ctx.fillText("show this on the screen", 0, 0);
 ```
 
-✅ 閱讀更多關於[在畫布上建立文字](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_text)，你可以自由地豐富你的文字！
+✅ 閱讀更多關於[在畫布上建立文字](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_text)，你可以自由地豐富你的文字！
 
 ## 性命，一個遊戲概念
 
diff --git a/6-space-game/6-end-condition/README.md b/6-space-game/6-end-condition/README.md
index d08e270c..e4476f01 100644
--- a/6-space-game/6-end-condition/README.md
+++ b/6-space-game/6-end-condition/README.md
@@ -52,7 +52,7 @@ The above will start a HTTP Server on address `http://localhost:5000`. Open up a
 
 ### Add code
 
-1. **Track end condition**. Add code that keeps track of the number of enemies, or if the hero ship has been destroyedby adding these two functions:
+1. **Track end condition**. Add code that keeps track of the number of enemies, or if the hero ship has been destroyed by adding these two functions:
 
     ```javascript
     function isHeroDead() {
diff --git a/6-space-game/6-end-condition/translations/README.fr.md b/6-space-game/6-end-condition/translations/README.fr.md
index cd729f37..8b85f072 100644
--- a/6-space-game/6-end-condition/translations/README.fr.md
+++ b/6-space-game/6-end-condition/translations/README.fr.md
@@ -1,15 +1,15 @@
-# Construire un jeu de l'espace Partie 6 : Fin et redémarrage
+# Construire un jeu de l'espace Partie 6: Fin et redémarrage
 
 ## Quiz de prélecture
 
 [Quiz de prélecture](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/39?loc=fr)
 
-Il existe différentes façons d'exprimer une "condition de fin" dans un jeu. C'est à vous, en tant que créateur du jeu, de dire pourquoi le jeu est terminé. Voici quelques raisons, si nous supposons que nous parlons du jeu spatial que vous avez construit jusqu'à présent :
+Il existe différentes façons d'exprimer et de terminer une condition dans un jeu. C'est à vous, en tant que créateur du jeu, de dire pourquoi le jeu est terminé. Voici quelques raisons, si nous supposons que nous parlons du jeu spatial que vous avez construit jusqu'à présent:
 
-- **`N`Les navires ennemis ont été détruits** : Si vous divisez un jeu en plusieurs niveaux, il est assez fréquent que vous deviez détruire `N` vaisseaux ennemis pour terminer un niveau.
-- **Votre navire a été détruit** : Il y a certainement des jeux où vous perdez la partie si votre vaisseau est détruit. Une autre approche commune est que vous avez le concept de vies. Chaque fois que votre vaisseau est détruit, une vie est déduite. Une fois que toutes les vies ont été perdues, vous perdez la partie.
-- **Vous avez collecté `N` points** : Une autre condition de fin commune est que vous accumuliez des points. La façon dont vous obtenez des points dépend de vous, mais il est assez courant d'attribuer des points à diverses activités comme la destruction d'un navire ennemi ou la collecte d'objets que les objets *laissent tomber* lorsqu'ils sont détruits.
-- Compléter un niveau** : Cela peut impliquer plusieurs conditions telles que `X` navires ennemis détruits, `Y` points collectés ou peut-être qu'un objet spécifique a été collecté.
+- **`N`Les navires ennemis ont été détruits**: Si vous divisez un jeu en plusieurs niveaux, il est assez fréquent que vous deviez détruire `N` vaisseaux ennemis pour terminer un niveau.
+- **Votre navire a été détruit**: Il y a certainement des jeux où vous perdez la partie si votre vaisseau est détruit. Une autre approche commune est que vous avez le concept de vies. Chaque fois que votre vaisseau est détruit, une vie est déduite. Une fois que toutes les vies ont été perdues, vous perdez la partie.
+- **Vous avez collecté `N` points**: Une autre condition de fin commune est que vous accumuliez des points. La façon dont vous obtenez des points dépend de vous, mais il est assez courant d'attribuer des points à diverses activités comme la destruction d'un navire ennemi ou la collecte d'objets que les objets *laissent tomber* lorsqu'ils sont détruits.
+- **Compléter un niveau**: Cela peut impliquer plusieurs conditions telles que `X` navires ennemis détruits, `Y` points collectés ou peut-être qu'un objet spécifique a été collecté.
 
 
 ## Redémarrage
@@ -20,14 +20,14 @@ Si les gens apprécient votre jeu, ils auront probablement envie d'y rejouer. Lo
 
 ## Ce qu'il faut construire
 
-Vous allez ajouter ces règles à votre jeu :
+Vous allez ajouter ces règles à votre jeu:
 
 1. **Gagner la partie**. Une fois que tous les navires ennemis ont été détruits, vous gagnez la partie. Affichez en outre une sorte de message de victoire.
-1. **Démarrer**. Une fois que toutes les vies sont perdues ou que la partie est gagnée, vous devez proposer un moyen de redémarrer la partie. N'oubliez pas ! Vous devrez réinitialiser le jeu et l'état précédent du jeu devra être effacé.
+1. **Démarrer**. Une fois que toutes les vies sont perdues ou que la partie est gagnée, vous devez proposer un moyen de redémarrer la partie. N'oubliez pas! Vous devrez réinitialiser le jeu et l'état précédent du jeu devra être effacé.
 
 ## Mesures recommandées
 
-Localisez les fichiers qui ont été créés pour vous dans le sous-répertoire `your-work`. Il devrait contenir les éléments suivants :
+Localisez les fichiers qui ont été créés pour vous dans le sous-répertoire `your-work`. Il devrait contenir les éléments suivants:
 
 ```bash
 -| assets
@@ -40,7 +40,7 @@ Localisez les fichiers qui ont été créés pour vous dans le sous-répertoire
 -| package.json
 ```
 
-Vous démarrez votre projet dans le dossier `your_work` en tapant :
+Vous démarrez votre projet dans le dossier `your_work` en tapant:
 
 ```bash
 cd your-work
@@ -49,11 +49,11 @@ npm start
 
 Ce qui précède va démarrer un serveur HTTP sur l'adresse `http://localhost:5000`. Ouvrez un navigateur et entrez cette adresse. Votre jeu devrait être dans un état jouable.
 
-> astuce : pour éviter les avertissements dans Visual Studio Code, modifiez la fonction `window.onload` pour appeler `gameLoopId` tel quel (sans `let`), et déclarez le gameLoopId en haut du fichier, indépendamment : `let gameLoopId;`
+> astuce: pour éviter les avertissements dans Visual Studio Code, modifiez la fonction `window.onload` pour appeler `gameLoopId` tel quel (sans `let`), et déclarez le gameLoopId en haut du fichier, indépendamment: `let gameLoopId;`
 
 ### Ajouter du code
 
-1. **Condition de fin de parcours**. Ajoutez du code qui garde la trace du nombre d'ennemis, ou si le vaisseau du héros a été détruit en ajoutant ces deux fonctions :
+1. **Condition de fin de parcours**. Ajoutez du code qui garde la trace du nombre d'ennemis, ou si le vaisseau du héros a été détruit en ajoutant ces deux fonctions:
 
     ```javascript
     function isHeroDead() {
@@ -66,7 +66,7 @@ Ce qui précède va démarrer un serveur HTTP sur l'adresse `http://localhost:50
     }
     ```
 
-1. **Ajouter de la logique aux gestionnaires de messages**. Modifiez le `eventEmitter` pour gérer ces conditions :
+1. **Ajouter de la logique aux gestionnaires de messages**. Modifiez le `eventEmitter` pour gérer ces conditions:
 
     ```javascript
     eventEmitter.on(Messages.COLLISION_ENEMY_LASER, (_, { first, second }) => {
@@ -100,7 +100,7 @@ Ce qui précède va démarrer un serveur HTTP sur l'adresse `http://localhost:50
     });
     ```
 
-1. **Ajouter de nouveaux types de messages**. Ajoutez ces messages à l'objet constantes :
+1. **Ajouter de nouveaux types de messages**. Ajoutez ces messages à l'objet constants:
 
     ```javascript
     GAME_END_LOSS: "GAME_END_LOSS",
@@ -109,7 +109,7 @@ Ce qui précède va démarrer un serveur HTTP sur l'adresse `http://localhost:50
 
 1. **Ajouter le code de redémarrage** code qui redémarre le jeu à la pression d'un bouton sélectionné.
 
-   1. **Écouter la touche pressée `Enter`**. Modifiez l'eventListener de votre fenêtre pour écouter cette pression :
+   1. **Écouter la touche pressée `Enter`**. Modifiez l'eventListener de votre fenêtre pour écouter cette pression:
 
     ```javascript
      else if(evt.key === "Enter") {
@@ -117,17 +117,17 @@ Ce qui précède va démarrer un serveur HTTP sur l'adresse `http://localhost:50
       }
     ```
 
-   1. **Ajouter un message de redémarrage**. Ajoutez ce message à votre constante de messages :
+   1. **Ajouter un message de redémarrage**. Ajoutez ce message à votre constante Messages:
 
         ```javascript
         KEY_EVENT_ENTER: "KEY_EVENT_ENTER",
         ```
 
-1. **Mettre en œuvre les règles du jeu**.  Mettez en œuvre les règles du jeu suivantes :
+1. **Mettre en œuvre les règles du jeu**.  Mettez en œuvre les règles du jeu suivantes:
 
    1. **Condition de victoire du joueur**. Lorsque tous les navires ennemis sont détruits, affichez un message de victoire.
 
-      1. Tout d'abord, créez une fonction `displayMessage()` :
+      1. Tout d'abord, créez une fonction `displayMessage()`:
 
         ```javascript
         function displayMessage(message, color = "red") {
@@ -138,7 +138,7 @@ Ce qui précède va démarrer un serveur HTTP sur l'adresse `http://localhost:50
         }
         ```
 
-      1. Créez une fonction `endGame()` :
+      1. Créez une fonction `endGame()`:
 
         ```javascript
         function endGame(win) {
@@ -165,7 +165,7 @@ Ce qui précède va démarrer un serveur HTTP sur l'adresse `http://localhost:50
 
    1. **Logique de redémarrage**. Lorsque toutes les vies sont perdues ou que le joueur a gagné la partie, affichez que le jeu peut être redémarré. En outre, redémarrez le jeu lorsque la touche *redémarrage* est enfoncée (vous pouvez décider quelle touche doit être affectée au redémarrage).
 
-      1. Créez la fonction `resetGame()` :
+      1. Créez la fonction `resetGame()`:
 
         ```javascript
         function resetGame() {
@@ -202,13 +202,13 @@ Ce qui précède va démarrer un serveur HTTP sur l'adresse `http://localhost:50
         }
         ```
 
-👽 💥 🚀 Félicitations, capitaine ! Ton jeu est terminé ! Bien joué ! 🚀 💥 👽
+👽 💥 🚀 Félicitations, capitaine! Ton jeu est terminé! Bien joué! 🚀 💥 👽
 
 ---
 
 ## 🚀 Défi
 
-Ajoutez un son ! Pouvez-vous ajouter un son pour améliorer votre jeu, par exemple lorsqu'un laser est touché, ou lorsque le héros meurt ou gagne ? Jetez un coup d'œil à ce [bac à sable](https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_audio_play) pour apprendre à jouer un son en utilisant JavaScript.
+Ajoutez un son! Pouvez-vous ajouter un son pour améliorer votre jeu, par exemple lorsqu'un laser est touché, ou lorsque le héros meurt ou gagne? Jetez un coup d'œil à ce [bac à sable](https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_audio_play) pour apprendre à jouer un son en utilisant JavaScript.
 
 ## Quiz post-lecture
 
diff --git a/6-space-game/translations/README.ta.md b/6-space-game/translations/README.ta.md
new file mode 100644
index 00000000..d482edf1
--- /dev/null
+++ b/6-space-game/translations/README.ta.md
@@ -0,0 +1,31 @@
+#  விண்வெளி விளையாட்டை உருவாக்கு
+
+மேலும் மேம்பட்ட ஜாவாஸ்கிரிப்ட் அடிப்படைகளை கற்பிக்க ஒரு விண்வெளி விளையாட்டு
+
+இந்த பாடத்தில் உங்கள் சொந்த விண்வெளி விளையாட்டை எவ்வாறு உருவாக்குவது என்பதை நீங்கள் கற்றுக்கொள்ளலாம். நீங்கள் எப்போதாவது "விண்வெளி படையெடுப்பாளர்கள்" விளையாட்டை விளையாடியிருந்தால், இந்த விளையாட்டு அதே யோசனையைக் கொண்டுள்ளது: மேலே இருந்து கீழே வரும் அரக்கர்கள் மீது ஒரு விண்கலம் மற்றும் தீ. இங்கே முடிக்கப்பட்ட விளையாட்டு எப்படி இருக்கும்:
+
+![Finished game](../images/pewpew.gif)
+
+இந்த ஆறு பாடங்களில் நீங்கள் பின்வருவனவற்றைக் கற்றுக்கொள்ளலாம்:
+
+- **தொடர்பு** ஒரு திரையில் விஷயங்களை வரைய கேன்வாஸ் உறுப்பு 
+- **புரிந்து** கார்ட்டீசியன் ஒருங்கிணைப்பு அமைப்பு
+- **கற்றுக்கொள்ளுங்கள்** பராமரிக்க மற்றும் நீட்டிக்க எளிதான ஒலி விளையாட்டு கட்டிடக்கலை உருவாக்க பப்-துணை முறை
+- **நெம்புகோலியக்கம்** ஒத்திசைவு / விளையாட்டு வளங்களை ஏற்ற காத்திருக்கிறது
+- **கையாள** விசைப்பலகை நிகழ்வுகள்
+
+## கண்ணோட்டம்
+
+- புனைவி
+   - [ஜாவாஸ்கிரிப்ட் மூலம் விளையாட்டுகளை உருவாக்குவதற்கான அறிமுகம்](../1-introduction/README.md)
+- Practice
+   - [கேன்வாஸ் வரைதல்](../2-drawing-to-canvas/README.md)
+   - [திரையைச் சுற்றி நகரும் கூறுகள்](../3-moving-elements-around/README.md)
+   - [மோதல் கண்டறிதல்](../4-collision-detection/README.md)
+   - [மதிப்பெண் வைத்து](../5-keeping-score/README.md)
+   - [விளையாட்டை முடித்து மறுதொடக்கம் செய்தல்](../6-end-condition/README.md)
+
+## கடன்கள்
+
+இதற்கு பயன்படுத்தப்பட்ட சொத்துக்கள் https://www.kenney.nl/. 
+நீங்கள் விளையாட்டுகளை உருவாக்குகிறீர்கள் என்றால், இவை சில தீவிரமான நல்ல சொத்துக்கள், நிறைய இலவசம் மற்றும் சில பணம் செலுத்தப்படுகின்றன. 
diff --git a/7-bank-project/1-template-route/README.md b/7-bank-project/1-template-route/README.md
index ac413312..7ce2517d 100644
--- a/7-bank-project/1-template-route/README.md
+++ b/7-bank-project/1-template-route/README.md
@@ -41,7 +41,7 @@ If you want to create multiples screens for a web page, one solution would be to
 - You have to reload the entire HTML when switching screen, which can be slow.
 - It's difficult to share data between the different screens.
 
-Another approach is have only one HTML file, and define multiple [HTML templates](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template) using the `<template>` element. A template is a reusable HTML block that is not displayed by the browser, and needs to be instantiated at runtime using JavaScript.
+Another approach is have only one HTML file, and define multiple [HTML templates](https://developer.mozilla.org/docs/Web/HTML/Element/template) using the `<template>` element. A template is a reusable HTML block that is not displayed by the browser, and needs to be instantiated at runtime using JavaScript.
 
 ### Task
 
@@ -107,9 +107,9 @@ If you try your current HTML file in a browser, you'll see that it get stuck dis
 
 Instantiating a template is usually done in 3 steps:
 
-1. Retrieve the template element in the DOM, for example using [`document.getElementById`](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById).
-2. Clone the template element, using [`cloneNode`](https://developer.mozilla.org/en-US/docs/Web/API/Node/cloneNode).
-3. Attach it to the DOM under a visible element, for example using [`appendChild`](https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild).
+1. Retrieve the template element in the DOM, for example using [`document.getElementById`](https://developer.mozilla.org/docs/Web/API/Document/getElementById).
+2. Clone the template element, using [`cloneNode`](https://developer.mozilla.org/docs/Web/API/Node/cloneNode).
+3. Attach it to the DOM under a visible element, for example using [`appendChild`](https://developer.mozilla.org/docs/Web/API/Node/appendChild).
 
 ✅ Why do we need to clone the template before attaching it to the DOM? What do you think would happen if we skipped this step?
 
@@ -174,7 +174,7 @@ const routes = {
 };
 ```
 
-Now let's modify a bit the `updateRoute` function. Instead of passing directly the `templateId` as an argument, we want to retrieve it by first looking at the current URL, and then use our map to get the corresponding template ID value. We can use [`window.location.pathname`](https://developer.mozilla.org/en-US/docs/Web/API/Location/pathname) to get only the path section from the URL.
+Now let's modify a bit the `updateRoute` function. Instead of passing directly the `templateId` as an argument, we want to retrieve it by first looking at the current URL, and then use our map to get the corresponding template ID value. We can use [`window.location.pathname`](https://developer.mozilla.org/docs/Web/API/Location/pathname) to get only the path section from the URL.
 
 ```js
 function updateRoute() {
@@ -202,9 +202,9 @@ The next step for our app is to add the possibility to navigate between pages wi
 
 We already took care of the second part with the `updateRoute` function, so we have to figure out how to update the current URL.
 
-We'll have to use JavaScript and more specifically the [`history.pushState`](https://developer.mozilla.org/en-US/docs/Web/API/History/pushState) that allows to update the URL and create a new entry in the browsing history, without reloading the HTML.
+We'll have to use JavaScript and more specifically the [`history.pushState`](https://developer.mozilla.org/docs/Web/API/History/pushState) that allows to update the URL and create a new entry in the browsing history, without reloading the HTML.
 
-> Note: While the HTML anchor element [`<a href>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) can be used on its own to create hyperlinks to different URLs, it will make the browser reload the HTML by default. It is necessary to prevent this behavior when handling routing with custom javascript, using the preventDefault() function on the click event.
+> Note: While the HTML anchor element [`<a href>`](https://developer.mozilla.org/docs/Web/HTML/Element/a) can be used on its own to create hyperlinks to different URLs, it will make the browser reload the HTML by default. It is necessary to prevent this behavior when handling routing with custom javascript, using the preventDefault() function on the click event.
 
 ### Task
 
@@ -254,7 +254,7 @@ Let's complete the navigation system by adding bindings to our *Login* and *Logo
 
 The `event` object above, captures the `click` event and passes it to our `onLinkClick` function.
 
-Using the [`onclick`](https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick) attribute bind the `click` event to JavaScript code, here the call to the `navigate()` function.
+Using the [`onclick`](https://developer.mozilla.org/docs/Web/API/GlobalEventHandlers/onclick) attribute bind the `click` event to JavaScript code, here the call to the `navigate()` function.
 
 Try clicking on these links, you should be now able to navigate between the different screens of your app.
 
@@ -268,7 +268,7 @@ Using the `history.pushState` creates new entries in the browser's navigation hi
 
 If you try clicking on the back button a few times, you'll see that the current URL changes and the history is updated, but the same template keeps being displayed.
 
-That's because the application does not know that we need to call `updateRoute()` every time the history changes. If you take a look at the [`history.pushState` documentation](https://developer.mozilla.org/en-US/docs/Web/API/History/pushState), you can see that if the state changes - meaning that we moved to a different URL - the [`popstate`](https://developer.mozilla.org/en-US/docs/Web/API/Window/popstate_event) event is triggered. We'll use that to fix that issue.
+That's because the application does not know that we need to call `updateRoute()` every time the history changes. If you take a look at the [`history.pushState` documentation](https://developer.mozilla.org/docs/Web/API/History/pushState), you can see that if the state changes - meaning that we moved to a different URL - the [`popstate`](https://developer.mozilla.org/docs/Web/API/Window/popstate_event) event is triggered. We'll use that to fix that issue.
 
 ### Task
 
@@ -279,7 +279,7 @@ window.onpopstate = () => updateRoute();
 updateRoute();
 ```
 
-> Note: we used an [arrow function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions) here to declare our `popstate` event handler for conciseness, but a regular function would work the same.
+> Note: we used an [arrow function](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Functions/Arrow_functions) here to declare our `popstate` event handler for conciseness, but a regular function would work the same.
 
 Here's a refresher video on arrow functions:
 
@@ -301,7 +301,7 @@ Add a new template and route for a third page that shows the credits for this ap
 
 ## Review & Self Study
 
-Routing is one of the surprisingly tricky parts of web development, especially as the web moves from page refresh behaviors to Single Page Application page refreshes. Read a little about [how the Azure Static Web App service](https://docs.microsoft.com/en-us/azure/static-web-apps/routes?WT.mc_id=academic-13441-cxa) handles routing. Can you explain why some of the decisions described on that document are necessary?
+Routing is one of the surprisingly tricky parts of web development, especially as the web moves from page refresh behaviors to Single Page Application page refreshes. Read a little about [how the Azure Static Web App service](https://docs.microsoft.com/azure/static-web-apps/routes?WT.mc_id=academic-13441-cxa) handles routing. Can you explain why some of the decisions described on that document are necessary?
 
 ## Assignment
 
diff --git a/7-bank-project/1-template-route/translations/README.es.md b/7-bank-project/1-template-route/translations/README.es.md
index 508d2cac..2ec0050d 100644
--- a/7-bank-project/1-template-route/translations/README.es.md
+++ b/7-bank-project/1-template-route/translations/README.es.md
@@ -251,7 +251,7 @@ Intente hacer clic en estos botones, ahora debería poder navegar entre las dife
 
 El uso de `history.pushState` crea nuevas entradas en el historial de navegación del navegador. Puede verificar que manteniendo presionado el *botón de retroceso* de su navegador, debería mostrar algo como esto:
 
-![Captura de pantalla del historial de navegación](./history.png)
+![Captura de pantalla del historial de navegación](../history.png)
 
 Si intenta hacer clic en el botón Atrás varias veces, verá que la URL actual cambia y el historial se actualiza, pero se sigue mostrando la misma plantilla.
 
@@ -269,6 +269,10 @@ updateRoute();
 
 > Nota: utilizamos una [función de flecha](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Functions/Arrow_functions) aquí para declarar nuestro controlador de eventos `popstate` por concisión, pero un la función regular funcionaría igual.
 
+
+[![Arrow Functions](https://img.youtube.com/vi/JiXY9wlqUxQ/0.jpg)](https://youtube.com/watch?v=JiXY9wlqUxQ "Arrow Functions")
+
+
 Ahora intente utilizar los botones de avance y retroceso de sus navegadores y compruebe que esta vez lo que se muestra está actualizado correctamente.
 
 ---
diff --git a/7-bank-project/1-template-route/translations/README.fr.md b/7-bank-project/1-template-route/translations/README.fr.md
index c7734cbf..94b9dfd3 100644
--- a/7-bank-project/1-template-route/translations/README.fr.md
+++ b/7-bank-project/1-template-route/translations/README.fr.md
@@ -41,7 +41,7 @@ Si vous souhaitez créer plusieurs écrans pour une page Web, une solution serai
 - Vous devez recharger l'intégralité du code HTML lors du changement d'écran, ce qui peut être lent.
 - Il est difficile de partager des données entre les différents écrans.
 
-Une autre approche consiste à n'avoir qu'un seul fichier HTML et à définir plusieurs [modèles HTML](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template) à l'aide de l'élément `<template>`. Un modèle est un bloc HTML réutilisable qui n'est pas affiché par le navigateur et doit être instancié lors de l'exécution à l'aide de JavaScript.
+Une autre approche consiste à n'avoir qu'un seul fichier HTML et à définir plusieurs [modèles HTML](https://developer.mozilla.org/docs/Web/HTML/Element/template) à l'aide de l'élément `<template>`. Un modèle est un bloc HTML réutilisable qui n'est pas affiché par le navigateur et doit être instancié lors de l'exécution à l'aide de JavaScript.
 
 ### Tâche
 
@@ -107,9 +107,9 @@ Si vous essayez votre fichier HTML actuel dans un navigateur, vous verrez qu'il
 
 L'instanciation d'un modèle se fait généralement en 3 étapes :
 
-1. Récupérez l'élément du modèle dans le DOM, par exemple en utilisant [`document.getElementById`](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById).
-2. Clonez l'élément de modèle à l'aide de [`cloneNode`](https://developer.mozilla.org/en-US/docs/Web/API/Node/cloneNode).
-3. Attachez-le au DOM sous un élément visible, par exemple en utilisant [`appendChild`](https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild).
+1. Récupérez l'élément du modèle dans le DOM, par exemple en utilisant [`document.getElementById`](https://developer.mozilla.org/docs/Web/API/Document/getElementById).
+2. Clonez l'élément de modèle à l'aide de [`cloneNode`](https://developer.mozilla.org/docs/Web/API/Node/cloneNode).
+3. Attachez-le au DOM sous un élément visible, par exemple en utilisant [`appendChild`](https://developer.mozilla.org/docs/Web/API/Node/appendChild).
 
 ✅ Pourquoi avons-nous besoin de cloner le modèle avant de l'attacher au DOM ? Que pensez-vous qu'il se passerait si nous sautions cette étape?
 
@@ -174,7 +174,7 @@ const routes = {
 };
 ```
 
-Modifions maintenant un peu la fonction `updateRoute`. Au lieu de passer directement le `templateId` comme argument, nous voulons le récupérer en regardant d'abord l'URL actuelle, puis en utilisant notre carte pour obtenir la valeur d'ID de modèle correspondante. Nous pouvons utiliser [`window.location.pathname`](https://developer.mozilla.org/en-US/docs/Web/API/Location/pathname) pour obtenir uniquement la section du chemin de l'URL.
+Modifions maintenant un peu la fonction `updateRoute`. Au lieu de passer directement le `templateId` comme argument, nous voulons le récupérer en regardant d'abord l'URL actuelle, puis en utilisant notre carte pour obtenir la valeur d'ID de modèle correspondante. Nous pouvons utiliser [`window.location.pathname`](https://developer.mozilla.org/docs/Web/API/Location/pathname) pour obtenir uniquement la section du chemin de l'URL.
 
 ```js
 function updateRoute() {
@@ -202,9 +202,9 @@ La prochaine étape pour notre application consiste à ajouter la possibilité d
 
 Nous nous sommes déjà occupés de la deuxième partie avec la fonction `updateRoute`, nous devons donc trouver comment mettre à jour l'URL actuelle.
 
-Il va falloir utiliser JavaScript et plus précisément le [`history.pushState`](https://developer.mozilla.org/en-US/docs/Web/API/History/pushState) qui permet de mettre à jour l'URL et créer une nouvelle entrée dans l'historique de navigation, sans recharger le code HTML.
+Il va falloir utiliser JavaScript et plus précisément le [`history.pushState`](https://developer.mozilla.org/docs/Web/API/History/pushState) qui permet de mettre à jour l'URL et créer une nouvelle entrée dans l'historique de navigation, sans recharger le code HTML.
 
-> Remarque : Bien que l'élément d'ancrage HTML [`<a href>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) puisse être utilisé seul pour créer des liens hypertexte à des URL différentes, il fera le navigateur recharger le HTML par défaut. Il est nécessaire d'empêcher ce comportement lors de la gestion du routage avec un javascript personnalisé, en utilisant la fonction preventDefault() sur l'événement click.
+> Remarque : Bien que l'élément d'ancrage HTML [`<a href>`](https://developer.mozilla.org/docs/Web/HTML/Element/a) puisse être utilisé seul pour créer des liens hypertexte à des URL différentes, il fera le navigateur recharger le HTML par défaut. Il est nécessaire d'empêcher ce comportement lors de la gestion du routage avec un javascript personnalisé, en utilisant la fonction preventDefault() sur l'événement click.
 
 ### Tâche
 
@@ -254,7 +254,7 @@ Complétons le système de navigation en ajoutant des liens à nos liens *Login*
 
 L'objet `event` ci-dessus capture l'événement `click` et le transmet à notre fonction `onLinkClick`.
 
-Utiliser l'attribut [`onclick`](https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick) lie l'événement `click` au code JavaScript, dans ce cas via l'appel à la fonction `navigate ()`.
+Utiliser l'attribut [`onclick`](https://developer.mozilla.org/docs/Web/API/GlobalEventHandlers/onclick) lie l'événement `click` au code JavaScript, dans ce cas via l'appel à la fonction `navigate ()`.
 
 Essayez de cliquer sur ces liens, vous devriez maintenant pouvoir naviguer entre les différents écrans de votre application.
 
@@ -268,7 +268,7 @@ L'utilisation de `history.pushState` crée de nouvelles entrées dans l'historiq
 
 Si vous essayez de cliquer plusieurs fois sur le bouton Précédent, vous verrez que l'URL actuelle change et que l'historique est mis à jour, mais le même modèle reste affiché.
 
-C'est parce que l'application ne sait pas que nous devons appeler `updateRoute()` chaque fois que l'historique change. Si vous jetez un oeil à [ `la documentation de history.pushState`](https://developer.mozilla.org/en-US/docs/Web/API/History/pushState), vous pouvez voir que si l'état change - c'est que nous sommes passés à une URL différente - l'événement [ `popstate`](https://developer.mozilla.org/en-US/docs/Web/API/Window/popstate_event) est déclenché. Nous allons l'utiliser pour résoudre ce problème.
+C'est parce que l'application ne sait pas que nous devons appeler `updateRoute()` chaque fois que l'historique change. Si vous jetez un oeil à [ `la documentation de history.pushState`](https://developer.mozilla.org/docs/Web/API/History/pushState), vous pouvez voir que si l'état change - c'est que nous sommes passés à une URL différente - l'événement [ `popstate`](https://developer.mozilla.org/docs/Web/API/Window/popstate_event) est déclenché. Nous allons l'utiliser pour résoudre ce problème.
 
 ### Tâche
 
@@ -279,7 +279,7 @@ window.onpopstate = () => updateRoute();
 updateRoute();
 ```
 
-> Remarque : nous avons utilisé une [fonction fléchée](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions) ici pour déclarer notre gestionnaire d'événements `popstate` pour plus de concision, mais un la fonction normale fonctionnerait de la même manière.
+> Remarque : nous avons utilisé une [fonction fléchée](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Functions/Arrow_functions) ici pour déclarer notre gestionnaire d'événements `popstate` pour plus de concision, mais un la fonction normale fonctionnerait de la même manière.
 
 Voici une vidéo de rappel sur les fonctions fléchées :
 
@@ -302,7 +302,7 @@ Ajoutez un nouveau modèle et une route pour une troisième page qui affiche les
 
 ## Révision et étude personnelle
 
-Le routage est l'une des parties étonnamment délicates du développement Web, d'autant plus que le Web passe des comportements d'actualisation des pages aux actualisations des pages d'application à page unique. En savoir plus sur [comment le service Azure Static Web App](https://docs.microsoft.com/en-us/azure/static-web-apps/routes?WT.mc_id=academic-13441-cxa) gère le routage . Pouvez-vous expliquer pourquoi certaines des décisions décrites dans ce document sont nécessaires?
+Le routage est l'une des parties étonnamment délicates du développement Web, d'autant plus que le Web passe des comportements d'actualisation des pages aux actualisations des pages d'application à page unique. En savoir plus sur [comment le service Azure Static Web App](https://docs.microsoft.com/azure/static-web-apps/routes?WT.mc_id=academic-13441-cxa) gère le routage . Pouvez-vous expliquer pourquoi certaines des décisions décrites dans ce document sont nécessaires?
 
 ## Affectation
 
diff --git a/7-bank-project/1-template-route/translations/README.hi.md b/7-bank-project/1-template-route/translations/README.hi.md
index d857d9a1..30ac9cb2 100644
--- a/7-bank-project/1-template-route/translations/README.hi.md
+++ b/7-bank-project/1-template-route/translations/README.hi.md
@@ -41,7 +41,7 @@
 - आपको स्क्रीन स्विच करते समय पूरे HTML को फिर से लोड करना होगा, जो धीमा हो सकता है।
 - विभिन्न स्क्रीन के बीच डेटा साझा करना मुश्किल है।
 
-एक अन्य दृष्टिकोण में केवल एक HTML फ़ाइल है, और `<template>` तत्व का उपयोग करके कई [HTML टेम्पलेट्स](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template) को परिभाषित करें। एक टेम्पलेट एक पुन: प्रयोज्य HTML ब्लॉक है जो ब्राउज़र द्वारा प्रदर्शित नहीं किया जाता है, और जावास्क्रिप्ट का उपयोग करके रनटाइम पर तत्काल किया जाना चाहिए।
+एक अन्य दृष्टिकोण में केवल एक HTML फ़ाइल है, और `<template>` तत्व का उपयोग करके कई [HTML टेम्पलेट्स](https://developer.mozilla.org/docs/Web/HTML/Element/template) को परिभाषित करें। एक टेम्पलेट एक पुन: प्रयोज्य HTML ब्लॉक है जो ब्राउज़र द्वारा प्रदर्शित नहीं किया जाता है, और जावास्क्रिप्ट का उपयोग करके रनटाइम पर तत्काल किया जाना चाहिए।
 
 ### टास्क
 
@@ -106,9 +106,9 @@
 यदि आप अपनी वर्तमान HTML फ़ाइल को किसी ब्राउज़र में आज़माते हैं, तो आप देखेंगे कि यह `Loading...` को प्रदर्शित करता है। ऐसा इसलिए है क्योंकि हमें HTML टेम्प्लेट को इंस्टेंट करने और प्रदर्शित करने के लिए कुछ जावास्क्रिप्ट कोड जोड़ना होगा।
 
 एक टेम्पलेट को तत्काल बनाना आमतौर पर 3 चरणों में किया जाता है:
- 1. DOM में टेम्पलेट तत्व को पुनः प्राप्त करें, उदाहरण के लिए [`document.getElementById`](https://developer.mozilla.org/en-US/docs/Web/API/Document/getEgetById) का उपयोग करके।
-2. टेम्पलेट तत्व को क्लोन करें, [`cloneNode`](https://developer.mozilla.org/en-US/docs/Web/API/Node/cloneNode) का उपयोग करके।
-3. इसे एक दृश्य तत्व के तहत DOM में संलग्न करें, उदाहरण के लिए [`appendChild`](https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild) का उपयोग करके।
+ 1. DOM में टेम्पलेट तत्व को पुनः प्राप्त करें, उदाहरण के लिए [`document.getElementById`](https://developer.mozilla.org/docs/Web/API/Document/getEgetById) का उपयोग करके।
+2. टेम्पलेट तत्व को क्लोन करें, [`cloneNode`](https://developer.mozilla.org/docs/Web/API/Node/cloneNode) का उपयोग करके।
+3. इसे एक दृश्य तत्व के तहत DOM में संलग्न करें, उदाहरण के लिए [`appendChild`](https://developer.mozilla.org/docs/Web/API/Node/appendChild) का उपयोग करके।
 
 ✅ DOM को संलग्न करने से पहले हमें टेम्प्लेट को क्लोन करने की आवश्यकता क्यों है? आपको क्या लगता है कि अगर हम इस कदम को छोड़ देते तो क्या होता?
 
@@ -173,7 +173,7 @@ const routes = {
 };
 ```
 
-अब चलो `updateRoute` फ़ंक्शन को थोड़ा संशोधित करते हैं। एक तर्क के रूप में सीधे `templateId` पास करने के बजाय, हम पहले वर्तमान URL को देखकर इसे पुनः प्राप्त करना चाहते हैं, और फिर संबंधित टेम्पलेट आईडी मान प्राप्त करने के लिए हमारे मानचित्र का उपयोग करते हैं। URL से केवल पथ अनुभाग प्राप्त करने के लिए हम [`window.location.pathname`](https://developer.mozilla.org/en-US/docs/Web/API/Location/pathname) का उपयोग कर सकते हैं।
+अब चलो `updateRoute` फ़ंक्शन को थोड़ा संशोधित करते हैं। एक तर्क के रूप में सीधे `templateId` पास करने के बजाय, हम पहले वर्तमान URL को देखकर इसे पुनः प्राप्त करना चाहते हैं, और फिर संबंधित टेम्पलेट आईडी मान प्राप्त करने के लिए हमारे मानचित्र का उपयोग करते हैं। URL से केवल पथ अनुभाग प्राप्त करने के लिए हम [`window.location.pathname`](https://developer.mozilla.org/docs/Web/API/Location/pathname) का उपयोग कर सकते हैं।
 
 ```js
 function updateRoute() {
@@ -201,9 +201,9 @@ function updateRoute() {
 
 हमने पहले ही `updateRoute` फ़ंक्शन के साथ दूसरे भाग का ध्यान रखा, इसलिए हमें यह पता लगाना होगा कि वर्तमान URL को कैसे अपडेट किया जाए।
 
-हमें जावास्क्रिप्ट और अधिक विशेष रूप से [`history.pushState`](https://developer.mozilla.org/en-US/docs/Web/API/History/pushState) का उपयोग करना होगा जो URL को अपडेट करने की अनुमति देता है HTML को पुनः लोड किए बिना, ब्राउज़िंग इतिहास में एक नई प्रविष्टि बनाएँ।
+हमें जावास्क्रिप्ट और अधिक विशेष रूप से [`history.pushState`](https://developer.mozilla.org/docs/Web/API/History/pushState) का उपयोग करना होगा जो URL को अपडेट करने की अनुमति देता है HTML को पुनः लोड किए बिना, ब्राउज़िंग इतिहास में एक नई प्रविष्टि बनाएँ।
 
-> नोट: जबकि HTML एंकर तत्व [`<a href>`] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) का उपयोग हाइपरलिंक बनाने के लिए स्वयं किया जा सकता है विभिन्न यूआरएल, यह ब्राउज़र को डिफ़ॉल्ट रूप से HTML को फिर से लोड करेगा। क्लिक करें घटना पर preventDefault() फ़ंक्शन का उपयोग करके कस्टम जावास्क्रिप्ट के साथ रूटिंग को हैंडल करते समय इस व्यवहार को रोकना आवश्यक है।
+> नोट: जबकि HTML एंकर तत्व [`<a href>`] (https://developer.mozilla.org/docs/Web/HTML/Element/a) का उपयोग हाइपरलिंक बनाने के लिए स्वयं किया जा सकता है विभिन्न यूआरएल, यह ब्राउज़र को डिफ़ॉल्ट रूप से HTML को फिर से लोड करेगा। क्लिक करें घटना पर preventDefault() फ़ंक्शन का उपयोग करके कस्टम जावास्क्रिप्ट के साथ रूटिंग को हैंडल करते समय इस व्यवहार को रोकना आवश्यक है।
 
 ### टास्क
 
@@ -250,7 +250,7 @@ HTML में हमारे *लॉगिन* और *लॉगआउट* ल
 <a href="/login" onclick="onLinkClick(event)">Logout</a>
 ```
 
-[`onclick`](https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick) विशेषता का उपयोग करके जावास्क्रिप्ट कोड पर `click` ईवेंट को बांधें, यहाँ `navigate()` फ़ंक्शन पर कॉल करें।
+[`onclick`](https://developer.mozilla.org/docs/Web/API/GlobalEventHandlers/onclick) विशेषता का उपयोग करके जावास्क्रिप्ट कोड पर `click` ईवेंट को बांधें, यहाँ `navigate()` फ़ंक्शन पर कॉल करें।
 
 इन लिंक पर क्लिक करने का प्रयास करें, अब आपको अपने ऐप के विभिन्न स्क्रीन के बीच नेविगेट करने में सक्षम होना चाहिए।
 
@@ -264,7 +264,7 @@ HTML में हमारे *लॉगिन* और *लॉगआउट* ल
 
 यदि आप कुछ बार बैक बटन पर क्लिक करने का प्रयास करते हैं, तो आप देखेंगे कि वर्तमान URL बदल जाता है और इतिहास अपडेट हो जाता है, लेकिन वही टेम्पलेट प्रदर्शित होता रहता है।
 
-ऐसा इसलिए है क्योंकि हमें नहीं पता है कि इतिहास बदलने के लिए हमें हर बार `updateRoute()` को कॉल करना होगा। यदि आप [`history.pushState` दस्तावेज़ीकरण](https://developer.mozilla.org/en-US/docs/Web/API/History/pushState) पर एक नज़र डालते हैं, तो आप देख सकते हैं कि यदि राज्य बदलता है - इसका अर्थ है कि हम एक अलग URL पर चले गए - [`popstate`] (https://developer.mozilla.org/en-US/docs/Web/API/Window/popstate_event) इवेंट ट्रिगर है। हम उस समस्या को ठीक करने के लिए इसका उपयोग करेंगे।
+ऐसा इसलिए है क्योंकि हमें नहीं पता है कि इतिहास बदलने के लिए हमें हर बार `updateRoute()` को कॉल करना होगा। यदि आप [`history.pushState` दस्तावेज़ीकरण](https://developer.mozilla.org/docs/Web/API/History/pushState) पर एक नज़र डालते हैं, तो आप देख सकते हैं कि यदि राज्य बदलता है - इसका अर्थ है कि हम एक अलग URL पर चले गए - [`popstate`] (https://developer.mozilla.org/docs/Web/API/Window/popstate_event) इवेंट ट्रिगर है। हम उस समस्या को ठीक करने के लिए इसका उपयोग करेंगे।
 
 ### टास्क
 
@@ -275,7 +275,7 @@ window.onpopstate = () => updateRoute();
 updateRoute();
 ```
 
-> नोट: हमने एक [एरो फंक्शन](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Reference/Arrow_functions) का इस्तेमाल किया है ताकि हम अपने `poopstate` ईवेंट हैंडलर को संक्षिप्तता के लिए घोषित कर सकें, लेकिन नियमित कार्य एक ही काम करेगा।
+> नोट: हमने एक [एरो फंक्शन](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Reference/Arrow_functions) का इस्तेमाल किया है ताकि हम अपने `poopstate` ईवेंट हैंडलर को संक्षिप्तता के लिए घोषित कर सकें, लेकिन नियमित कार्य एक ही काम करेगा।
 
 यहां एरो फंक्शन पर एक ताज़ा वीडियो है:
 
@@ -297,7 +297,7 @@ updateRoute();
 
 ## समीक्षा और स्व अध्ययन
 
-रूटिंग वेब विकास के आश्चर्यजनक रूप से मुश्किल भागों में से एक है, विशेष रूप से वेब पेज रीफ्रेश बिहेवियर से लेकर सिंगल पेज एप्लीकेशन पेज रिफ्रेश तक चलता है। [कैसे Azure स्टेटिक वेब ऐप सेवा](https://docs.microsoft.com/en-us/azure/static-web-apps/routes?WT.mc_id=academic-13441-cxa) के बारे में थोड़ा पढ़ें रूटिंग । क्या आप बता सकते हैं कि उस दस्तावेज़ पर वर्णित कुछ निर्णय क्यों आवश्यक हैं?
+रूटिंग वेब विकास के आश्चर्यजनक रूप से मुश्किल भागों में से एक है, विशेष रूप से वेब पेज रीफ्रेश बिहेवियर से लेकर सिंगल पेज एप्लीकेशन पेज रिफ्रेश तक चलता है। [कैसे Azure स्टेटिक वेब ऐप सेवा](https://docs.microsoft.com/azure/static-web-apps/routes?WT.mc_id=academic-13441-cxa) के बारे में थोड़ा पढ़ें रूटिंग । क्या आप बता सकते हैं कि उस दस्तावेज़ पर वर्णित कुछ निर्णय क्यों आवश्यक हैं?
 
 ## असाइनमेंट
 
diff --git a/7-bank-project/1-template-route/translations/README.zh-tw.md b/7-bank-project/1-template-route/translations/README.zh-tw.md
index ee3809a5..4165b4a9 100644
--- a/7-bank-project/1-template-route/translations/README.zh-tw.md
+++ b/7-bank-project/1-template-route/translations/README.zh-tw.md
@@ -41,7 +41,7 @@
 - 你需要在切換頁面時，重新載入整個網頁。這會很花時間。
 - 在不同子頁面上共享數據會是一大難題。
 
-另一個解決方案是只有一個 HTML 檔案，並使用 `<template>` 元素定義多個 [HTML 模板](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template)。
+另一個解決方案是只有一個 HTML 檔案，並使用 `<template>` 元素定義多個 [HTML 模板](https://developer.mozilla.org/docs/Web/HTML/Element/template)。
 一個模板提供可重複利用的 HTML 區塊，它不會顯示在瀏覽器上，而在需要之時由 JavaScript 以呈現出來。
 
 ### 課題
@@ -108,9 +108,9 @@
 
 展現模板通常需要三個步驟：
 
-1. 在 DOM 內接收模板元素，舉例來說，使用 [`document.getElementById`](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById)。
-2. 複製模板元素，使用 [`cloneNode`](https://developer.mozilla.org/en-US/docs/Web/API/Node/cloneNode)。
-3. 將複製元素接到 DOM 的顯示元素上，例如使用 [`appendChild`](https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild)。
+1. 在 DOM 內接收模板元素，舉例來說，使用 [`document.getElementById`](https://developer.mozilla.org/docs/Web/API/Document/getElementById)。
+2. 複製模板元素，使用 [`cloneNode`](https://developer.mozilla.org/docs/Web/API/Node/cloneNode)。
+3. 將複製元素接到 DOM 的顯示元素上，例如使用 [`appendChild`](https://developer.mozilla.org/docs/Web/API/Node/appendChild)。
 
 ✅ 我們為什麼需要在接到 DOM 前，複製一份模板？你能想像如果我們省略了此步驟後，會發生什麼事嗎？
 
@@ -175,7 +175,7 @@ const routes = {
 };
 ```
 
-現在，我們對函式 `updateRoute` 做一些更動。我們不直接將 `templateId` 作為參數傳遞，而是接收現在的 URL 網址，在使用關聯表來取得相對應的模板 ID 數值。我們可以使用 [`window.location.pathname`](https://developer.mozilla.org/en-US/docs/Web/API/Location/pathname) 來取得網址的部分路徑。
+現在，我們對函式 `updateRoute` 做一些更動。我們不直接將 `templateId` 作為參數傳遞，而是接收現在的 URL 網址，在使用關聯表來取得相對應的模板 ID 數值。我們可以使用 [`window.location.pathname`](https://developer.mozilla.org/docs/Web/API/Location/pathname) 來取得網址的部分路徑。
 
 ```js
 function updateRoute() {
@@ -203,9 +203,9 @@ function updateRoute() {
 
 我們已經完成了第二點，藉由使用函式 `updateRoute` 來完成，所以我們需要釐清該如何更新現在的網址。
 
-我們需要使用 JavaScript，詳細來看為 [`history.pushState`](https://developer.mozilla.org/en-US/docs/Web/API/History/pushState)，更新網址位置並建立瀏覽紀錄，同時不更新整個 HTML 頁面。
+我們需要使用 JavaScript，詳細來看為 [`history.pushState`](https://developer.mozilla.org/docs/Web/API/History/pushState)，更新網址位置並建立瀏覽紀錄，同時不更新整個 HTML 頁面。
 
-> 筆記：網頁超連結元素 [`<a href>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) 可以建立不同網址的連接，但它預設上會讓瀏覽器重新載入 HTML 檔。我們需要手動新增 JavaScript 處理路由以避免此行為發生，在點擊事件中使用函式 preventDefault() 。
+> 筆記：網頁超連結元素 [`<a href>`](https://developer.mozilla.org/docs/Web/HTML/Element/a) 可以建立不同網址的連接，但它預設上會讓瀏覽器重新載入 HTML 檔。我們需要手動新增 JavaScript 處理路由以避免此行為發生，在點擊事件中使用函式 preventDefault() 。
 
 ### 課題
 
@@ -253,7 +253,7 @@ function onLinkClick(event) {
 <a href="/login" onclick="onLinkClick(event)">Logout</a>
 ```
 
-使用 [`onclick`](https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick) 屬性會將 `click` 事件連接到 JavaScript 程式碼中，這邊會再呼叫函式 `navigate()`。
+使用 [`onclick`](https://developer.mozilla.org/docs/Web/API/GlobalEventHandlers/onclick) 屬性會將 `click` 事件連接到 JavaScript 程式碼中，這邊會再呼叫函式 `navigate()`。
 
 試著點擊這些連結，你應該能造訪網頁中不同的的畫面了。
 
@@ -267,7 +267,7 @@ function onLinkClick(event) {
 
 點擊上一頁數次，你會看到網址會改變且歷史紀錄也更新上去了，但同一個模板還是被顯示出來。
 
-這是因為網頁不知道該如何依據歷史紀錄來呼叫 `updateRoute()`。如果你閱讀了 [`history.pushState` 技術文件](https://developer.mozilla.org/en-US/docs/Web/API/History/pushState)，你會發現如果狀態改變 ── 同時代表著網址改變 ── [`popstate`](https://developer.mozilla.org/en-US/docs/Web/API/Window/popstate_event) 事件就會被觸發。我們會利用此特徵來修復這個問題。
+這是因為網頁不知道該如何依據歷史紀錄來呼叫 `updateRoute()`。如果你閱讀了 [`history.pushState` 技術文件](https://developer.mozilla.org/docs/Web/API/History/pushState)，你會發現如果狀態改變 ── 同時代表著網址改變 ── [`popstate`](https://developer.mozilla.org/docs/Web/API/Window/popstate_event) 事件就會被觸發。我們會利用此特徵來修復這個問題。
 
 ### 課題
 
@@ -278,7 +278,7 @@ window.onpopstate = () => updateRoute();
 updateRoute();
 ```
 
-> 筆記：我們在這裡使用[箭頭函式](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions)，簡短地宣告 `popstate` 事件處理器。它與正規的函式的功能是一樣的。
+> 筆記：我們在這裡使用[箭頭函式](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Functions/Arrow_functions)，簡短地宣告 `popstate` 事件處理器。它與正規的函式的功能是一樣的。
 
 這是關於箭頭函式的回想影片：
 
@@ -300,7 +300,7 @@ updateRoute();
 
 ## 複習與自學
 
-網頁路由是網頁開發中很棘手的部分，特別是將網頁切換轉變為單一頁面應用程式(Single Page Application)。閱讀關於[Azure Static Web App 提供服務的方式](https://docs.microsoft.com/en-us/azure/static-web-apps/routes?WT.mc_id=academic-13441-cxa)以處理網頁路由。你能解釋為什麼文件上的某些決定會如此重要呢？
+網頁路由是網頁開發中很棘手的部分，特別是將網頁切換轉變為單一頁面應用程式(Single Page Application)。閱讀關於[Azure Static Web App 提供服務的方式](https://docs.microsoft.com/azure/static-web-apps/routes?WT.mc_id=academic-13441-cxa)以處理網頁路由。你能解釋為什麼文件上的某些決定會如此重要呢？
 
 ## 作業
 
diff --git a/7-bank-project/2-forms/README.md b/7-bank-project/2-forms/README.md
index fdc6107e..ebd2bf72 100644
--- a/7-bank-project/2-forms/README.md
+++ b/7-bank-project/2-forms/README.md
@@ -136,7 +136,7 @@ If everything goes well, the server should answer your request with a [JSON](htt
 
 ## Submitting data without reloading the page
 
-As you probably noticed, there's a slight issue with the approach we just used: when submitting the form, we get out of our app and the browser redirects to the server URL. We're trying to avoid all page reloads with our web app, as we're makng a [Single-page application (SPA)](https://en.wikipedia.org/wiki/Single-page_application).
+As you probably noticed, there's a slight issue with the approach we just used: when submitting the form, we get out of our app and the browser redirects to the server URL. We're trying to avoid all page reloads with our web app, as we're making a [Single-page application (SPA)](https://en.wikipedia.org/wiki/Single-page_application).
 
 To send the form data to the server without forcing a page reload, we have to use JavaScript code. Instead of putting an URL in the `action` property of a `<form>` element, you can use any JavaScript code prepended by the `javascript:` string to perform a custom action. Using this also means that you'll have to implement some tasks that were previously done automatically by the browser:
 
@@ -274,7 +274,7 @@ Now if you press the *Register* button and a field does not respect a validation
 
 ![Screenshot showing the validation error when trying to submit the form](./images/validation-error.png)
 
-Validation like this performed *before* sending any data to the server is called **client-side** validation. But note that's it's not always possible to peform all checks without sending the data. For example, we cannot check here if an account already exists with the same username without sending a request to the server. Additional validation performed on the server is called **server-side** validation.
+Validation like this performed *before* sending any data to the server is called **client-side** validation. But note that's it's not always possible to perform all checks without sending the data. For example, we cannot check here if an account already exists with the same username without sending a request to the server. Additional validation performed on the server is called **server-side** validation.
 
 Usually both need to be implemented, and while using client-side validation improves the user experience by providing instant feedback to the user, server-side validation is crucial to make sure the user data you manipulate is sound and safe.
 
diff --git a/7-bank-project/2-forms/translations/README.es.md b/7-bank-project/2-forms/translations/README.es.md
index f8e85ac7..96b65837 100644
--- a/7-bank-project/2-forms/translations/README.es.md
+++ b/7-bank-project/2-forms/translations/README.es.md
@@ -181,7 +181,7 @@ async function createAccount(account) {
 
 Aquí hay un video rápido sobre el uso de `async/await`:
 
-[![Async y Await para administrar promesas](https://img.youtube.com/vi/YwmlRkrxvkk/0.jpg)](https://youtube.com/watch?v=YwmlRkrxvkk "Async y Await para administrar promesas")
+[![Async y Await para administrar promesas](https://img.youtube.com/vi/4yJUTjtIlww/0.jpg)](https://youtube.com/watch?v=4yJUTjtIlww "Async y Await para administrar promesas")
 
 Usamos la API `fetch()` para enviar datos JSON al servidor. Este método toma 2 parámetros:
 
@@ -221,7 +221,7 @@ async function register() {
 
 ¡Eso fue un poco largo pero llegamos allí! Si abre sus [herramientas de desarrollo del navegador](https://developer.mozilla.org/docs/Learn/Common_questions/What_are_browser_developer_tools) e intenta registrar una nueva cuenta, no debería ver ningún cambio en la página web pero aparecerá un mensaje en la consola confirmando que todo funciona.
 
-![Captura de pantalla que muestra el mensaje de registro en la consola del navegador](./images/browser-console.png)
+![Captura de pantalla que muestra el mensaje de registro en la consola del navegador](../images/browser-console.png)
 
 ✅ ¿Crees que los datos se envían al servidor de forma segura? ¿Y si alguien pudiera interceptar la solicitud? Puede leer sobre [HTTPS](https://en.wikipedia.org/wiki/HTTPS) para saber más sobre la comunicación segura de datos.
 
@@ -264,7 +264,7 @@ Agrega un atributo `maxlength` a los campos de texto:
 
 Ahora, si presiona el botón *Registrar* y un campo no respeta una regla de validación que definimos, debería ver algo como esto:
 
-![Captura de pantalla que muestra el error de validación al intentar enviar el formulario](./images/validation-error.png)
+![Captura de pantalla que muestra el error de validación al intentar enviar el formulario](../images/validation-error.png)
 
 Una validación como esta realizada *antes* de enviar cualquier dato al servidor se llama validación **del lado del cliente**. Pero tenga en cuenta que no siempre es posible realizar todas las comprobaciones sin enviar los datos. Por ejemplo, no podemos comprobar aquí si ya existe una cuenta con el mismo nombre de usuario sin enviar una solicitud al servidor. La validación adicional realizada en el servidor se denomina validación **del lado del servidor**.
 
@@ -278,7 +278,7 @@ Muestra un mensaje de error en el HTML si el usuario ya existe.
 
 Aquí hay un ejemplo de cómo puede verse la página de inicio de sesión final después de un poco de estilo:
 
-![Captura de pantalla de la página de inicio de sesión después de agregar estilos CSS](./images/result.png)
+![Captura de pantalla de la página de inicio de sesión después de agregar estilos CSS](../images/result.png)
 
 ## [Prueba posterior a la conferencia](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/44)
 
diff --git a/7-bank-project/2-forms/translations/README.hi.md b/7-bank-project/2-forms/translations/README.hi.md
index 45f3307b..e63e4b2c 100644
--- a/7-bank-project/2-forms/translations/README.hi.md
+++ b/7-bank-project/2-forms/translations/README.hi.md
@@ -27,7 +27,7 @@ curl http://localhost:5000/api
 
 `<form>` एलेमेन्ट एक HTML दस्तावेज़ के एक भाग को एन्क्रिप्ट करता है जहां उपयोगकर्ता इनपुट कर सकता है और इंटरैक्टिव नियंत्रणों के साथ डेटा जमा कर सकता है। सभी प्रकार के उपयोगकर्ता इंटरफ़ेस (UI) नियंत्रण हैं जिनका उपयोग एक फॉर्म के भीतर किया जा सकता है, सबसे आम है `<input>` और `<button>` एलेमेन्ट ।
 
-`<input>` के विभिन्न [प्रकार](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input) के कई उदाहरण हैं, उदाहरण के लिए एक फ़ील्ड बनाने के लिए जहां उपयोगकर्ता आप उपयोग कर सकते हैं इसके उपयोगकर्ता नाम दर्ज कर सकते हैं:
+`<input>` के विभिन्न [प्रकार](https://developer.mozilla.org/docs/Web/HTML/Element/input) के कई उदाहरण हैं, उदाहरण के लिए एक फ़ील्ड बनाने के लिए जहां उपयोगकर्ता आप उपयोग कर सकते हैं इसके उपयोगकर्ता नाम दर्ज कर सकते हैं:
 
 ```html
 <input id="username" name="username" type="text">
@@ -36,9 +36,9 @@ curl http://localhost:5000/api
 जब फॉर्म डेटा को भेज दिया जाएगा तो `name` विशेषता को संपत्ति के नाम के रूप में उपयोग किया जाएगा। `id` विशेषता का उपयोग फॉर्म नियंत्रण के साथ एक `label` को जोड़ने के लिए किया जाता है।
 
 > 
-एक विचार पाने के लिए [`<input>` प्रकार](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input) और [अन्य फोरम कोन्टरोल्स](https://developer.mozilla.org/en-US/docs/Learn/Forms/Other_form_controls) की संपूर्ण सूची पर एक नज़र डालें अपने UI का निर्माण करते समय आप उपयोग कर सकते हैं सभी देशी UI तत्व।
+एक विचार पाने के लिए [`<input>` प्रकार](https://developer.mozilla.org/docs/Web/HTML/Element/input) और [अन्य फोरम कोन्टरोल्स](https://developer.mozilla.org/docs/Learn/Forms/Other_form_controls) की संपूर्ण सूची पर एक नज़र डालें अपने UI का निर्माण करते समय आप उपयोग कर सकते हैं सभी देशी UI तत्व।
 
-✅ ध्यान दें कि `<input>` एक [खाली एलेमेन्ट](https://developer.mozilla.org/en-US/docs/Glossary/Empty_element) है, जिस पर आपको एक मिलान समापन टैग नहीं जोड़ना चाहिए। हालाँकि आप स्व-समापन `<input/>` संकेतन का उपयोग कर सकते हैं, लेकिन इसकी आवश्यकता नहीं है।
+✅ ध्यान दें कि `<input>` एक [खाली एलेमेन्ट](https://developer.mozilla.org/docs/Glossary/Empty_element) है, जिस पर आपको एक मिलान समापन टैग नहीं जोड़ना चाहिए। हालाँकि आप स्व-समापन `<input/>` संकेतन का उपयोग कर सकते हैं, लेकिन इसकी आवश्यकता नहीं है।
 
 फॉर्म के भीतर `<button>` एलेमेन्ट थोड़ा विशेष है। यदि आप इसकी `type` विशेषता निर्दिष्ट नहीं करते हैं, तो यह स्वचालित रूप से दबाए जाने पर सर्वर को फॉर्म डेटा प्रस्तुत करेगा। यहां संभावित `type` मान दिए गए हैं:
 
@@ -69,7 +69,7 @@ curl http://localhost:5000/api
 - एक लेबल को फोरम कोन्टरोल्स से जोड़कर, यह उपयोगकर्ताओं को सहायक तकनीकों (जैसे कि स्क्रीन रीडर) का उपयोग करके यह समझने में मदद करता है कि उन्हें क्या डेटा प्रदान करने की उम्मीद है।
 - आप संबंधित इनपुट पर सीधे ध्यान केंद्रित करने के लिए लेबल पर क्लिक कर सकते हैं, जिससे टच-स्क्रीन आधारित उपकरणों तक पहुंचना आसान हो जाता है।
 
-> वेब पर [एक्सेसिबिलिटी](https://developer.mozilla.org/en-US/docs/Learn/Accessibility/What_is_accessibility) एक बहुत ही महत्वपूर्ण विषय है जिसकी अक्सर अनदेखी की जाती है। [अर्थ संबंधी HTML एलेमेन्टस](https://developer.mozilla.org/en-US/docs/Learn/Accessibility/HTML) के लिए धन्यवाद यदि आप इन्हें ठीक से उपयोग करते हैं तो सुलभ सामग्री बनाना मुश्किल नहीं है। सामान्य गलतियों से बचने और एक जिम्मेदार डेवलपर बनने के लिए आप (पहुंच के बारे में और अधिक पढ़ सकते हैं](https://developer.mozilla.org/en-US/docs/Web/Accessibility)।
+> वेब पर [एक्सेसिबिलिटी](https://developer.mozilla.org/docs/Learn/Accessibility/What_is_accessibility) एक बहुत ही महत्वपूर्ण विषय है जिसकी अक्सर अनदेखी की जाती है। [अर्थ संबंधी HTML एलेमेन्टस](https://developer.mozilla.org/docs/Learn/Accessibility/HTML) के लिए धन्यवाद यदि आप इन्हें ठीक से उपयोग करते हैं तो सुलभ सामग्री बनाना मुश्किल नहीं है। सामान्य गलतियों से बचने और एक जिम्मेदार डेवलपर बनने के लिए आप (पहुंच के बारे में और अधिक पढ़ सकते हैं](https://developer.mozilla.org/docs/Web/Accessibility)।
 
 अब हम पंजीकरण के लिए दूसरा रूप जोड़ेंगे, पिछले एक के नीचे:
 
@@ -157,7 +157,7 @@ function register() {
 }
 ```
 
-यहाँ हम `getElementById()` का उपयोग कर फॉर्म एलिमेंट को पुनः प्राप्त करते हैं और फॉर्म से मान निकालने के लिए [`FormData`](https://developer.mozilla.org/en-US/docs/Web/API/FormData/) का उपयोग करते हैं। की/वैल्यू जोड़े के एक सेट के रूप में नियंत्रण। फिर हम [`Object.fromEntries()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Object/Object/fromEntries) का उपयोग करके डेटा को एक नियमित ऑब्जेक्ट में परिवर्तित करते हैं और अंत में डेटा को [JSON](https://www.json.org/json-en.html) में क्रमबद्ध करते हैं, आमतौर पर वेब पर डेटा के आदान-प्रदान के लिए उपयोग किया जाने वाला प्रारूप।
+यहाँ हम `getElementById()` का उपयोग कर फॉर्म एलिमेंट को पुनः प्राप्त करते हैं और फॉर्म से मान निकालने के लिए [`FormData`](https://developer.mozilla.org/docs/Web/API/FormData/) का उपयोग करते हैं। की/वैल्यू जोड़े के एक सेट के रूप में नियंत्रण। फिर हम [`Object.fromEntries()`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Object/Object/fromEntries) का उपयोग करके डेटा को एक नियमित ऑब्जेक्ट में परिवर्तित करते हैं और अंत में डेटा को [JSON](https://www.json.org/json-en.html) में क्रमबद्ध करते हैं, आमतौर पर वेब पर डेटा के आदान-प्रदान के लिए उपयोग किया जाने वाला प्रारूप।
 
 डेटा अब सर्वर पर भेजे जाने के लिए तैयार है। `CreateAccount` नामक एक नया फ़ंक्शन बनाएँ:
 
@@ -176,7 +176,7 @@ async function createAccount(account) {
 }
 ```
 
-यह क्या कार्य कर रहा है? सबसे पहले, यहां `async` कीवर्ड देखें। इसका मतलब है कि फ़ंक्शन में कोड शामिल है जो [**asynchronously**](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function) को निष्पादित करेगा। जब `await` कीवर्ड का उपयोग किया जाता है, तो यह एसिंक्रोनस कोड को निष्पादित करने के लिए प्रतीक्षा करने की अनुमति देता है - जैसे सर्वर प्रतिक्रिया का इंतजार यहां जारी रखने से पहले।
+यह क्या कार्य कर रहा है? सबसे पहले, यहां `async` कीवर्ड देखें। इसका मतलब है कि फ़ंक्शन में कोड शामिल है जो [**asynchronously**](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/async_function) को निष्पादित करेगा। जब `await` कीवर्ड का उपयोग किया जाता है, तो यह एसिंक्रोनस कोड को निष्पादित करने के लिए प्रतीक्षा करने की अनुमति देता है - जैसे सर्वर प्रतिक्रिया का इंतजार यहां जारी रखने से पहले।
 
 यहाँ `async/await` उपयोग के बारे में एक त्वरित वीडियो है:
 
@@ -220,7 +220,7 @@ async function register() {
 }
 ```
 
-वह थोड़ा लंबा था लेकिन हम वहां पहुंच गए! यदि आप अपने [ब्राउज़र डेवलपर टूल] (https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools) खोलते हैं, और एक नया खाता आज़माते हैं, तो आपको वेब पेज पर कोई बदलाव नहीं देखना चाहिए लेकिन एक संदेश कंसोल में दिखाई देगा जो पुष्टि करता है कि सब कुछ काम करता है।
+वह थोड़ा लंबा था लेकिन हम वहां पहुंच गए! यदि आप अपने [ब्राउज़र डेवलपर टूल] (https://developer.mozilla.org/docs/Learn/Common_questions/What_are_browser_developer_tools) खोलते हैं, और एक नया खाता आज़माते हैं, तो आपको वेब पेज पर कोई बदलाव नहीं देखना चाहिए लेकिन एक संदेश कंसोल में दिखाई देगा जो पुष्टि करता है कि सब कुछ काम करता है।
 
 ![ब्राउज़र कंसोल में लॉग संदेश दिखाते हुए स्क्रीनशॉट](../images/browser-console.png)
 
@@ -228,15 +228,15 @@ async function register() {
 
 ## डेटा मान्य
 
-यदि आप पहले उपयोगकर्ता नाम सेट किए बिना एक नया खाता पंजीकृत करने का प्रयास करते हैं, तो आप देख सकते हैं कि सर्वर स्थिति कोड [400 (खराब अनुरोध)](https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/400#:~:text=The%20HyperText%20Transfer%20Protocol%20(HTTP,%2C%20or%20deceptive%20request%20routing).) के साथ एक त्रुटि देता है
+यदि आप पहले उपयोगकर्ता नाम सेट किए बिना एक नया खाता पंजीकृत करने का प्रयास करते हैं, तो आप देख सकते हैं कि सर्वर स्थिति कोड [400 (खराब अनुरोध)](https://developer.mozilla.org/docs/Web/HTTP/Status/400#:~:text=The%20HyperText%20Transfer%20Protocol%20(HTTP,%2C%20or%20deceptive%20request%20routing).) के साथ एक त्रुटि देता है
 
-किसी सर्वर पर डेटा भेजने से पहले, जब संभव हो, एक वैध अनुरोध भेजना सुनिश्चित करने के लिए पहले से [फॉर्म डेटा को मान्य करें](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation) यह एक अच्छा अभ्यास है। HTML5 फॉर्म नियंत्रण विभिन्न विशेषताओं का उपयोग करके अंतर्निहित मान्यता प्रदान करता है:
+किसी सर्वर पर डेटा भेजने से पहले, जब संभव हो, एक वैध अनुरोध भेजना सुनिश्चित करने के लिए पहले से [फॉर्म डेटा को मान्य करें](https://developer.mozilla.org/docs/Learn/Forms/Form_validation) यह एक अच्छा अभ्यास है। HTML5 फॉर्म नियंत्रण विभिन्न विशेषताओं का उपयोग करके अंतर्निहित मान्यता प्रदान करता है:
 
 - `required`: फ़ील्ड को भरने की आवश्यकता है अन्यथा फॉर्म जमा नहीं किया जा सकता है।
 - `minlength` और `maxlength`: टेक्स्ट क्षेत्रों में न्यूनतम और अधिकतम वर्णों को परिभाषित करता है।
 - `min` और `max`:एक संख्यात्मक क्षेत्र के न्यूनतम और अधिकतम मूल्य को परिभाषित करता है।
-- `type`: अपेक्षित डेटा के प्रकार को परिभाषित करता है, जैसे `number`, `email`, `file` या [अन्य निर्मित प्रकार](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input). यह विशेषता फॉर्म नियंत्रण के दृश्य रेंडरिंग को भी बदल सकती है.
-- `pattern`: एक [रेगुलर इक्स्प्रेशन](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions) पैटर्न को निर्धारित करने के लिए परीक्षण करने की अनुमति देता है कि दर्ज किया गया डेटा वैध है या नहीं।
+- `type`: अपेक्षित डेटा के प्रकार को परिभाषित करता है, जैसे `number`, `email`, `file` या [अन्य निर्मित प्रकार](https://developer.mozilla.org/docs/Web/HTML/Element/input). यह विशेषता फॉर्म नियंत्रण के दृश्य रेंडरिंग को भी बदल सकती है.
+- `pattern`: एक [रेगुलर इक्स्प्रेशन](https://developer.mozilla.org/docs/Web/JavaScript/Guide/Regular_Expressions) पैटर्न को निर्धारित करने के लिए परीक्षण करने की अनुमति देता है कि दर्ज किया गया डेटा वैध है या नहीं।
 
 > युक्ति: यदि आप मान्य हैं और `:valid` और `:invalid` CSS छद्म-क्लेसे का उपयोग नहीं कर रहे हैं, तो आप अपने फ़ॉर्म नियंत्रणों को अनुकूलित कर सकते हैं।s.
 
diff --git a/7-bank-project/2-forms/translations/README.zh-tw.md b/7-bank-project/2-forms/translations/README.zh-tw.md
index 130d0bdd..1ed2a583 100644
--- a/7-bank-project/2-forms/translations/README.zh-tw.md
+++ b/7-bank-project/2-forms/translations/README.zh-tw.md
@@ -27,7 +27,7 @@ curl http://localhost:5000/api
 
 `<form>` 元素打包了 HTML 文件中使用者輸入與提交資料的地方。有許多種使用者介面(UI)以表單的方式呈現，最常見的內容會包含 `<input>` 與 `<button>` 元素。
 
-有許多種 `<input>` 的[種類](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input)，舉例來說，若要建立使用者輸入使用者名稱的地方，你可以：
+有許多種 `<input>` 的[種類](https://developer.mozilla.org/docs/Web/HTML/Element/input)，舉例來說，若要建立使用者輸入使用者名稱的地方，你可以：
 
 ```html
 <input id="username" name="username" type="text">
@@ -35,9 +35,9 @@ curl http://localhost:5000/api
 
 `name` 屬性同時亦是表單傳輸資料的名稱。`id` 屬性是用來與 `<label>` 做表單控制(form control)的連接。
 
-> 花點時間看看 [`<input>` 種類](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input)的清單與[其他表單控制](https://developer.mozilla.org/en-US/docs/Learn/Forms/Other_form_controls)，讓你在建立使用者介面時，有全部供你使用的原生 UI 元素可以參考。
+> 花點時間看看 [`<input>` 種類](https://developer.mozilla.org/docs/Web/HTML/Element/input)的清單與[其他表單控制](https://developer.mozilla.org/docs/Learn/Forms/Other_form_controls)，讓你在建立使用者介面時，有全部供你使用的原生 UI 元素可以參考。
 
-✅ 紀錄一下 `<input>` 是種[空元素](https://developer.mozilla.org/en-US/docs/Glossary/Empty_element)，你*不應該*在它後面加上對應的結束標籤。然而，你仍然可以在它的後面使用 `<input/>`，這沒有強制規定。
+✅ 紀錄一下 `<input>` 是種[空元素](https://developer.mozilla.org/docs/Glossary/Empty_element)，你*不應該*在它後面加上對應的結束標籤。然而，你仍然可以在它的後面使用 `<input/>`，這沒有強制規定。
 
 表單中的 `<button>` 元素是有些特別。如果你沒有指定它的 `type` 屬性，它會在你輸入文字時，自動地提交表單內容給伺服器。這邊有一些你可以設定的 `type` 內容：
 
@@ -68,7 +68,7 @@ curl http://localhost:5000/api
 - 連結標籤到表單控制上，它能幫助使用者的額外工具，好比說螢幕報讀器，理解接下來該提供何種資料。
 - 你可以點擊標籤，它會跳轉到相對應的輸入框，讓使用觸控型裝置的用戶更容易操作。
 
-> [網頁親和力](https://developer.mozilla.org/en-US/docs/Learn/Accessibility/What_is_accessibility)是非常重要但常被忽視的主題。感謝[語義化 HTML 元素](https://developer.mozilla.org/en-US/docs/Learn/Accessibility/HTML)的幫助，建立無障礙的網頁內容變得更加容易。你可以[閱讀更多有關網頁親和力的文章](https://developer.mozilla.org/en-US/docs/Web/Accessibility)，避免觸犯到常見的錯誤並成為負責任的開發者。
+> [網頁親和力](https://developer.mozilla.org/docs/Learn/Accessibility/What_is_accessibility)是非常重要但常被忽視的主題。感謝[語義化 HTML 元素](https://developer.mozilla.org/docs/Learn/Accessibility/HTML)的幫助，建立無障礙的網頁內容變得更加容易。你可以[閱讀更多有關網頁親和力的文章](https://developer.mozilla.org/docs/Web/Accessibility)，避免觸犯到常見的錯誤並成為負責任的開發者。
 
 現在，我們加入第二張表單給用戶註冊使用，就像前一張一樣：
 
@@ -158,8 +158,8 @@ function register() {
 }
 ```
 
-我們使用 `getElementById()` 蒐集表單的元素，使用 [`FormData`](https://developer.mozilla.org/en-US/docs/Web/API/FormData) 協助從表單控制中取出 key/value 的數據對。
-之後，利用 [`Object.fromEntries()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/fromEntries) 轉換資料成正規物件，最後再將檔案轉成 [JSON](https://www.json.org/json-en.html) ── 一個在網路上常見的資料交換格式。
+我們使用 `getElementById()` 蒐集表單的元素，使用 [`FormData`](https://developer.mozilla.org/docs/Web/API/FormData) 協助從表單控制中取出 key/value 的數據對。
+之後，利用 [`Object.fromEntries()`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/fromEntries) 轉換資料成正規物件，最後再將檔案轉成 [JSON](https://www.json.org/json-en.html) ── 一個在網路上常見的資料交換格式。
 
 現在資料已經準備提交給伺服器了。建立新函式 `createAccount`：
 
@@ -178,7 +178,7 @@ async function createAccount(account) {
 }
 ```
 
-這個函式做了什麼？首先，注意關鍵字 `async`，代表著函式包含了[**非同步化程式**](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function)。在與關鍵字 `await` 一起使用時，它會在繼續運行程式前，等待非同步的程式被執行，就像等待伺服器回應一樣。
+這個函式做了什麼？首先，注意關鍵字 `async`，代表著函式包含了[**非同步化程式**](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/async_function)。在與關鍵字 `await` 一起使用時，它會在繼續運行程式前，等待非同步的程式被執行，就像等待伺服器回應一樣。
 
 這邊有關於使用 `async/await` 的影片：
 
@@ -222,7 +222,7 @@ async function register() {
 }
 ```
 
-過程有些冗長，但我們達成了！當你開啟[瀏覽器開發者工具](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools)，試著註冊新的帳戶，你應該能看到網頁並沒有改變，但命令欄中會顯示帳戶成功註冊的訊息。
+過程有些冗長，但我們達成了！當你開啟[瀏覽器開發者工具](https://developer.mozilla.org/docs/Learn/Common_questions/What_are_browser_developer_tools)，試著註冊新的帳戶，你應該能看到網頁並沒有改變，但命令欄中會顯示帳戶成功註冊的訊息。
 
 ![瀏覽器命令欄中顯示紀錄訊息之截圖](../images/browser-console.png)
 
@@ -230,15 +230,15 @@ async function register() {
 
 ## 資料驗證
 
-試著在註冊新帳戶時，不輸入你的使用者名稱，你會發現伺服器回傳了錯誤狀態訊息：[400 (Bad Request)](https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/400#:~:text=The%20HyperText%20Transfer%20Protocol%20(HTTP,%2C%20or%20deceptive%20request%20routing).)。
+試著在註冊新帳戶時，不輸入你的使用者名稱，你會發現伺服器回傳了錯誤狀態訊息：[400 (Bad Request)](https://developer.mozilla.org/docs/Web/HTTP/Status/400#:~:text=The%20HyperText%20Transfer%20Protocol%20(HTTP,%2C%20or%20deceptive%20request%20routing).)。
 
-在傳輸資料給伺服器之前，最好先[驗證表單資料](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation)，以確保我們傳送合法的網頁請求。 HTML5 表單控制內建包含了驗證方法，使用了多樣的屬性： controls provides built-in validation using various attributes:
+在傳輸資料給伺服器之前，最好先[驗證表單資料](https://developer.mozilla.org/docs/Learn/Forms/Form_validation)，以確保我們傳送合法的網頁請求。 HTML5 表單控制內建包含了驗證方法，使用了多樣的屬性： controls provides built-in validation using various attributes:
 
 - `required`： 輸入框必須被填寫，否則表單不能被提交。
 - `minlength` 和 `maxlength`： 定義輸入框的文字下限與文字上限。
 - `min` 和 `max`： 定義輸入框的數字下限與數字上限。
-- `type`： 定義輸入框內的資料格式，例如`數字`、`email`、`檔案`或是[其他內建的格式](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input)。這個屬性可能會改變表單控制的表現方法。
-- `pattern`： 允許定義[正規表示法](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions)的字串，測試輸入的內容是否滿足它。
+- `type`： 定義輸入框內的資料格式，例如`數字`、`email`、`檔案`或是[其他內建的格式](https://developer.mozilla.org/docs/Web/HTML/Element/input)。這個屬性可能會改變表單控制的表現方法。
+- `pattern`： 允許定義[正規表示法](https://developer.mozilla.org/docs/Web/JavaScript/Guide/Regular_Expressions)的字串，測試輸入的內容是否滿足它。
 
 > 提示：你可以自定義表單控制的呈現方法，利用 CSS pseudo-classes `:valid` 和 `:invalid` 判斷內容是否合理。
 
diff --git a/7-bank-project/3-data/README.md b/7-bank-project/3-data/README.md
index 8264f975..95465f40 100644
--- a/7-bank-project/3-data/README.md
+++ b/7-bank-project/3-data/README.md
@@ -225,7 +225,7 @@ First, we check that we have the account data we need before going further. Then
 
 > To make the balance display prettier, we use the method [`toFixed(2)`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixed) to force displaying the value with 2 digits after the decimal point.
 
-Now we need to call our `updateDashboard()` function everytime the dashboard is loaded. If you already finished the [lesson 1 assignment](../1-template-route/assignment.md) this should be straighforward, otherwise you can use the following implementation.
+Now we need to call our `updateDashboard()` function everytime the dashboard is loaded. If you already finished the [lesson 1 assignment](../1-template-route/assignment.md) this should be straightforward, otherwise you can use the following implementation.
 
 Add this code to the end of the `updateRoute()` function:
 
diff --git a/7-bank-project/3-data/translations/README.fr.md b/7-bank-project/3-data/translations/README.fr.md
new file mode 100644
index 00000000..aee83c8f
--- /dev/null
+++ b/7-bank-project/3-data/translations/README.fr.md
@@ -0,0 +1,334 @@
+# Créer une application bancaire Partie 3: Méthodes de récupération et d'utilisation des données
+
+## Quiz préalable
+
+[Quiz préalable](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/45?loc=fr)
+
+### Introduction
+
+Au cœur de chaque application Web, il y a des *données*. Les données peuvent prendre de nombreuses formes, mais leur objectif principal est toujours d'afficher des informations pour l'utilisateur. Les applications Web devenant de plus en plus interactives et complexes, la manière dont l'utilisateur accède aux informations et interagit avec elles est désormais un élément clé du développement Web.
+
+Dans cette leçon, nous verrons comment récupérer des données d'un serveur de manière asynchrone et utiliser ces données pour afficher des informations sur une page Web sans recharger le code HTML.
+
+### Prérequis
+
+Vous devez avoir créé la partie [Formulaire de connexion et d'inscription](../../2-forms/translations/README.fr.md) de l'application Web pour cette leçon. Vous devez également installer [Node.js](https://nodejs.org) et [exécuter l'API du serveur](../../api/translations/README.fr.md) localement afin d'obtenir les données de compte.
+
+Vous pouvez tester que le serveur fonctionne correctement en exécutant cette commande dans un terminal:
+
+```sh
+curl http://localhost:5000/api
+# -> devrait renvoyer "Bank API v1.0.0" comme résultat
+```
+
+---
+
+## AJAX et la récupération de données
+
+Les sites Web traditionnels mettent à jour le contenu affiché lorsque l’utilisateur sélectionne un lien ou soumet des données à l’aide d’un formulaire, en rechargeant la page HTML complète. Chaque fois que de nouvelles données doivent être chargées, le serveur Web renvoie une toute nouvelle page HTML qui doit être traitée par le navigateur, interrompant l’action actuelle de l’utilisateur et limitant les interactions pendant le rechargement. Ce flux de travail est également appelé *Application multipage* ou *AMP*.
+
+![Mettre à jour le flux de travail dans une application multipage](../images/mpa.png)
+
+Lorsque les applications Web ont commencé à devenir plus complexes et interactives, une nouvelle technique appelée [AJAX (Asynchronous JavaScript and XML)](https://en.wikipedia.org/wiki/Ajax_(programming)) a émergé. Cette technique permet aux applications Web d’envoyer et de récupérer des données à partir d’un serveur de manière asynchrone à l’aide de JavaScript, sans avoir à recharger la page HTML, ce qui se traduit par des mises à jour plus rapides et des interactions utilisateur plus fluides. Lorsque de nouvelles données sont reçues du serveur, la page HTML actuelle peut également être mise à jour avec JavaScript à l’aide de l’API [DOM](https://developer.mozilla.org/docs/Web/API/Document_Object_Model). Au fil du temps, cette approche a évolué pour devenir ce qu’on appelle maintenant une [*Application d’une seule page* ou *SPA*](https://en.wikipedia.org/wiki/Single-page_application).
+
+![Mettre à jour le flux de travail dans une application d’une seule page](../images/spa.png)
+
+Lors de l’introduction d’AJAX, la seule API disponible pour récupérer des données de manière asynchrone était [`XMLHttpRequest`](https://developer.mozilla.org/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest). Mais les navigateurs modernes implémentent désormais également [l’API `Fetch`](https://developer.mozilla.org/docs/Web/API/Fetch_API) plus pratique et plus puissante, qui utilise des promesses et est mieux adaptée à la manipulation des données JSON.
+
+> Bien que tous les navigateurs modernes prennent en charge l’API Fetch, si vous souhaitez que votre application Web fonctionne sur des navigateurs hérités ou anciens, il est toujours judicieux de vérifier d’abord le [tableau de compatibilité sur caniuse.com](https://caniuse.com/fetch).
+
+### Tâche
+
+Dans [la leçon précédente](../../2-forms/translations/README.fr.md) nous avons implémenté le formulaire d’inscription pour créer un compte. Nous allons maintenant ajouter du code pour vous connecter à l’aide d’un compte existant et récupérer ses données. Ouvrez le fichier `app.js` et ajoutez une nouvelle fonction `login`:
+
+```js
+async function login() {
+  const loginForm = document.getElementById('loginForm')
+  const user = loginForm.user.value;
+}
+```
+
+Ici, nous commençons par récupérer l’élément de formulaire avec `getElementById()`, puis nous obtenons le nom d’utilisateur à partir de l’entrée avec `loginForm.user.value`. Chaque contrôle de formulaire est accessible par son nom (défini dans le code HTML à l’aide de l’attribut `name`) en tant que propriété du formulaire.
+
+De la même manière que nous avons fait pour l’enregistrement, nous allons créer une autre fonction pour effectuer une demande de serveur, mais cette fois pour récupérer les données du compte:
+
+```js
+async function getAccount(user) {
+  try {
+    const response = await fetch('//localhost:5000/api/accounts/' + encodeURIComponent(user));
+    return await response.json();
+  } catch (error) {
+    return { error: error.message || 'Unknown error' };
+  }
+}
+```
+
+Nous utilisons l’API `fetch` pour demander les données de manière asynchrone au serveur, mais cette fois, nous n’avons pas besoin de paramètres supplémentaires autres que l’URL à appeler, car nous n’interrogeons que des données. Par défaut, `fetch` crée une requête HTTP [`GET`](https://developer.mozilla.org/docs/Web/HTTP/Methods/GET), ce que nous recherchons ici.
+
+✅ `encodeURIComponent()` est une fonction qui échappe les caractères spéciaux pour URL. Quels problèmes pourrions-nous avoir si nous n’appelons pas cette fonction et n’utilisons pas directement la valeur `user` dans l’URL?
+
+Mettons maintenant à jour notre fonction `login` pour utiliser `getAccount`:
+
+```js
+async function login() {
+  const loginForm = document.getElementById('loginForm')
+  const user = loginForm.user.value;
+  const data = await getAccount(user);
+
+  if (data.error) {
+    return console.log('loginError', data.error);
+  }
+
+  account = data;
+  navigate('/dashboard');
+}
+```
+
+Tout d’abord, comme `getAccount` est une fonction asynchrone, nous devons la faire correspondre avec le mot-clé `await` pour attendre le résultat du serveur. Comme pour toute demande de serveur, nous devons également traiter les cas d’erreur. Pour l’instant, nous allons seulement ajouter un message de journal pour afficher l’erreur, et y revenir plus tard.
+
+Ensuite, nous devons stocker les données quelque part afin de pouvoir les utiliser plus tard pour afficher les informations du tableau de bord. Étant donné que la variable `account` n’existe pas encore, nous allons créer une variable globale pour elle en haut de notre fichier:
+
+```js
+let account = null;
+```
+
+Une fois les données utilisateur enregistrées dans une variable, nous pouvons naviguer de la page *login* au *dashboard* en utilisant la fonction `navigate()` que nous avons déjà.
+
+Enfin, nous devons appeler notre fonction `login` lorsque le formulaire de login est soumis, en modifiant le HTML:
+
+```html
+<form id="loginForm" action="javascript:login()">
+```
+
+Vérifiez que tout fonctionne correctement en enregistrant un nouveau compte et en essayant de vous connecter à l’aide du même compte.
+
+Avant de passer à la partie suivante, nous pouvons également compléter la fonction `register` en ajoutant ceci au bas de la fonction:
+
+```js
+account = result;
+navigate('/dashboard');
+```
+
+✅ Saviez-vous que par défaut, vous ne pouvez appeler les API du serveur qu’à partir du *même domaine et port* que la page Web que vous consultez? Il s’agit d’un mécanisme de sécurité appliqué par les navigateurs. Mais attendez, notre application web s’exécute sur 'localhost:3000' alors que l’API du serveur s’exécute sur `localhost:3000`, pourquoi cela fonctionne-t-il? En utilisant une technique appelée [Cross-Origin Resource Sharing (CORS)](https://developer.mozilla.org/docs/Web/HTTP/CORS), il est possible d’effectuer des requêtes HTTP inter-origines si le serveur ajoute des en-têtes spéciaux à la réponse, ce qui permet des exceptions pour des domaines spécifiques.
+
+> En savoir plus sur les API en suivant cette [leçon](https://docs.microsoft.com/learn/modules/use-apis-discover-museum-art?WT.mc_id=academic-13441-cxa)
+
+## Mettre à jour le code HTML pour afficher les données
+
+Maintenant que nous avons les données utilisateur, nous devons mettre à jour le code HTML existant pour l’afficher. Nous savons déjà comment récupérer un élément du DOM en utilisant par exemple `document.getElementById()`. Une fois que vous avez un élément de base, voici quelques API que vous pouvez utiliser pour le modifier ou y ajouter des éléments enfants:
+
+- En utilisant la propriété [`textContent`](https://developer.mozilla.org/docs/Web/API/Node/textContent), vous pouvez modifier le texte d’un élément. Notez que la modification de cette valeur supprime tous les enfants de l’élément (le cas échéant) et le remplace par le texte fourni. En tant que tel, c’est aussi une méthode efficace pour supprimer tous les enfants d’un élément donné en lui attribuant une chaîne vide `''` à celui-ci.
+
+- En utilisant [`document.createElement()`](https://developer.mozilla.org/docs/Web/API/Document/createElement) avec la méthode [`append()`](https://developer.mozilla.org/docs/Web/API/ParentNode/append), vous pouvez créer et attacher un ou plusieurs nouveaux éléments enfants.
+
+✅ En utilisant la propriété [`innerHTML`](https://developer.mozilla.org/docs/Web/API/Element/innerHTML) d’un élément, il est également possible de modifier son contenu HTML, mais celui-ci doit être évité car il est vulnérable aux attaques [cross-site scripting (XSS)](https://developer.mozilla.org/docs/Glossary/Cross-site_scripting).
+
+### Tâche
+
+Avant de passer à l’écran du tableau de bord, il y a encore une chose que nous devrions faire sur la page *connexion*. Actuellement, si vous essayez de vous connecter avec un nom d’utilisateur qui n’existe pas, un message s’affiche dans la console, mais pour un utilisateur normal, rien ne change et vous ne savez pas ce qui se passe.
+
+Ajoutons un élément d’espace réservé dans le formulaire de connexion où nous pouvons afficher un message d’erreur si nécessaire. Un bon endroit serait juste avant la connexion `<button>`:
+
+```html
+...
+<div id="loginError"></div>
+<button>Login</button>
+...
+```
+
+Cet élément `<div>` est vide, ce qui signifie que rien ne sera affiché à l’écran tant que nous n’y aurons pas ajouté du contenu. Nous lui donnons également un `id` afin que nous puissions le récupérer facilement avec JavaScript.
+
+Revenez au fichier `app.js` et créez une nouvelle fonction d’assistance `updateElement`:
+
+```js
+function updateElement(id, text) {
+  const element = document.getElementById(id);
+  element.textContent = text;
+}
+```
+
+Celui-ci est assez simple: selon un élément *id* et *text*, il mettra à jour le contenu textuel de l’élément DOM avec l'`id` correspondant. Utilisons cette méthode à la place du message d’erreur précédent dans la fonction `login`:
+
+```js
+if (data.error) {
+  return updateElement('loginError', data.error);
+}
+```
+
+Maintenant, si vous essayez de vous connecter avec un compte non valide, vous devriez voir quelque chose comme ceci:
+
+![Capture d’écran montrant le message d’erreur affiché lors de la connexion](../images/login-error.png)
+
+Maintenant, nous avons un texte d’erreur qui apparaît visuellement, mais si vous l’essayez avec un lecteur d’écran, vous remarquerez que rien n’est annoncé. Pour que le texte ajouté dynamiquement à une page soit annoncé par les lecteurs d’écran, il devra utiliser quelque chose appelé [Live Region](https://developer.mozilla.org/docs/Web/Accessibility/ARIA/ARIA_Live_Regions). Ici, nous allons utiliser un type spécifique de région en direct (live region) appelée alerte:
+
+```html
+<div id="loginError" role="alert"></div>
+```
+
+Implémentez le même comportement pour les erreurs de la fonction `register` (n’oubliez pas de mettre à jour le code HTML).
+
+## Afficher les informations sur le tableau de bord
+
+En utilisant les mêmes techniques que nous venons de voir, nous nous occuperons également d’afficher les informations du compte sur la page du tableau de bord.
+
+Voici à quoi ressemble un objet de compte reçu du serveur:
+
+```json
+{
+  "user": "test",
+  "currency": "$",
+  "description": "Test account",
+  "balance": 75,
+  "transactions": [
+    { "id": "1", "date": "2020-10-01", "object": "Pocket money", "amount": 50 },
+    { "id": "2", "date": "2020-10-03", "object": "Book", "amount": -10 },
+    { "id": "3", "date": "2020-10-04", "object": "Sandwich", "amount": -5 }
+  ],
+}
+```
+
+> Remarque: pour vous faciliter la vie, vous pouvez utiliser le compte `test` préexistant qui est déjà rempli de données.
+
+### Tâche
+
+Commençons par remplacer la section "Balance" dans le code HTML pour ajouter des éléments d’espace réservé:
+
+```html
+<section>
+  Balance: <span id="balance"></span><span id="currency"></span>
+</section>
+```
+
+Nous ajouterons également une nouvelle section juste en dessous pour afficher la description du compte:
+
+```html
+<h2 id="description"></h2>
+```
+
+✅ Étant donné que la description du compte fonctionne comme un titre pour le contenu en dessous, elle est marquée sémantiquement comme un en-tête. Apprenez-en davantage sur l’importance de [structure de titre](https://www.nomensa.com/blog/2017/how-structure-headings-web-accessibility) pour l’accessibilité, et jetez un coup d’œil critique à la page pour déterminer ce qui pourrait être un autre titre.
+
+Ensuite, nous allons créer une nouvelle fonction dans `app.js` pour remplir l’espace réservé:
+
+```js
+function updateDashboard() {
+  if (!account) {
+    return navigate('/login');
+  }
+
+  updateElement('description', account.description);
+  updateElement('balance', account.balance.toFixed(2));
+  updateElement('currency', account.currency);
+}
+```
+
+Tout d’abord, nous vérifions que nous avons les données de compte dont nous avons besoin avant d’aller plus loin. Ensuite, nous utilisons la fonction `updateElement()` que nous avons créée précédemment pour mettre à jour le code HTML.
+
+> Pour rendre l’affichage de la balance plus joli, nous utilisons la méthode [`toFixed(2)`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixed) pour forcer l’affichage de la valeur avec 2 chiffres après la virgule.
+
+Maintenant, nous devons appeler notre fonction `updateDashboard()` chaque fois que le tableau de bord est chargé. Si vous avez déjà terminé le [devoir de la leçon 1](../../1-template-route/translations/README.fr.md) cela devrait être simple, sinon vous pouvez utiliser l’implémentation suivante.
+
+Ajoutez ce code à la fin de la fonction `updateRoute()`:
+
+```js
+if (typeof route.init === 'function') {
+  route.init();
+}
+```
+
+Et mettez à jour la définition des itinéraires avec:
+
+```js
+const routes = {
+  '/login': { templateId: 'login' },
+  '/dashboard': { templateId: 'dashboard', init: updateDashboard }
+};
+```
+
+Avec ce changement, chaque fois que la page du tableau de bord est affichée, la fonction `updateDashboard()` est appelée. Après une connexion, vous devriez alors être en mesure de voir le solde du compte, la devise et la description.
+
+## Créer dynamiquement des lignes de tableau avec des modèles HTML
+
+Dans la [première leçon](../../1-template-route/translations/README.fr.md) nous avons utilisé des modèles HTML avec la méthode [`appendChild()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild) pour implémenter la navigation dans notre application. Les modèles peuvent également être plus petits et utilisés pour remplir dynamiquement des parties répétitives d’une page.
+
+Nous utiliserons une approche similaire pour afficher la liste des transactions dans le tableau HTML.
+
+### Tâche
+
+Ajoutez un nouveau modèle dans le code HTML `<body>`:
+
+```html
+<template id="transaction">
+  <tr>
+    <td></td>
+    <td></td>
+    <td></td>
+  </tr>
+</template>
+```
+
+Ce modèle représente une seule ligne de tableau, avec les 3 colonnes que nous voulons remplir: *date*, *object* et *amount* d’une transaction.
+
+Ensuite, ajoutez cette propriété `id` à l’élément `<tbody>` du tableau dans le modèle de tableau de bord pour faciliter la recherche à l’aide de JavaScript:
+
+```html
+<tbody id="transactions"></tbody>
+```
+
+Notre HTML est prêt, passons au code JavaScript et créons une nouvelle fonction `createTransactionRow`:
+
+```js
+function createTransactionRow(transaction) {
+  const template = document.getElementById('transaction');
+  const transactionRow = template.content.cloneNode(true);
+  const tr = transactionRow.querySelector('tr');
+  tr.children[0].textContent = transaction.date;
+  tr.children[1].textContent = transaction.object;
+  tr.children[2].textContent = transaction.amount.toFixed(2);
+  return transactionRow;
+}
+```
+
+Cette fonction fait exactement ce que ses noms impliquent: en utilisant le modèle que nous avons créé précédemment, elle crée une nouvelle ligne de tableau et remplit son contenu à l’aide de données de transaction. Nous l’utiliserons dans notre fonction `updateDashboard()` pour remplir la table:
+
+```js
+const transactionsRows = document.createDocumentFragment();
+for (const transaction of account.transactions) {
+  const transactionRow = createTransactionRow(transaction);
+  transactionsRows.appendChild(transactionRow);
+}
+updateElement('transactions', transactionsRows);
+```
+
+Ici, nous utilisons la méthode [`document.createDocumentFragment()`](https://developer.mozilla.org/docs/Web/API/Document/createDocumentFragment) qui crée un nouveau fragment DOM sur lequel nous pouvons travailler, avant de finalement l’attacher à notre tableau HTML.
+
+Il reste encore une chose à faire avant que ce code puisse fonctionner, car notre fonction `updateElement()` ne prend actuellement en charge que le contenu texte. Changeons un peu son code:
+
+```js
+function updateElement(id, textOrNode) {
+  const element = document.getElementById(id);
+  element.textContent = ''; // Removes all children
+  element.append(textOrNode);
+}
+```
+
+Nous utilisons la méthode [`append()`](https://developer.mozilla.org/docs/Web/API/ParentNode/append) car elle permet d’attacher du texte ou des [nœuds DOM](https://developer.mozilla.org/docs/Web/API/Node) à un élément parent, ce qui est parfait pour tous nos cas d’utilisation.
+
+Si vous essayez d’utiliser le compte `test` pour vous connecter, vous devriez maintenant voir une liste de transactions sur le tableau de bord 🎉.
+
+---
+
+## 🚀 Challenge
+
+Travaillez ensemble pour que la page du tableau de bord ressemble à une véritable application bancaire. Si vous avez déjà stylisé votre application, essayez d'utiliser des [requêtes multimédias](https://developer.mozilla.org/docs/Web/CSS/Media_Queries) pour créer un [design réactif](https://developer.mozilla.org/docs/Web/Progressive_web_apps/Responsive/responsive_design_building_blocks) qui fonctionne bien sur les ordinateurs de bureau et les appareils mobiles.
+
+Voici un exemple de page de tableau de bord stylisée:
+
+![Capture d'écran d'un exemple de résultat du tableau de bord après le style](../../images/screen2.png)
+
+## Quiz de validation des connaissances
+
+[Quiz de validation des connaissances](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/46?loc=fr)
+
+## Affectation
+
+[Refactorisez et commentez votre code](assignment.fr.md)
diff --git a/7-bank-project/3-data/translations/README.hi.md b/7-bank-project/3-data/translations/README.hi.md
index d7b92da4..df9fdd44 100644
--- a/7-bank-project/3-data/translations/README.hi.md
+++ b/7-bank-project/3-data/translations/README.hi.md
@@ -29,11 +29,11 @@ curl http://localhost:5000/api
 
 ![मल्टी-पेज एप्लिकेशन में वर्कफ़्लो अपडेट करें](../images/mpa.png)
 
-जब वेब एप्लिकेशन अधिक जटिल और संवादात्मक होने लगे, तो [AJAX (असिंक्रोनोस  जावास्क्रिप्ट और XML)](https://en.wikipedia.org/wiki/Ajax_(programming)) नामक एक नई तकनीक सामने आई। यह तकनीक वेब ऐप्स को HTML पेज को फिर से लोड किए बिना, जावास्क्रिप्ट के उपयोग से सर्वर से असिंक्रोनोस  रूप से डेटा भेजने और पुनः प्राप्त करने की अनुमति देती है, जिसके परिणामस्वरूप तेज़ अपडेट और सुगम उपयोगकर्ता सहभागिता होती है। जब सर्वर से नया डेटा प्राप्त होता है, तो वर्तमान HTML पृष्ठ को [DOM](https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Melel) API का उपयोग करके जावास्क्रिप्ट के साथ भी अपडेट किया जा सकता है। समय के साथ, यह दृष्टिकोण अब एक [* सिंगल-पेज एप्लिकेशन* या *एसपीए*](https://en.wikipedia.org/wiki/Single-page_application) कहलाता है।
+जब वेब एप्लिकेशन अधिक जटिल और संवादात्मक होने लगे, तो [AJAX (असिंक्रोनोस  जावास्क्रिप्ट और XML)](https://en.wikipedia.org/wiki/Ajax_(programming)) नामक एक नई तकनीक सामने आई। यह तकनीक वेब ऐप्स को HTML पेज को फिर से लोड किए बिना, जावास्क्रिप्ट के उपयोग से सर्वर से असिंक्रोनोस  रूप से डेटा भेजने और पुनः प्राप्त करने की अनुमति देती है, जिसके परिणामस्वरूप तेज़ अपडेट और सुगम उपयोगकर्ता सहभागिता होती है। जब सर्वर से नया डेटा प्राप्त होता है, तो वर्तमान HTML पृष्ठ को [DOM](https://developer.mozilla.org/docs/Web/API/Document_Object_Melel) API का उपयोग करके जावास्क्रिप्ट के साथ भी अपडेट किया जा सकता है। समय के साथ, यह दृष्टिकोण अब एक [* सिंगल-पेज एप्लिकेशन* या *एसपीए*](https://en.wikipedia.org/wiki/Single-page_application) कहलाता है।
 
 ![एकल-पृष्ठ एप्लिकेशन में वर्कफ़्लो अपडेट करें](../images/spa.png)
 
-जब AJAX पहली बार पेश किया गया था, तो डेटा को अतुल्य रूप से लाने के लिए उपलब्ध एकमात्र API [`XMLHttpRequest`](https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest) था। लेकिन आधुनिक ब्राउज़र अब अधिक सुविधाजनक और शक्तिशाली [`Fetch` API](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API) लागू करते हैं, जो प्रामिसेस का उपयोग करता है और हेरफेर करने के लिए बेहतर अनुकूल है JSON डेटा।
+जब AJAX पहली बार पेश किया गया था, तो डेटा को अतुल्य रूप से लाने के लिए उपलब्ध एकमात्र API [`XMLHttpRequest`](https://developer.mozilla.org/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest) था। लेकिन आधुनिक ब्राउज़र अब अधिक सुविधाजनक और शक्तिशाली [`Fetch` API](https://developer.mozilla.org/docs/Web/API/Fetch_API) लागू करते हैं, जो प्रामिसेस का उपयोग करता है और हेरफेर करने के लिए बेहतर अनुकूल है JSON डेटा।
 
 > जबकि सभी आधुनिक ब्राउज़र `Fetch API` का समर्थन करते हैं, यदि आप चाहते हैं कि आपका वेब एप्लिकेशन विरासत या पुराने ब्राउज़रों पर काम करे, तो यह हमेशा एक अच्छा विचार है कि [caniuse.com पर संगतता तालिका](https://caniuse.com/fetch) पहले की जाँच करें।
 
@@ -63,7 +63,7 @@ async function getAccount(user) {
 }
 ```
 
-हम सर्वर से एसिंक्रोनस रूप से डेटा का अनुरोध करने के लिए `fetch` एपीआई का उपयोग करते हैं, लेकिन इस बार हमें कॉल करने के लिए URL के अलावा किसी भी अतिरिक्त पैरामीटर की आवश्यकता नहीं है, क्योंकि हम केवल डेटा क्वेरी कर रहे हैं। डिफ़ॉल्ट रूप से, 'fetch' एक [`GET`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/GET)  HTTP अनुरोध बनाता है , जो हम यहाँ चाह रहे हैं।
+हम सर्वर से एसिंक्रोनस रूप से डेटा का अनुरोध करने के लिए `fetch` एपीआई का उपयोग करते हैं, लेकिन इस बार हमें कॉल करने के लिए URL के अलावा किसी भी अतिरिक्त पैरामीटर की आवश्यकता नहीं है, क्योंकि हम केवल डेटा क्वेरी कर रहे हैं। डिफ़ॉल्ट रूप से, 'fetch' एक [`GET`](https://developer.mozilla.org/docs/Web/HTTP/Methods/GET)  HTTP अनुरोध बनाता है , जो हम यहाँ चाह रहे हैं।
 
 ✅ `encodeURIComponent()` एक फ़ंक्शन है जो URL के लिए विशेष वर्णों से बच जाता है। यदि हम इस फ़ंक्शन को कॉल नहीं करते हैं और URL में सीधे `user` वैल्यू का उपयोग करते हैं, तो संभवतः हमारे पास क्या समस्याएँ हो सकती हैं?
 
@@ -109,19 +109,19 @@ account = result;
 navigate('/dashboard');
 ```
 
-✅ क्या आप जानते हैं कि डिफ़ॉल्ट रूप से, आप सर्वर API को केवल उसी वेब पेज से *उसी डोमेन और पोर्ट* से कॉल कर सकते हैं जो आप देख रहे हैं? यह सुरक्षा तंत्र है जो ब्राउज़र द्वारा लागू किया जाता है। लेकिन रुकिए, हमारा वेब ऐप `localhost:3000` पर चल रहा है जबकि सर्वर एपीआई `localhost:5000` पर चल रहा है, यह काम क्यों नहीं करता है? [क्रॉस-ओरिजिनल रिसोर्स शेयरिंग (CORS)](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS) नामक तकनीक का उपयोग करके, क्रॉस-ऑरिजनल HTTP रिक्वेस्ट करना संभव है अगर सर्वर प्रतिक्रिया के लिए विशेष हेडर जोड़ता है, विशिष्ट डोमेन के लिए अपवाद की अनुमति देता है।
+✅ क्या आप जानते हैं कि डिफ़ॉल्ट रूप से, आप सर्वर API को केवल उसी वेब पेज से *उसी डोमेन और पोर्ट* से कॉल कर सकते हैं जो आप देख रहे हैं? यह सुरक्षा तंत्र है जो ब्राउज़र द्वारा लागू किया जाता है। लेकिन रुकिए, हमारा वेब ऐप `localhost:3000` पर चल रहा है जबकि सर्वर एपीआई `localhost:5000` पर चल रहा है, यह काम क्यों नहीं करता है? [क्रॉस-ओरिजिनल रिसोर्स शेयरिंग (CORS)](https://developer.mozilla.org/docs/Web/HTTP/CORS) नामक तकनीक का उपयोग करके, क्रॉस-ऑरिजनल HTTP रिक्वेस्ट करना संभव है अगर सर्वर प्रतिक्रिया के लिए विशेष हेडर जोड़ता है, विशिष्ट डोमेन के लिए अपवाद की अनुमति देता है।
 
-> इसे [पाठ](https://docs.microsoft.com/en-us/learn/modules/use-apis-discover-museum-art?WT.mc_id=academic-13441-cxa) ले कर एपीआई के बारे में और जानें
+> इसे [पाठ](https://docs.microsoft.com/learn/modules/use-apis-discover-museum-art?WT.mc_id=academic-13441-cxa) ले कर एपीआई के बारे में और जानें
 
 ## डेटा प्रदर्शित करने के लिए HTML अपडेट करें
 
 अब जब हमारे पास उपयोगकर्ता डेटा है, तो हमें इसे प्रदर्शित करने के लिए मौजूदा HTML को अपडेट करना होगा। हम पहले से ही जानते हैं कि DOM से एक एलेमेन्ट कैसे प्राप्त किया जा सकता है उदाहरण के लिए `document.getElementById()` का उपयोग करना। आपके पास आधार एलेमेन्ट होने के बाद, यहां कुछ API हैं जिनका उपयोग आप इसे संशोधित करने या इसमें बाल एलेमेन्ट जोड़ने के लिए कर सकते हैं:
 
-- [`TextContent`](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent) प्रॉपर्टी का उपयोग करके आप किसी एलेमेन्ट का पाठ बदल सकते हैं। ध्यान दें कि इस मान को बदलने से सभी एलेमेन्ट के बच्चे (यदि कोई हो) को हटा देता है और प्रदान किए गए पाठ के साथ बदल देता है। जैसे, यह किसी दिए गए एलेमेन्ट के सभी बच्चों को एक खाली स्ट्रिंग `''` को निर्दिष्ट करके निकालने की एक कुशल विधि है।
+- [`TextContent`](https://developer.mozilla.org/docs/Web/API/Node/textContent) प्रॉपर्टी का उपयोग करके आप किसी एलेमेन्ट का पाठ बदल सकते हैं। ध्यान दें कि इस मान को बदलने से सभी एलेमेन्ट के बच्चे (यदि कोई हो) को हटा देता है और प्रदान किए गए पाठ के साथ बदल देता है। जैसे, यह किसी दिए गए एलेमेन्ट के सभी बच्चों को एक खाली स्ट्रिंग `''` को निर्दिष्ट करके निकालने की एक कुशल विधि है।
 
-- [`document.createElement()`](https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement)  के साथ [`append()`](https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/append) विधि का उपयोग करके आप बना सकते हैं और एक या अधिक नए बाल एलेमेन्ट संलग्न करें।
+- [`document.createElement()`](https://developer.mozilla.org/docs/Web/API/Document/createElement)  के साथ [`append()`](https://developer.mozilla.org/docs/Web/API/ParentNode/append) विधि का उपयोग करके आप बना सकते हैं और एक या अधिक नए बाल एलेमेन्ट संलग्न करें।
 
-✅ किसी एलेमेन्ट की प्रॉपर्टी का उपयोग करते हुए [`innerHTML`](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML) का उपयोग करना संभव है, लेकिन यह एक होना चाहिए [क्रॉस-साइट स्क्रिप्टिंग (XSS)](https://developer.mozilla.org/en-US/docs/Glossary/Cross-site_scripting) हमलों के कारण इसकी चपेट में आने से बचा जा सकता है।
+✅ किसी एलेमेन्ट की प्रॉपर्टी का उपयोग करते हुए [`innerHTML`](https://developer.mozilla.org/docs/Web/API/Element/innerHTML) का उपयोग करना संभव है, लेकिन यह एक होना चाहिए [क्रॉस-साइट स्क्रिप्टिंग (XSS)](https://developer.mozilla.org/docs/Glossary/Cross-site_scripting) हमलों के कारण इसकी चपेट में आने से बचा जा सकता है।
 
 ### टास्क
 
@@ -160,7 +160,7 @@ if (data.error) {
 
 ![लॉगिन के दौरान प्रदर्शित त्रुटि संदेश दिखाने वाला स्क्रीनशॉट](../images/login-error.png)
 
-अब हमारे पास त्रुटि पाठ है जो नेत्रहीन रूप से दिखाई देता है, लेकिन यदि आप इसे एक स्क्रीन रीडर के साथ आज़माते हैं तो आप देखेंगे कि कुछ भी घोषित नहीं हुआ है। पाठ पाठकों के लिए गतिशील रूप से एक पृष्ठ में जोड़े जाने की घोषणा के लिए, इसे [लाइव रीजन](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) नामक कुछ का उपयोग करने की आवश्यकता होगी। यहां हम एक विशिष्ट प्रकार के लाइव क्षेत्र का उपयोग करने जा रहे हैं, जिसे अलर्ट कहा जाता है:
+अब हमारे पास त्रुटि पाठ है जो नेत्रहीन रूप से दिखाई देता है, लेकिन यदि आप इसे एक स्क्रीन रीडर के साथ आज़माते हैं तो आप देखेंगे कि कुछ भी घोषित नहीं हुआ है। पाठ पाठकों के लिए गतिशील रूप से एक पृष्ठ में जोड़े जाने की घोषणा के लिए, इसे [लाइव रीजन](https://developer.mozilla.org/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) नामक कुछ का उपयोग करने की आवश्यकता होगी। यहां हम एक विशिष्ट प्रकार के लाइव क्षेत्र का उपयोग करने जा रहे हैं, जिसे अलर्ट कहा जाता है:
 
 ```html
 <div id="loginError" role="alert"></div>
@@ -225,7 +225,7 @@ function updateDashboard() {
 
 पहले, हम जाँचते हैं कि आगे जाने से पहले हमारे पास खाता डेटा है जो हमें चाहिए। तब हम HTML को अपडेट करने के लिए पहले बनाए गए `updateElement()` फ़ंक्शन का उपयोग करते हैं।
 
-> बैलेंस डिस्प्ले को प्रीटियर करने के लिए, हम दशमलव बिंदु के बाद 2 अंकों के साथ मान प्रदर्शित करने के लिए मजबूर करने के लिए [`toFixed (2)`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixed) विधि का उपयोग करते हैं।
+> बैलेंस डिस्प्ले को प्रीटियर करने के लिए, हम दशमलव बिंदु के बाद 2 अंकों के साथ मान प्रदर्शित करने के लिए मजबूर करने के लिए [`toFixed (2)`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixed) विधि का उपयोग करते हैं।
 
 अब हमें अपने `updateDashboard()` को हर बार डैशबोर्ड लोड होने पर कॉल करने की आवश्यकता है। यदि आपने पहले ही [पाठ 1 असाइनमेंट](../../1-template-route/translations/assignment.hi.md) को पूरा कर लिया है, तो यह स्ट्रेचेफोवर्ड होना चाहिए, अन्यथा आप निम्नलिखित कार्यान्वयन का उपयोग कर सकते हैं।
 
@@ -250,7 +250,7 @@ const routes = {
 
 ## HTML टेम्पलेट के साथ गतिशील रूप से तालिका पंक्तियाँ बनाएं
 
-[पहला पाठ](../../1-template-route/translations/README.hi.md) मे हमने एचटीएमएल टेम्पलेटके साथ [`appendChild()`](https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild) मेथड को नेवीगेशनके लिए अपने एप मे लागू किया था । टेम्प्लेट छोटे भी हो सकते हैं और किसी पृष्ठ के दोहराए गए भागों को गतिशील रूप से आबाद करने के लिए उपयोग किए जा सकते हैं।
+[पहला पाठ](../../1-template-route/translations/README.hi.md) मे हमने एचटीएमएल टेम्पलेटके साथ [`appendChild()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild) मेथड को नेवीगेशनके लिए अपने एप मे लागू किया था । टेम्प्लेट छोटे भी हो सकते हैं और किसी पृष्ठ के दोहराए गए भागों को गतिशील रूप से आबाद करने के लिए उपयोग किए जा सकते हैं।
 
 हम एचटीएमएल तालिका में लेनदेन की सूची प्रदर्शित करने के लिए एक समान दृष्टिकोण का उपयोग करेंगे।
 
@@ -301,7 +301,7 @@ for (const transaction of account.transactions) {
 updateElement('transactions', transactionsRows);
 ```
 
-यहां हम उस मेथड का उपयोग करते हैं [`document.createDocumentFragment()`](https://developer.mozilla.org/en-US/docs/Web/API/Document/createDocumentFragment) जो एक नया DOM टुकड़ा बनाता है जिस पर हम काम कर सकते हैं, अंत में इसे हमारे HTML तालिका में संलग्न करने से पहले।
+यहां हम उस मेथड का उपयोग करते हैं [`document.createDocumentFragment()`](https://developer.mozilla.org/docs/Web/API/Document/createDocumentFragment) जो एक नया DOM टुकड़ा बनाता है जिस पर हम काम कर सकते हैं, अंत में इसे हमारे HTML तालिका में संलग्न करने से पहले।
 
 इस कोड के काम करने से पहले अभी भी हमें एक और काम करना है, क्योंकि हमारा `updateElement()` फ़ंक्शन वर्तमान में केवल टेक्स्ट सामग्री का सपोर्ट करता है। आइए इसके कोड को थोड़ा बदलें:
 
@@ -313,7 +313,7 @@ function updateElement(id, textOrNode) {
 }
 ```
 
-हम [`append()`](https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/append) मेथड का उपयोग करते हैं क्योंकि यह टेक्स्ट या [DOM नोड्स](https://developer.mozilla.org/en-US/docs/Web/API/Node) को पेरन्ट एलेमेन्टसे जोड़ने की अनुमति देता है , जो हमारे सभी उपयोग मामलों के लिए एकदम सही है।
+हम [`append()`](https://developer.mozilla.org/docs/Web/API/ParentNode/append) मेथड का उपयोग करते हैं क्योंकि यह टेक्स्ट या [DOM नोड्स](https://developer.mozilla.org/docs/Web/API/Node) को पेरन्ट एलेमेन्टसे जोड़ने की अनुमति देता है , जो हमारे सभी उपयोग मामलों के लिए एकदम सही है।
 
 यदि आप लॉगिन करने के लिए `टेस्ट` खाते का उपयोग करने का प्रयास करते हैं, तो आपको अब डैशबोर्ड पर एक लेनदेन सूची देखनी चाहिए 🎉.
 
@@ -321,7 +321,7 @@ function updateElement(id, textOrNode) {
 
 ## 🚀 चुनौती
 
-डैशबोर्ड पृष्ठ को वास्तविक बैंकिंग ऐप की तरह बनाने के लिए एक साथ काम करें। यदि आप पहले से ही अपने ऐप को स्टाइल करते हैं, तो डेस्कटॉप और मोबाइल डिवाइस दोनों पर अच्छी तरह से काम करते हुए [उत्तरदायी डिज़ाइन](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Responsive/responsive_design_building_blocks) बनाने के लिए [मीडिया क्वेरीज़](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries) का उपयोग करने का प्रयास करें।
+डैशबोर्ड पृष्ठ को वास्तविक बैंकिंग ऐप की तरह बनाने के लिए एक साथ काम करें। यदि आप पहले से ही अपने ऐप को स्टाइल करते हैं, तो डेस्कटॉप और मोबाइल डिवाइस दोनों पर अच्छी तरह से काम करते हुए [उत्तरदायी डिज़ाइन](https://developer.mozilla.org/docs/Web/Progressive_web_apps/Responsive/responsive_design_building_blocks) बनाने के लिए [मीडिया क्वेरीज़](https://developer.mozilla.org/docs/Web/CSS/Media_Queries) का उपयोग करने का प्रयास करें।
 
 यहाँ एक सत्यलेड डैशबोर्ड पृष्ठ का उदाहरण दिया गया है:
 
diff --git a/7-bank-project/3-data/translations/README.ja.md b/7-bank-project/3-data/translations/README.ja.md
index 2906f53a..038f6b60 100644
--- a/7-bank-project/3-data/translations/README.ja.md
+++ b/7-bank-project/3-data/translations/README.ja.md
@@ -223,7 +223,7 @@ function updateDashboard() {
 
 > 残高表示をよりきれいにするために、メソッド [`toFixed(2)`](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixed) を使用して、小数点以下2桁の値を強制的に表示します。
 
-これで、ダッシュボードがロードされるたびに `updateDashboard()` 関数を呼び出す必要があります。既に [レッスン1の課題] (../../1-template-route/translations/README.ja.md) を終了している場合は簡単ですが、そうでない場合は以下の実装を使用することができます。
+これで、ダッシュボードがロードされるたびに `updateDashboard()` 関数を呼び出す必要があります。既に [レッスン1の課題](../../1-template-route/translations/README.ja.md) を終了している場合は簡単ですが、そうでない場合は以下の実装を使用することができます。
 
 このコードを `updateRoute()` 関数の最後に追加します。
 
diff --git a/7-bank-project/3-data/translations/README.zh-tw.md b/7-bank-project/3-data/translations/README.zh-tw.md
index 6d473f01..d1100e17 100644
--- a/7-bank-project/3-data/translations/README.zh-tw.md
+++ b/7-bank-project/3-data/translations/README.zh-tw.md
@@ -31,11 +31,11 @@ curl http://localhost:5000/api
 
 網頁應用程式變得更加複雜，促使新的技術問世：[AJAX (Asynchronous JavaScript and XML)](https://zh.wikipedia.org/wiki/AJAX)。
 
-這個技巧允許網頁應用程式使用 JavaScript 非同步地傳遞與接收伺服器的資料，不需要重新載入 HTML 頁面，也反映在更快速的更新速率與更流暢的使用者體驗。在接收伺服器的新資料時，目前的 HTML 頁面可以被 JavaScript 利用 [DOM](https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model) API 更新。自此之後，這種流程演變成現今的[*單一頁面應用程式(Single-Page Application)*，*SPA*](https://zh.wikipedia.org/wiki/%E5%8D%95%E9%A1%B5%E5%BA%94%E7%94%A8)。
+這個技巧允許網頁應用程式使用 JavaScript 非同步地傳遞與接收伺服器的資料，不需要重新載入 HTML 頁面，也反映在更快速的更新速率與更流暢的使用者體驗。在接收伺服器的新資料時，目前的 HTML 頁面可以被 JavaScript 利用 [DOM](https://developer.mozilla.org/docs/Web/API/Document_Object_Model) API 更新。自此之後，這種流程演變成現今的[*單一頁面應用程式(Single-Page Application)*，*SPA*](https://zh.wikipedia.org/wiki/%E5%8D%95%E9%A1%B5%E5%BA%94%E7%94%A8)。
 
 ![單一頁面應用程式的更新流程](../images/spa.png)
 
-在 AJAX 早期，唯一取得資料的 API 為 [`XMLHttpRequest`](https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest)。但當代的瀏覽器已經建立出更方便且強大的 [`Fetch` API](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API)，它們使用 Promises 物件且更適合應用在 JSON 資料上。
+在 AJAX 早期，唯一取得資料的 API 為 [`XMLHttpRequest`](https://developer.mozilla.org/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest)。但當代的瀏覽器已經建立出更方便且強大的 [`Fetch` API](https://developer.mozilla.org/docs/Web/API/Fetch_API)，它們使用 Promises 物件且更適合應用在 JSON 資料上。
 
 > 許多當代瀏覽器支援 `Fetch API`，如果你想確認你的網頁應用程式是否運作在舊款的瀏覽器，檢查 [caniuse.com 上的相容性測試](https://caniuse.com/fetch)是一個好方法。
 
@@ -65,7 +65,7 @@ async function getAccount(user) {
 }
 ```
 
-我們使用 `fetch` API 來向伺服器做非同步資料請求。這次我們不需要添加額外的參數，如網址，我們只詢問資料內容。預設上，`fetch` 建立出 [`GET`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/GET) HTTP 請求，即我們想做的事情。
+我們使用 `fetch` API 來向伺服器做非同步資料請求。這次我們不需要添加額外的參數，如網址，我們只詢問資料內容。預設上，`fetch` 建立出 [`GET`](https://developer.mozilla.org/docs/Web/HTTP/Methods/GET) HTTP 請求，即我們想做的事情。
 
 ✅ 函式 `encodeURIComponent()` 可以轉換網址內的特殊字元。如果我們不呼叫這個函式，而是直接將 `user` 這項數值放入網址中，這會發生什麼問題？
 
@@ -111,19 +111,19 @@ account = result;
 navigate('/dashboard');
 ```
 
-✅ 你知道在預設上，你只能從*同一個網域(domain)與連接埠(port)*的網頁呼叫伺服器 APIs 嗎？這是瀏覽器強制性的安全機制。但我們的網頁應用程式在 `localhost:3000` 上執行，而伺服器 API 則在 `localhost:5000` 上執行。為什麼這樣能正常運作？利用[跨來源資源共用 (CORS)](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS)，只要伺服器添加特殊的標頭檔到網頁回應中，我們就可以處理跨資源的 HTTP 請求，允許特殊的網域進行呼叫。
+✅ 你知道在預設上，你只能從*同一個網域(domain)與連接埠(port)*的網頁呼叫伺服器 APIs 嗎？這是瀏覽器強制性的安全機制。但我們的網頁應用程式在 `localhost:3000` 上執行，而伺服器 API 則在 `localhost:5000` 上執行。為什麼這樣能正常運作？利用[跨來源資源共用 (CORS)](https://developer.mozilla.org/docs/Web/HTTP/CORS)，只要伺服器添加特殊的標頭檔到網頁回應中，我們就可以處理跨資源的 HTTP 請求，允許特殊的網域進行呼叫。
 
-> 藉由前往[此課程](https://docs.microsoft.com/en-us/learn/modules/use-apis-discover-museum-art?WT.mc_id=academic-13441-cxa)學習更多有關 API 的資訊。
+> 藉由前往[此課程](https://docs.microsoft.com/learn/modules/use-apis-discover-museum-art?WT.mc_id=academic-13441-cxa)學習更多有關 API 的資訊。
 
 ## 更新 HTML 顯示資料
 
 現在取得完用戶資料，我們必須更新到現有的 HTML 上。我們已經知道如何接收 DOM 的元素，例子為 `document.getElementById()`。只要你有元素，這邊有一些 API 讓你修改，或是新增子元素上去：
 
-- 使用 [`textContent`](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent) 屬性，你可以改變元素的文字內容。注意改變此數值會刪除它的所有子元素(若存在的話)，並以該文字內容來替換它。同時，這也是個有效的方法來刪去所有的子成員，只要賦予它空字串 `''`。
+- 使用 [`textContent`](https://developer.mozilla.org/docs/Web/API/Node/textContent) 屬性，你可以改變元素的文字內容。注意改變此數值會刪除它的所有子元素(若存在的話)，並以該文字內容來替換它。同時，這也是個有效的方法來刪去所有的子成員，只要賦予它空字串 `''`。
 
-- 使用 [`document.createElement()`](https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement) 與 [`append()`](https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/append) 這兩方法，你可以建立並接上一到多個子元素成員。
+- 使用 [`document.createElement()`](https://developer.mozilla.org/docs/Web/API/Document/createElement) 與 [`append()`](https://developer.mozilla.org/docs/Web/API/ParentNode/append) 這兩方法，你可以建立並接上一到多個子元素成員。
 
-✅ 使用 [`innerHTML`](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML) 元素屬性也能改變 HTML 的內容，但這方法要避免使用。這可能會遭遇有關[跨網站指令碼 (XSS)](https://developer.mozilla.org/en-US/docs/Glossary/Cross-site_scripting)的攻擊。
+✅ 使用 [`innerHTML`](https://developer.mozilla.org/docs/Web/API/Element/innerHTML) 元素屬性也能改變 HTML 的內容，但這方法要避免使用。這可能會遭遇有關[跨網站指令碼 (XSS)](https://developer.mozilla.org/docs/Glossary/Cross-site_scripting)的攻擊。
 
 ### 課題
 
@@ -161,7 +161,7 @@ if (data.error) {
 
 ![登入出現錯誤訊息之截圖](../images/login-error.png)
 
-現在我們印出錯誤訊息，但螢幕報讀器並沒有做任何報讀。為了讓被動態加入的文字能被螢幕報讀器閱讀出來，我們需要使用 [Live Region](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions)。這邊我們使用一種 Live Region 的類型 alert：
+現在我們印出錯誤訊息，但螢幕報讀器並沒有做任何報讀。為了讓被動態加入的文字能被螢幕報讀器閱讀出來，我們需要使用 [Live Region](https://developer.mozilla.org/docs/Web/Accessibility/ARIA/ARIA_Live_Regions)。這邊我們使用一種 Live Region 的類型 alert：
 
 ```html
 <div id="loginError" role="alert"></div>
@@ -225,7 +225,7 @@ function updateDashboard() {
 
 首先，我們需要先檢查帳戶的資料。使用我們之前建立的函式 `updateElement()` 來更新 HTML 檔。
 
-> 為了讓帳戶餘額漂亮地呈現，我們使用 [`toFixed(2)`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixed) 這個方法，強迫數值只顯示到小數點第二位。
+> 為了讓帳戶餘額漂亮地呈現，我們使用 [`toFixed(2)`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixed) 這個方法，強迫數值只顯示到小數點第二位。
 
 現在，每當儀表板被載入時，我們就需要呼叫函式 `updateDashboard()`。如果你已經完成[課程一的作業](../../1-template-route/translations/assignment.zh-tw.md)，就不需要額外做處理，不然你可以使用接下來的設定。
 
@@ -250,7 +250,7 @@ const routes = {
 
 ## 利用 HTML 模板動態建立表格列
 
-在[第一堂課](../../1-template-route/translations/README.zh-tw.md)中，我們使用 HTML 模板與方法 [`appendChild()`](https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild) 來做出應用程式內的轉換。模板還能執行更小規模的行為，動態地改變一部份的頁面
+在[第一堂課](../../1-template-route/translations/README.zh-tw.md)中，我們使用 HTML 模板與方法 [`appendChild()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild) 來做出應用程式內的轉換。模板還能執行更小規模的行為，動態地改變一部份的頁面
 
 我們使用類似的方式來顯示 HTML 表格中的交易清單。
 
@@ -301,7 +301,7 @@ for (const transaction of account.transactions) {
 updateElement('transactions', transactionsRows);
 ```
 
-這裡我們使用了方法 [`document.createDocumentFragment()`](https://developer.mozilla.org/en-US/docs/Web/API/Document/createDocumentFragment)，建立新的 DOM 分段，再接到我們的 HTML 表格中。
+這裡我們使用了方法 [`document.createDocumentFragment()`](https://developer.mozilla.org/docs/Web/API/Document/createDocumentFragment)，建立新的 DOM 分段，再接到我們的 HTML 表格中。
 
 我們還需要做一件事才能讓程式運作正常，目前函式 `updateElement()` 只能接受文字類型的內容。我們稍微修改一下程式碼：
 
@@ -313,7 +313,7 @@ function updateElement(id, textOrNode) {
 }
 ```
 
-我們使用方法 [`append()`](https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/append)，它能連接文字或者是 [DOM 節點](https://developer.mozilla.org/en-US/docs/Web/API/Node)到父元素中，正好滿足我們的需求。
+我們使用方法 [`append()`](https://developer.mozilla.org/docs/Web/API/ParentNode/append)，它能連接文字或者是 [DOM 節點](https://developer.mozilla.org/docs/Web/API/Node)到父元素中，正好滿足我們的需求。
 
 試著以 `test` 帳戶來登入，你應該能看到儀表板顯示出交易明細了 🎉。
 
@@ -321,7 +321,7 @@ function updateElement(id, textOrNode) {
 
 ## 🚀 挑戰
 
-花功夫讓儀表板頁面看起來像是正規的銀行界面。如果你已經為你的應用程式做好造型，你可以試試 [media queries](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries) 來建立出[回應式網頁設計](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Responsive/responsive_design_building_blocks)，它能完美地呈現在電腦或是行動裝置上。
+花功夫讓儀表板頁面看起來像是正規的銀行界面。如果你已經為你的應用程式做好造型，你可以試試 [media queries](https://developer.mozilla.org/docs/Web/CSS/Media_Queries) 來建立出[回應式網頁設計](https://developer.mozilla.org/docs/Web/Progressive_web_apps/Responsive/responsive_design_building_blocks)，它能完美地呈現在電腦或是行動裝置上。
 
 這邊有造型過後的儀表板例子：
 
diff --git a/7-bank-project/4-state-management/assignment.md b/7-bank-project/4-state-management/assignment.md
index 6aeed403..4df1f86e 100644
--- a/7-bank-project/4-state-management/assignment.md
+++ b/7-bank-project/4-state-management/assignment.md
@@ -16,7 +16,7 @@ Look at the [server API specifications](../api/README.md) to see which API you n
 
 Here's an example result after completing the assignment:
 
-![Screenshot showing an example "Add transation" dialog](./images/dialog.png)
+![Screenshot showing an example "Add transaction" dialog](./images/dialog.png)
 
 ## Rubric
 
diff --git a/7-bank-project/4-state-management/translations/README.fr.md b/7-bank-project/4-state-management/translations/README.fr.md
new file mode 100644
index 00000000..76b5e04d
--- /dev/null
+++ b/7-bank-project/4-state-management/translations/README.fr.md
@@ -0,0 +1,281 @@
+# Créer une application bancaire Partie 4: Concepts de gestion d'état
+
+## Quiz préalable
+
+[Quiz préalable](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/47?loc=fr)
+
+### Introduction
+
+Au fur et à mesure qu’une application Web se développe, il devient difficile de suivre tous les flux de données. Quel code obtient les données, quelle page les consomme, où et quand doit-il être mis à jour... il est facile de se retrouver avec un code désordonné et difficile à maintenir. Cela est particulièrement vrai lorsque vous devez partager des données entre différentes pages de votre application, par exemple des données utilisateur. Le concept de *gestion de l’état* a toujours existé dans toutes sortes de programmes, mais comme les applications Web ne cessent de croître en complexité, c’est maintenant un point clé à prendre en compte pendant le développement.
+
+Dans cette dernière partie, nous examinerons l’application que nous avons créée pour repenser la façon dont l’état est géré, permettant la prise en charge de l’actualisation du navigateur à tout moment et la persistance des données entre les sessions utilisateur.
+
+### Prérequis
+
+Vous devez avoir terminé la [récupération des données](../../3-data/translations/README.fr.md) de l’application web pour cette leçon. Vous devez également installer [Node.js](https://nodejs.org) et [exécuter l’API du serveur](../../api/translations/README.fr.md) localement afin que vous puissiez gérer les données du compte.
+
+Vous pouvez tester que le serveur fonctionne correctement en exécutant cette commande dans un terminal:
+
+```sh
+curl http://localhost:5000/api
+# -> doit renvoyer "Bank API v1.0.0" comme résultat
+```
+
+---
+
+## Repenser la gestion des états
+
+Dans la [leçon précédente](../../3-data/translations/README.fr.md), nous avons introduit un concept basique d’état dans notre application avec la variable globale `account` qui contient les données bancaires de l’utilisateur actuellement connecté. Cependant, notre mise en œuvre actuelle présente certains défauts. Essayez d’actualiser la page lorsque vous êtes sur le tableau de bord. Que se passe-t-il?
+
+Il y a 3 problèmes avec le code actuel:
+
+- L’état n’est pas persistant, car une actualisation du navigateur vous ramène à la page de connexion.
+- Il existe plusieurs fonctions qui modifient l’état. Au fur et à mesure que l’application se développe, il peut être difficile de suivre les modifications et il est facile d’oublier d’en mettre à jour une.
+- L’état n’est pas nettoyé, donc lorsque vous cliquez sur *Logout* les données du compte sont toujours là même si vous êtes sur la page de connexion.
+
+Nous pourrions mettre à jour notre code pour résoudre ces problèmes un par un, mais cela créerait plus de duplication de code et rendrait l’application plus complexe et difficile à maintenir. Ou nous pourrions faire une pause de quelques minutes et repenser notre stratégie.
+
+> Quels problèmes essayons-nous vraiment de résoudre ici?
+
+[La gestion de l’état](https://en.wikipedia.org/wiki/State_management) consiste à trouver une bonne approche pour résoudre ces deux problèmes particuliers:
+
+- Comment rendre compréhensibles les flux de données dans une application?
+- Comment garder les données d’état toujours synchronisées avec l’interface utilisateur (et vice versa)?
+
+Une fois que vous vous êtes occupé de ceux-ci, tous les autres problèmes que vous pourriez avoir peuvent être déjà résolus ou sont devenus plus faciles à résoudre. Il existe de nombreuses approches possibles pour résoudre ces problèmes, mais nous opterons pour une solution commune qui consiste à **centraliser les données et les moyens de les modifier**. Les flux de données se dérouleraient comme suit:
+
+![Schéma montrant les flux de données entre le code HTML, les actions de l’utilisateur et l’état](../images/data-flow.png)
+
+> Nous ne couvrirons pas ici la partie où les données déclenchent automatiquement la mise à jour de la vue, car elle est liée à des concepts plus avancés de [Programmation réactive](https://en.wikipedia.org/wiki/Reactive_programming). C’est un bon sujet de suivi si vous êtes prêt à plonger profondément.
+
+✅ Il existe de nombreuses bibliothèques avec différentes approches de la gestion des États, [Redux](https://redux.js.org) étant une option populaire. Jetez un coup d’œil aux concepts et aux modèles utilisés, car c’est souvent un bon moyen d’apprendre quels problèmes potentiels vous pouvez rencontrer dans les grandes applications Web et comment ils peuvent être résolus.
+
+### Tâche
+
+Nous allons commencer par un peu de refactorisation. Remplacer la déclaration `account`:
+
+```js
+let account = null;
+```
+
+Par:
+
+```js
+let state = {
+  account: null
+};
+```
+
+L’idée est de *centraliser* toutes nos données d’application dans un seul objet d’état. Nous n’avons que le `account` pour l’instant dans l’état, donc cela ne change pas beaucoup, mais cela crée un chemin pour les évolutions.
+
+Nous devons également mettre à jour les fonctions en l’utilisant. Dans les fonctions `register()` et `login()`, remplacez `account = ...` par `state.account = ...`;
+
+En haut de la fonction `updateDashboard()`, ajoutez cette ligne:
+
+```js
+const account = state.account;
+```
+
+Ce refactoring en lui-même n’a pas apporté beaucoup d’améliorations, mais l’idée était de jeter les bases des prochains changements.
+
+## Suivre les modifications de données
+
+Maintenant que nous avons mis en place l’objet `state` pour stocker nos données, l’étape suivante consiste à centraliser les mises à jour. L’objectif est de faciliter le suivi des changements et de leur moment.
+
+Pour éviter que des modifications soient apportées à l’objet `state`, il est également recommandé de le considérer comme [*immuable*](https://en.wikipedia.org/wiki/Immutable_object), ce qui signifie qu’il ne peut pas être modifié du tout. Cela signifie également que vous devez créer un nouvel objet d’état si vous souhaitez y modifier quoi que ce soit. Ce faisant, vous créez une protection contre les [effets secondaires](https://en.wikipedia.org/wiki/Side_effect_(computer_science)) potentiellement indésirables et ouvrez des possibilités de nouvelles fonctionnalités dans votre application, telles que la mise en œuvre de l’annulation/rétablissement, tout en facilitant le débogage. Par exemple, vous pouvez consigner chaque modification apportée à l’état et conserver un historique des modifications pour comprendre la source d’un bogue.
+
+En JavaScript, vous pouvez utiliser [`Object.freeze()`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze) pour créer une version immuable d’un objet. Si vous essayez d’apporter des modifications à un objet immuable, une exception sera déclenchée.
+
+✅ Connaissez-vous la différence entre un objet immuable *peu profond* et un objet immuable *profond*? Vous pouvez en apprendre plus sur ce sujet [ici](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze#What_is_shallow_freeze).
+
+### Tâche
+
+Créons une nouvelle fonction `updateState()`:
+
+```js
+function updateState(property, newData) {
+  state = Object.freeze({
+    ...state,
+    [property]: newData
+  });
+}
+```
+
+Dans cette fonction, nous créons un nouvel objet d’état et copions les données de l’état précédent à l’aide de [*l’opérateur spread (`...`)*](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators/Spread_syntax#Spread_in_object_literals). Ensuite, nous remplaçons une propriété particulière de l’objet d’état par les nouvelles données en utilisant la [notation entre crochets](https://developer.mozilla.org/docs/Web/JavaScript/Guide/Working_with_Objects#Objects_and_properties) `[property]` pour l’affectation. Enfin, nous verrouillons l’objet pour empêcher les modifications en utilisant `Object.freeze()`. Nous n’avons que la propriété `account` stockée dans l’état pour l’instant, mais avec cette approche, vous pouvez ajouter autant de propriétés que nécessaire dans l’état.
+
+Nous allons également mettre à jour l’initialisation `state` pour nous assurer que l’état initial est également gelé:
+
+```js
+let state = Object.freeze({
+  account: null
+});
+```
+
+Après cela, mettez à jour la fonction `register` en remplaçant l’affectation `state.account = result;` par:
+
+```js
+updateState('account', result);
+```
+
+Faites de même avec la fonction `login`, en remplaçant `state.account = data;` par:
+
+```js
+updateState('account', data);
+```
+
+Nous allons maintenant saisir l’occasion de résoudre le problème des données de compte qui ne sont pas effacées lorsque l’utilisateur clique sur *Logout*.
+
+Créez une nouvelle fonction `logout()`:
+
+```js
+function logout() {
+  updateState('account', null);
+  navigate('/login');
+}
+```
+
+Dans `updateDashboard()`, remplacez la redirection `return navigate('/login');` par `return logout()`;
+
+Essayez d’enregistrer un nouveau compte, de vous déconnecter et de vous reconnecter pour vérifier que tout fonctionne toujours correctement.
+
+> Conseil: vous pouvez jeter un coup d’œil à tous les changements d’état en ajoutant `console.log(state)` au bas de `updateState()` et en ouvrant la console dans les outils de développement de votre navigateur.
+
+## Conserver l’état
+
+La plupart des applications Web doivent conserver les données pour pouvoir fonctionner correctement. Toutes les données critiques sont généralement stockées dans une base de données et accessibles via une API de serveur, comme les données du compte utilisateur dans notre cas. Mais parfois, il est également intéressant de conserver certaines données sur l’application cliente qui s’exécute dans votre navigateur, pour une meilleure expérience utilisateur ou pour améliorer les performances de chargement.
+
+Lorsque vous souhaitez conserver des données dans votre navigateur, vous devez vous poser quelques questions importantes:
+
+- *Les données sont-elles sensibles?* Vous devez éviter de stocker des données sensibles sur le client, telles que les mots de passe des utilisateurs.
+- *Pendant combien de temps devez-vous conserver ces données?* Prévoyez-vous d’accéder à ces données uniquement pour la session en cours ou souhaitez-vous qu’elles soient stockées pour toujours?
+
+Il existe plusieurs façons de stocker des informations dans une application web, en fonction de ce que vous souhaitez réaliser. Par exemple, vous pouvez utiliser les URL pour stocker une requête de recherche et la rendre partageable entre les utilisateurs. Vous pouvez également utiliser des [cookies HTTP](https://developer.mozilla.org/docs/Web/HTTP/Cookies) si les données doivent être partagées avec le serveur, comme les informations d'[authentification](https://en.wikipedia.org/wiki/Authentication).
+
+Une autre option consiste à utiliser l’une des nombreuses API de navigateur pour stocker des données. Deux d’entre eux sont particulièrement intéressants:
+
+- [`localStorage`](https://developer.mozilla.org/docs/Web/API/Window/localStorage): un [Key/Value store](https://en.wikipedia.org/wiki/Key%E2%80%93value_database) permettant de conserver des données spécifiques au site web actuel sur différentes sessions. Les données qui y sont enregistrées n’expirent jamais.
+- [`sessionStorage`](https://developer.mozilla.org/docs/Web/API/Window/sessionStorage): celui-ci fonctionne de la même manière que `localStorage` sauf que les données qui y sont stockées sont effacées à la fin de la session (lorsque le navigateur est fermé).
+
+Notez que ces deux API autorisent uniquement le stockage de [chaînes](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String). Si vous souhaitez stocker des objets complexes, vous devrez les sérialiser au format [JSON](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON) à l’aide de [`JSON.stringify()`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify).
+
+✅ Si vous souhaitez créer une application web qui ne fonctionne pas avec un serveur, il est également possible de créer une base de données sur le client à l’aide de [l’API `IndexedDB`](https://developer.mozilla.org/docs/Web/API/IndexedDB_API). Celui-ci est réservé aux cas d’utilisation avancés ou si vous avez besoin de stocker une quantité importante de données, car il est plus complexe à utiliser.
+
+### Tâche
+
+Nous voulons que nos utilisateurs restent connectés jusqu’à ce qu’ils cliquent explicitement sur le bouton *Logout*, nous utiliserons donc `localStorage` pour stocker les données du compte. Tout d’abord, définissons une clé que nous utiliserons pour stocker nos données.
+
+```js
+const storageKey = 'savedAccount';
+```
+
+Ajoutez ensuite cette ligne à la fin de la fonction `updateState()`:
+
+```js
+localStorage.setItem(storageKey, JSON.stringify(state.account));
+```
+
+Avec cela, les données du compte utilisateur seront conservées et toujours à jour car nous avons centralisé précédemment toutes nos mises à jour d’état. C’est là que nous commençons à bénéficier de tous nos refactors précédents 🙂.
+
+Au fur et à mesure que les données sont enregistrées, nous devons également nous occuper de les restaurer lorsque l’application est chargée. Puisque nous allons commencer à avoir plus de code d’initialisation, il peut être judicieux de créer une nouvelle fonction `init`, qui inclut également notre code précédent au bas de `app.js`:
+
+```js
+function init() {
+  const savedAccount = localStorage.getItem(storageKey);
+  if (savedAccount) {
+    updateState('account', JSON.parse(savedAccount));
+  }
+
+  // Notre précédent code d'initialisation
+  window.onpopstate = () => updateRoute();
+  updateRoute();
+}
+
+init();
+```
+
+Ici, nous récupérons les données enregistrées, et s’il y en a, nous mettons à jour l’état en conséquence. Il est important de le faire *avant* de mettre à jour l’itinéraire, car il peut y avoir du code s’appuyant sur l’état lors de la mise à jour de la page.
+
+Nous pouvons également faire de la page *Dashboard* notre page par défaut de l’application, car nous conservons maintenant les données du compte. Si aucune donnée n’est trouvée, le tableau de bord se charge de rediriger vers la page *Login* de toute façon. Dans `updateRoute()`, remplacez le secours `return navigate('/login');` par `return navigate('/dashboard');`.
+
+Maintenant, connectez-vous à l’application et essayez d’actualiser la page. Vous devez rester sur le tableau de bord. Avec cette mise à jour, nous avons résolu tous nos problèmes initiaux...
+
+## Actualiser les données
+
+... Mais nous pourrions aussi en avoir créé un nouveau. Oups!
+
+Accédez au tableau de bord à l’aide du compte `test`, puis exécutez cette commande sur un terminal pour créer une nouvelle transaction:
+
+```sh
+curl --request POST \
+     --header "Content-Type: application/json" \
+     --data "{ \"date\": \"2020-07-24\", \"object\": \"Bought book\", \"amount\": -20 }" \
+     http://localhost:5000/api/accounts/test/transactions
+```
+
+Essayez d’actualiser la page du tableau de bord dans le navigateur maintenant. Que se passe-t-il? Voyez-vous la nouvelle transaction?
+
+L’état est conservé indéfiniment grâce au `localStorage`, mais cela signifie également qu’il n’est jamais mis à jour tant que vous ne vous déconnectez pas de l’application et que vous ne vous connectez pas à nouveau!
+
+Une stratégie possible pour résoudre ce problème consiste à recharger les données du compte chaque fois que le tableau de bord est chargé, afin d’éviter les données de blocage.
+
+### Tâche
+
+Créez une nouvelle fonction `updateAccountData`:
+
+```js
+async function updateAccountData() {
+  const account = state.account;
+  if (!account) {
+    return logout();
+  }
+
+  const data = await getAccount(account.user);
+  if (data.error) {
+    return logout();
+  }
+
+  updateState('account', data);
+}
+```
+
+Cette méthode vérifie que nous sommes actuellement connectés puis recharge les données du compte à partir du serveur.
+
+Créez une autre fonction nommée `refresh`:
+
+```js
+async function refresh() {
+  await updateAccountData();
+  updateDashboard();
+}
+```
+
+Celui-ci met à jour les données du compte, puis se charge de mettre à jour le code HTML de la page du tableau de bord. C’est ce que nous devons appeler lorsque l’itinéraire du tableau de bord est chargé. Mettez à jour la définition d’itinéraire avec:
+
+```js
+const routes = {
+  '/login': { templateId: 'login' },
+  '/dashboard': { templateId: 'dashboard', init: refresh }
+};
+```
+
+Essayez de recharger le tableau de bord maintenant, il devrait afficher les données de compte mises à jour.
+
+---
+
+## 🚀 Challenge
+
+Maintenant que nous rechargeons les données du compte chaque fois que le tableau de bord est chargé, pensez-vous que nous devons encore conserver *toutes les données du compte*?
+
+Essayez de travailler ensemble pour modifier ce qui est enregistré et chargé à partir de `localStorage` pour n’inclure que ce qui est absolument nécessaire pour que l’application fonctionne.
+
+## Quiz de validation des connaissances
+
+[Quiz de validation des connaissances](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/48?loc=fr)
+
+## Affectation
+
+[Implémenter la boîte de dialogue "Ajouter une transaction"](assignment.fr.md)
+
+Voici un exemple de résultat après avoir terminé l’affectation:
+
+![Capture d’écran montrant un exemple de boîte de dialogue "Ajouter une transaction"](../images/dialog.png)
diff --git a/7-bank-project/4-state-management/translations/README.hi.md b/7-bank-project/4-state-management/translations/README.hi.md
index a36d87f3..0a49babd 100644
--- a/7-bank-project/4-state-management/translations/README.hi.md
+++ b/7-bank-project/4-state-management/translations/README.hi.md
@@ -86,9 +86,9 @@ const account = state.account;
 
 `state` वस्तु में किए गए परिवर्तनों से बचने के लिए, यह [*अपरिवर्तनीय*](https://en.wikipedia.org/wiki/Immutable_object) पर विचार करने के लिए एक अच्छा अभ्यास है, जिसका अर्थ है कि इसे बिल्कुल भी संशोधित नहीं किया जा सकता है। इसका अर्थ यह भी है कि यदि आप इसमें कुछ भी बदलना चाहते हैं तो आपको एक नया स्टेट ऑब्जेक्ट बनाना होगा। ऐसा करने से, आप संभावित रूप से अवांछित [साइड इफेक्ट्स](https://en.wikipedia.org/wiki/Side_effect_(computer_science)) के बारे में एक सुरक्षा का निर्माण करते हैं, और अपने ऐप में नई सुविधाओं के लिए संभावनाएं खोलते हैं जैसे कि undo/redo को लागू करना, जबकि डिबग करना भी आसान है। उदाहरण के लिए, आप स्टेट में किए गए प्रत्येक परिवर्तन को लॉग कर सकते हैं और बग के स्रोत को समझने के लिए परिवर्तनों का इतिहास रख सकते हैं।
 
-जावास्क्रिप्ट में, आप एक अपरिवर्तनीय संस्करण एक ऑब्जेक्ट बनाने के लिए [`Object.freeze()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze) का उपयोग कर सकते हैं । यदि आप एक अपरिवर्तनीय वस्तु में परिवर्तन करने की कोशिश करते हैं, तो एक अपवाद उठाया जाएगा।
+जावास्क्रिप्ट में, आप एक अपरिवर्तनीय संस्करण एक ऑब्जेक्ट बनाने के लिए [`Object.freeze()`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze) का उपयोग कर सकते हैं । यदि आप एक अपरिवर्तनीय वस्तु में परिवर्तन करने की कोशिश करते हैं, तो एक अपवाद उठाया जाएगा।
 
-✅ क्या आप एक *उथले* और एक *गहरी* अपरिवर्तनीय वस्तु के बीच का अंतर जानते हैं? आप इसके बारे में [यहां](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze#What_is_shallow_freeze) पढ़ सकते हैं.
+✅ क्या आप एक *उथले* और एक *गहरी* अपरिवर्तनीय वस्तु के बीच का अंतर जानते हैं? आप इसके बारे में [यहां](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze#What_is_shallow_freeze) पढ़ सकते हैं.
 
 ### टास्क
 
@@ -103,7 +103,7 @@ function updateState(property, newData) {
 }
 ```
 
-इस फ़ंक्शन में, हम [*spread (`...`) operator*](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax#Spread_in_object_literals) का उपयोग करके पिछले स्टेट से एक नया स्टेट ऑब्जेक्ट और कॉपी डेटा बना रहे हैं। फिर हम नए डेटा के साथ स्टेट ऑब्जेक्ट की एक विशेष प्रॉपर्टी को ओवरराइड करते हैं [ब्रैकेट नोटेशन] `[property]` असाइनमेंट के लिए। अंत में, हम `Object.freeze()` का उपयोग करके संशोधनों को रोकने के लिए ऑब्जेक्ट को लॉक करते हैं। हमारे पास अब केवल स्टेट में संग्रहीत `अकाउंट` प्रॉपर्टी है, लेकिन इस दृष्टिकोण के साथ आप स्टेट में जितनी आवश्यकता हो उतने गुण जोड़ सकते हैं।
+इस फ़ंक्शन में, हम [*spread (`...`) operator*](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators/Spread_syntax#Spread_in_object_literals) का उपयोग करके पिछले स्टेट से एक नया स्टेट ऑब्जेक्ट और कॉपी डेटा बना रहे हैं। फिर हम नए डेटा के साथ स्टेट ऑब्जेक्ट की एक विशेष प्रॉपर्टी को ओवरराइड करते हैं [ब्रैकेट नोटेशन] `[property]` असाइनमेंट के लिए। अंत में, हम `Object.freeze()` का उपयोग करके संशोधनों को रोकने के लिए ऑब्जेक्ट को लॉक करते हैं। हमारे पास अब केवल स्टेट में संग्रहीत `अकाउंट` प्रॉपर्टी है, लेकिन इस दृष्टिकोण के साथ आप स्टेट में जितनी आवश्यकता हो उतने गुण जोड़ सकते हैं।
 
 हम यह भी सुनिश्चित करेंगे कि प्रारंभिक अवस्था भी जम गई है, यह सुनिश्चित करने के लिए `state` आरंभीकरण को अद्यतन करेगा:
 
@@ -156,12 +156,12 @@ function logout() {
 
 एक अन्य विकल्प डेटा भंडारण के लिए कई ब्राउज़र एपीआई में से एक का उपयोग करना है। उनमें से दो विशेष रूप से दिलचस्प हैं:
 
-- [`localStorage`](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage): एक [Key/Value store](https://en.wikipedia.org/wiki/Key%E2%80%93value_database) विभिन्न सत्रों में वर्तमान वेब साइट के लिए विशिष्ट डेटा को बनाए रखने की अनुमति देते हैं। इसमें सहेजा गया डेटा कभी समाप्त नहीं होता है।
-- [`sessionStorage`](https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage): यह एक `sessionStorage` की तरह ही काम करता है, सिवाय इसके कि इसमें संग्रहीत डेटा सत्र समाप्त होने पर (जब ब्राउज़र बंद हो जाता है) साफ हो जाता है।
+- [`localStorage`](https://developer.mozilla.org/docs/Web/API/Window/localStorage): एक [Key/Value store](https://en.wikipedia.org/wiki/Key%E2%80%93value_database) विभिन्न सत्रों में वर्तमान वेब साइट के लिए विशिष्ट डेटा को बनाए रखने की अनुमति देते हैं। इसमें सहेजा गया डेटा कभी समाप्त नहीं होता है।
+- [`sessionStorage`](https://developer.mozilla.org/docs/Web/API/Window/sessionStorage): यह एक `sessionStorage` की तरह ही काम करता है, सिवाय इसके कि इसमें संग्रहीत डेटा सत्र समाप्त होने पर (जब ब्राउज़र बंद हो जाता है) साफ हो जाता है।
 
-यदि आप जटिल वस्तुओं को संग्रहीत करना चाहते हैं, तो आपको इसे [JSON](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON) प्रारूप [`JSON.stringify()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify) का उपयोग करके क्रमबद्ध करना होगा। 
+यदि आप जटिल वस्तुओं को संग्रहीत करना चाहते हैं, तो आपको इसे [JSON](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON) प्रारूप [`JSON.stringify()`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify) का उपयोग करके क्रमबद्ध करना होगा। 
 
-✅ यदि आप एक वेब ऐप बनाना चाहते हैं जो सर्वर के साथ काम नहीं करता है, तो [`IndexedDB` API](https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API) का उपयोग करके क्लाइंट पर डेटाबेस बनाना भी संभव है। यह एक उन्नत उपयोग मामलों के लिए आरक्षित है या यदि आपको महत्वपूर्ण मात्रा में डेटा संग्रहीत करने की आवश्यकता है, क्योंकि यह उपयोग करने के लिए अधिक जटिल है।
+✅ यदि आप एक वेब ऐप बनाना चाहते हैं जो सर्वर के साथ काम नहीं करता है, तो [`IndexedDB` API](https://developer.mozilla.org/docs/Web/API/IndexedDB_API) का उपयोग करके क्लाइंट पर डेटाबेस बनाना भी संभव है। यह एक उन्नत उपयोग मामलों के लिए आरक्षित है या यदि आपको महत्वपूर्ण मात्रा में डेटा संग्रहीत करने की आवश्यकता है, क्योंकि यह उपयोग करने के लिए अधिक जटिल है।
 
 ### टास्क
 
diff --git a/7-bank-project/4-state-management/translations/README.zh-tw.md b/7-bank-project/4-state-management/translations/README.zh-tw.md
index e7963af5..7143cb8b 100644
--- a/7-bank-project/4-state-management/translations/README.zh-tw.md
+++ b/7-bank-project/4-state-management/translations/README.zh-tw.md
@@ -86,9 +86,9 @@ This refactoring by itself did not bring much improvements, but the idea was to
 為了避免改動 `state` 物件，我們考慮使它[*不可變*](https://zh.wikipedia.org/wiki/%E4%B8%8D%E5%8F%AF%E8%AE%8A%E7%89%A9%E4%BB%B6)，意味著它不能被做任何的修改。
 這也代表你必須建立新的狀態物件來替換它。藉由這個方式，你就有一套保護措施阻絕潛在非預期[風險](https://zh.wikipedia.org/wiki/%E5%89%AF%E4%BD%9C%E7%94%A8_(%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%A7%91%E5%AD%A6))，也開創出應用程式內還原與重做的功能，讓程式偵錯更加的容易。舉例來說，你可以紀錄狀態的改變，儲存狀態的歷史紀錄來了解錯誤的來源。
 
-在 JavaScript 中，你可以使用 [`Object.freeze()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze) 來建立不可變物件。若你想在不可變物件上做更動，例外處理(exception)就會發生。
+在 JavaScript 中，你可以使用 [`Object.freeze()`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze) 來建立不可變物件。若你想在不可變物件上做更動，例外處理(exception)就會發生。
 
-✅ 你知道*淺複製(shallow)*和*深複製(deep)*這兩種不可變物件的差別嗎？你可以從[這裡](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze#What_is_shallow_freeze)閱讀相關資訊。
+✅ 你知道*淺複製(shallow)*和*深複製(deep)*這兩種不可變物件的差別嗎？你可以從[這裡](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze#What_is_shallow_freeze)閱讀相關資訊。
 
 ### 課題
 
@@ -103,7 +103,7 @@ function updateState(property, newData) {
 }
 ```
 
-在這個函式中，我們會建立新的狀態物件，並利用[*展開運算子(`...`)(Spread Operator)*](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax#Spread_in_object_literals)複製前一個資料狀態。接著，我們使用[括弧記法(Bracket Notation)](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Objects_and_properties) `[property]` 賦予並覆蓋特定的狀態物件。最後，我們為物件上鎖，`Object.freeze()` 避免任何的改動。目前我們只有 `account` 資料存在狀態中，利用此方法可以讓你新增任何你想要的資料。
+在這個函式中，我們會建立新的狀態物件，並利用[*展開運算子(`...`)(Spread Operator)*](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators/Spread_syntax#Spread_in_object_literals)複製前一個資料狀態。接著，我們使用[括弧記法(Bracket Notation)](https://developer.mozilla.org/docs/Web/JavaScript/Guide/Working_with_Objects#Objects_and_properties) `[property]` 賦予並覆蓋特定的狀態物件。最後，我們為物件上鎖，`Object.freeze()` 避免任何的改動。目前我們只有 `account` 資料存在狀態中，利用此方法可以讓你新增任何你想要的資料。
 
 我們會更新 `state` 初始化設定，確保初始狀態也被上鎖：
 
@@ -151,17 +151,17 @@ function logout() {
 - *這項資料很危險嗎？* 你應該要避免在用戶端儲存敏感的資料，例如帳戶密碼。
 - *你需要儲存資料多久？* 你打算短時間內做存取，還是永久地保存？
 
-網頁應用程式中有許多儲存資訊的方法，一切都取決於你想達成的目標。舉例來說，你可以利用網址來儲存搜尋資訊，讓使用者間能共享資訊。若資料需要與伺服器共享，好比說[認證](https://zh.wikipedia.org/wiki/%E8%BA%AB%E4%BB%BD%E9%AA%8C%E8%AF%81)資訊，你可以使用 [HTTP cookies](https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies)。
+網頁應用程式中有許多儲存資訊的方法，一切都取決於你想達成的目標。舉例來說，你可以利用網址來儲存搜尋資訊，讓使用者間能共享資訊。若資料需要與伺服器共享，好比說[認證](https://zh.wikipedia.org/wiki/%E8%BA%AB%E4%BB%BD%E9%AA%8C%E8%AF%81)資訊，你可以使用 [HTTP cookies](https://developer.mozilla.org/docs/Web/HTTP/Cookies)。
 
 另一個選擇是使用其中一個廣大的瀏覽器 API 來儲存資料。下列這兩項就特別有趣：
 
-- [`localStorage`](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage)：[Key/Value 儲存法](https://zh.wikipedia.org/wiki/%E9%94%AE-%E5%80%BC%E5%AD%98%E5%82%A8)可以保存不同時刻的網頁資料。這些資料不會有期限的限制。
-- [`sessionStorage`](https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage)：它的運作模式與 `localStorage` 相同，只差在資料會在網頁段落結束時被清除，如瀏覽器關閉時。
+- [`localStorage`](https://developer.mozilla.org/docs/Web/API/Window/localStorage)：[Key/Value 儲存法](https://zh.wikipedia.org/wiki/%E9%94%AE-%E5%80%BC%E5%AD%98%E5%82%A8)可以保存不同時刻的網頁資料。這些資料不會有期限的限制。
+- [`sessionStorage`](https://developer.mozilla.org/docs/Web/API/Window/sessionStorage)：它的運作模式與 `localStorage` 相同，只差在資料會在網頁段落結束時被清除，如瀏覽器關閉時。
 
-紀錄一下這兩個 API 只能儲存[字串](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String)格式。
-如果你想儲存更複雜的物件，你需要利用 [`JSON.stringify()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify) 將資料整理成 [JSON](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON) 格式。
+紀錄一下這兩個 API 只能儲存[字串](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)格式。
+如果你想儲存更複雜的物件，你需要利用 [`JSON.stringify()`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify) 將資料整理成 [JSON](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON) 格式。
 
-✅ 如果你想要建立不仰賴伺服器的網頁應用程式，你有辦法在用戶端建立資料庫。[`IndexedDB` API](https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API) 可以應用在更進階的案例上，儲存更大量的資料，當然使用上也相對複雜。
+✅ 如果你想要建立不仰賴伺服器的網頁應用程式，你有辦法在用戶端建立資料庫。[`IndexedDB` API](https://developer.mozilla.org/docs/Web/API/IndexedDB_API) 可以應用在更進階的案例上，儲存更大量的資料，當然使用上也相對複雜。
 
 ### 課題
 
diff --git a/7-bank-project/4-state-management/translations/assignment.nl.md b/7-bank-project/4-state-management/translations/assignment.nl.md
index 4d2b0f65..3a3a316e 100644
--- a/7-bank-project/4-state-management/translations/assignment.nl.md
+++ b/7-bank-project/4-state-management/translations/assignment.nl.md
@@ -6,7 +6,7 @@ Onze bank-app mist nog één belangrijk kenmerk: de mogelijkheid om nieuwe trans
 Gebruik alles wat u in de vier voorgaande lessen heeft geleerd en implementeer een dialoogvenster "Transactie toevoegen":
 
 - Voeg een knop "Transactie toevoegen" toe op de dashboardpagina
-- Maak een nieuwe pagina met een HTML-sjabloon of gebruik JavaScript om de HTML-dialoog weer te geven/te verbergen zonder de dashboardpagina te verlaten (u kunt [`hidden`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) eigenschap daarvoor gebruiken, of CSS-class)
+- Maak een nieuwe pagina met een HTML-sjabloon of gebruik JavaScript om de HTML-dialoog weer te geven/te verbergen zonder de dashboardpagina te verlaten (u kunt [`hidden`](https://developer.mozilla.org/docs/Web/HTML/Global_attributes/hidden) eigenschap daarvoor gebruiken, of CSS-class)
 - Zorg ervoor dat u [toetsenbord en schermlezer toegankelijkheid](https://developer.paciellogroup.com/blog/2018/06/the-current-state-of-modal-dialog-accessibility/) afhandelt voor het dialoogvenster
 - Implementeer een HTML-formulier om invoergegevens te ontvangen
 - Maak JSON-gegevens van de formuliergegevens en stuur deze naar de API
diff --git a/7-bank-project/4-state-management/translations/assignment.zh-tw.md b/7-bank-project/4-state-management/translations/assignment.zh-tw.md
index 6d58308b..372d5eb1 100644
--- a/7-bank-project/4-state-management/translations/assignment.zh-tw.md
+++ b/7-bank-project/4-state-management/translations/assignment.zh-tw.md
@@ -6,7 +6,7 @@
 使用你在這四堂課中學到的知識，編寫"加入交易明細"視窗：
 
 - 在儀表板頁面新增"加入交易明細"按鈕
-- 加入新的 HTML 模板建立新頁面，或是在同一頁面中使用 JavaScript 顯示 HTML 窗格(可以使用 [`hidden`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) 屬性，或是 CSS classes)
+- 加入新的 HTML 模板建立新頁面，或是在同一頁面中使用 JavaScript 顯示 HTML 窗格(可以使用 [`hidden`](https://developer.mozilla.org/docs/Web/HTML/Global_attributes/hidden) 屬性，或是 CSS classes)
 - 確保視窗能滿足[鍵盤與螢幕報讀器的相容性](https://developer.paciellogroup.com/blog/2018/06/the-current-state-of-modal-dialog-accessibility/)
 - 編寫 HTML 表單來接收輸入資料
 - 建立 JSON 表單資料並傳送到 API 上
diff --git a/7-bank-project/api/package-lock.json b/7-bank-project/api/package-lock.json
index 858142ee..92f954c6 100644
--- a/7-bank-project/api/package-lock.json
+++ b/7-bank-project/api/package-lock.json
@@ -89,9 +89,9 @@
       "dev": true
     },
     "ansi-regex": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
-      "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
       "dev": true
     },
     "ansi-styles": {
@@ -866,9 +866,9 @@
       }
     },
     "minimist": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
-      "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
+      "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==",
       "dev": true
     },
     "mkdirp": {
@@ -1162,9 +1162,9 @@
       },
       "dependencies": {
         "ansi-regex": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
-          "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
+          "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==",
           "dev": true
         },
         "strip-ansi": {
diff --git a/7-bank-project/translations/README.ta.md b/7-bank-project/translations/README.ta.md
new file mode 100644
index 00000000..3fb4d0a5
--- /dev/null
+++ b/7-bank-project/translations/README.ta.md
@@ -0,0 +1,22 @@
+# :dollar: வங்கி கட்டவும்
+
+இந்த திட்டத்தில், ஒரு கற்பனை வங்கியை எவ்வாறு உருவாக்குவது என்பதை நீங்கள் கற்றுக்கொள்வீர்கள். இந்த பாடங்களில் ஒரு வலை பயன்பாட்டை எவ்வாறு வடிவமைப்பது மற்றும் வழிகளை வழங்குவது, படிவங்களை உருவாக்குவது, மாநிலத்தை நிர்வகிப்பது மற்றும் வங்கியின் தரவை நீங்கள் பெறக்கூடிய ஏபிஐ யிலிருந்து தரவைப் பெறுதல் ஆகியவை அடங்கும்.
+
+| ![திரை1](../images/screen1.png) | ![திரை2](../images/screen2.png) |
+|--------------------------------|--------------------------------|
+
+## பாடங்கள்
+
+1. [ஹெச்டிஎம்எல் வார்ப்புருக்கள் மற்றும் வலை பயன்பாட்டில் வழிகள்](../1-template-route/README.md)
+2. [உள்நுழைவு மற்றும் பதிவு படிவத்தை உருவாக்கவும்](../2-forms/README.md)
+3. [தரவுகளை ப் பெறுதல் மற்றும் பயன்படுத்துதல் முறைகள்](../3-data/README.md)
+4. [நிலை மேலாண்மை பற்றிய கருத்துக்கள்](../4-state-management/README.md)
+
+### கடன்கள்
+
+இந்த பாடங்களை ♥️ எழுதினார் [யோஹான் லசோர்சா](https://twitter.com/sinedied).
+
+இந்தப் பாடங்களில் பயன்படுத்தப்படும் [சர்வர் ஏபிஐ](../../7-bank-project/api/README.md) எவ்வாறு உருவாக்குவது என்பதைக் கற்றுக்கொள்ள நீங்கள் ஆர்வமாக இருந்தால், நீங்கள் [வீடியோக்களின் இந்த தொடர்](https://aka.ms/NodeBeginner) (குறிப்பாக வீடியோக்கள் 17 முதல் 21 வரை) பின்பற்றலாம்.
+
+
+நீங்கள் ஒரு பார்வை பார்க்கலாம் [இந்த ஊடாடும் கற்றல் பயிற்சி](https://aka.ms/learn/express-api). 
diff --git a/README.md b/README.md
index 09beaad7..cdbe27b1 100644
--- a/README.md
+++ b/README.md
@@ -8,8 +8,6 @@
 [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
 [![GitHub stars](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
 
-[![Open in Visual Studio Code](https://open.vscode.dev/badges/open-in-vscode.svg)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
-
 # Web Development for Beginners - A Curriculum
 
 Azure Cloud Advocates at Microsoft are pleased to offer a 12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics. Each lesson includes pre- and post-lesson quizzes, written instructions to complete the lesson, a solution, an assignment and more. Our project-based pedagogy allows you to learn while building, a proven way for new skills to 'stick'.
@@ -20,7 +18,7 @@ Azure Cloud Advocates at Microsoft are pleased to offer a 12-week, 24-lesson cur
 
 > **Teachers**, we have [included some suggestions](for-teachers.md) on how to use this curriculum. We'd love your feedback [in our discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-> **Students**, to use this curriculum on your own, fork the entire repo and complete the exercises on your own, starting with a pre-lecture quiz, then reading the lecture and completing the rest of the activities. Try to create the projects by comprehending the lessons rather than copying the solution code; however that code is available in the /solutions folders in each project-oriented lesson. Another idea would be to form a study group with friends and go through the content together. For further study, we recommend [Microsoft Learn](https://docs.microsoft.com/users/jenlooper-2911/collections/jg2gax8pzd6o81?WT.mc_id=academic-13441-cxa) and by watching the videos mentioned below.
+> **[Students](https://aka.ms/student-page)**, to use this curriculum on your own, fork the entire repo and complete the exercises on your own, starting with a pre-lecture quiz, then reading the lecture and completing the rest of the activities. Try to create the projects by comprehending the lessons rather than copying the solution code; however that code is available in the /solutions folders in each project-oriented lesson. Another idea would be to form a study group with friends and go through the content together. For further study, we recommend [Microsoft Learn](https://docs.microsoft.com/users/jenlooper-2911/collections/jg2gax8pzd6o81?WT.mc_id=academic-13441-cxa) and by watching the videos mentioned below.
 
 [![Promo video](images/web.gif)](https://youtube.com/watch?v=R1wrdtmBSII "Promo video")
 
@@ -70,21 +68,21 @@ While we have purposefully avoided introducing JavaScript frameworks so as to co
 | 07  |                        JS Basics                         |                            Arrays and Loops                            | Work with data using arrays and loops in JavaScript                                                                                 |                                   [Arrays and Loops](/2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
 | 08  |       [Terrarium](/3-terrarium/solution/README.md)       |                            HTML in Practice                            | Build the HTML to create an online terrarium, focusing on building a layout                                                         |                                 [Introduction to HTML](/3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
 | 09  |       [Terrarium](/3-terrarium/solution/README.md)       |                            CSS in Practice                             | Build the CSS to style the online terrarium, focusing on the basics of CSS including making the page responsive                     |                                  [Introduction to CSS](/3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](/3-terrarium/solution)            |                 JavaScript Closures, DOM manipulation                  | Build the JavaScript to make the terrarium function as a drag/drop interface, focusing on closures and DOM manipulation             |                  [JavaScript Closures, DOM manipulation](/3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [Typing Game](/4-typing-game/solution)          |                          Build a Typing Game                           | Learn how to use keyboard events to drive the logic of your JavaScript app                                                          |                                [Event-Driven Programming](/4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Green Browser Extension](/5-browser-extension/solution) |                         Working with Browsers                          | Learn how browsers work, their history, and how to scaffold the first elements of a browser extension                               |                               [About Browsers](/5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Green Browser Extension](/5-browser-extension/solution) | Building a form, calling an API and storing variables in local storage | Build the JavaScript elements of your browser extension to call an API using variables stored in local storage                      |                [APIs, Forms, and Local Storage](/5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Green Browser Extension](/5-browser-extension/solution) |          Background processes in the browser, web performance          | Use the browser's background processes to manage the extension's icon; learn about web performance and some optimizations to make   |             [Background Tasks and Performance](/5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Space Game](/6-space-game/solution)           |             More Advanced Game Development with JavaScript             | Learn about Inheritance using both Classes and Composition and the Pub/Sub pattern, in preparation for building a game              |                      [Introduction to Advanced Game Development](/6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [Space Game](/6-space-game/solution)           |                           Drawing to canvas                            | Learn about the Canvas API, used to draw elements to a screen                                                                       |                                [Drawing to Canvas](/6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Space Game](/6-space-game/solution)           |                   Moving elements around the screen                    | Discover how elements can gain motion using the cartesian coordinates and the Canvas API                                            |                           [Moving Elements Around](/6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Space Game](/6-space-game/solution)           |                          Collision detection                           | Make elements collide and react to each other using keypresses and provide a cooldown function to ensure performance of the game    |                              [Collision Detection](/6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Space Game](/6-space-game/solution)           |                             Keeping score                              | Perform math calculations based on the game's status and performance                                                                |                                    [Keeping Score](/6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [Space Game](/6-space-game/solution)           |                     Ending and restarting the game                     | Learn about ending and restarting the game, including cleaning up assets and resetting variable values                              |                                [The Ending Condition](/6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [Banking App](/7-bank-project/solution)          |                 HTML Templates and Routes in a Web App                 | Learn how to create the scaffold of a multipage website's architecture using routing and HTML templates                             |                            [HTML Templates and Routes](/7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [Banking App](/7-bank-project/solution)          |                  Build a Login and Registration Form                   | Learn about building forms and handing validation routines                                                                          |                                           [Forms](/7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [Banking App](/7-bank-project/solution)          |                   Methods of Fetching and Using Data                   | How data flows in and out of your app, how to fetch it, store it, and dispose of it                                                 |                                            [Data](/7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [Banking App](/7-bank-project/solution)          |                      Concepts of State Management                      | Learn how your app retains state and how to manage it programmatically                                                              |                                [State Management](/7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 10  |            [Terrarium](/3-terrarium/solution/README.md)            |                 JavaScript Closures, DOM manipulation                  | Build the JavaScript to make the terrarium function as a drag/drop interface, focusing on closures and DOM manipulation             |                  [JavaScript Closures, DOM manipulation](/3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](/4-typing-game/solution/README.md)          |                          Build a Typing Game                           | Learn how to use keyboard events to drive the logic of your JavaScript app                                                          |                                [Event-Driven Programming](/4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Green Browser Extension](/5-browser-extension/solution/README.md) |                         Working with Browsers                          | Learn how browsers work, their history, and how to scaffold the first elements of a browser extension                               |                               [About Browsers](/5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Green Browser Extension](/5-browser-extension/solution/README.md) | Building a form, calling an API and storing variables in local storage | Build the JavaScript elements of your browser extension to call an API using variables stored in local storage                      |                [APIs, Forms, and Local Storage](/5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Green Browser Extension](/5-browser-extension/solution/README.md) |          Background processes in the browser, web performance          | Use the browser's background processes to manage the extension's icon; learn about web performance and some optimizations to make   |             [Background Tasks and Performance](/5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Space Game](/6-space-game/solution/README.md)           |             More Advanced Game Development with JavaScript             | Learn about Inheritance using both Classes and Composition and the Pub/Sub pattern, in preparation for building a game              |                      [Introduction to Advanced Game Development](/6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Space Game](/6-space-game/solution/README.md)           |                           Drawing to canvas                            | Learn about the Canvas API, used to draw elements to a screen                                                                       |                                [Drawing to Canvas](/6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Space Game](/6-space-game/solution/README.md)           |                   Moving elements around the screen                    | Discover how elements can gain motion using the cartesian coordinates and the Canvas API                                            |                           [Moving Elements Around](/6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Space Game](/6-space-game/solution/README.md)           |                          Collision detection                           | Make elements collide and react to each other using keypresses and provide a cooldown function to ensure performance of the game    |                              [Collision Detection](/6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Space Game](/6-space-game/solution/README.md)           |                             Keeping score                              | Perform math calculations based on the game's status and performance                                                                |                                    [Keeping Score](/6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Space Game](/6-space-game/solution/README.md)           |                     Ending and restarting the game                     | Learn about ending and restarting the game, including cleaning up assets and resetting variable values                              |                                [The Ending Condition](/6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Banking App](/7-bank-project/solution/README.md)          |                 HTML Templates and Routes in a Web App                 | Learn how to create the scaffold of a multipage website's architecture using routing and HTML templates                             |                            [HTML Templates and Routes](/7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Banking App](/7-bank-project/solution/README.md)          |                  Build a Login and Registration Form                   | Learn about building forms and handing validation routines                                                                          |                                           [Forms](/7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Banking App](/7-bank-project/solution/README.md)          |                   Methods of Fetching and Using Data                   | How data flows in and out of your app, how to fetch it, store it, and dispose of it                                                 |                                            [Data](/7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Banking App](/7-bank-project/solution/README.md)          |                      Concepts of State Management                      | Learn how your app retains state and how to manage it programmatically                                                              |                                [State Management](/7-bank-project/4-state-management/README.md)                                |          Yohan          |
 
 ## Offline access
 
diff --git a/SECURITY.md b/SECURITY.md
index f7b89984..9842a84a 100644
--- a/SECURITY.md
+++ b/SECURITY.md
@@ -4,7 +4,7 @@
 
 Microsoft takes the security of our software products and services seriously, which includes all source code repositories managed through our GitHub organizations, which include [Microsoft](https://github.com/Microsoft), [Azure](https://github.com/Azure), [DotNet](https://github.com/dotnet), [AspNet](https://github.com/aspnet), [Xamarin](https://github.com/xamarin), and [our GitHub organizations](https://opensource.microsoft.com/).
 
-If you believe you have found a security vulnerability in any Microsoft-owned repository that meets [Microsoft's definition of a security vulnerability](https://docs.microsoft.com/en-us/previous-versions/tn-archive/cc751383(v=technet.10)), please report it to us as described below.
+If you believe you have found a security vulnerability in any Microsoft-owned repository that meets [Microsoft's definition of a security vulnerability](https://docs.microsoft.com/previous-versions/tn-archive/cc751383(v=technet.10)), please report it to us as described below.
 
 ## Reporting Security Issues
 
@@ -12,7 +12,7 @@ If you believe you have found a security vulnerability in any Microsoft-owned re
 
 Instead, please report them to the Microsoft Security Response Center (MSRC) at [https://msrc.microsoft.com/create-report](https://msrc.microsoft.com/create-report).
 
-If you prefer to submit without logging in, send email to [secure@microsoft.com](mailto:secure@microsoft.com).  If possible, encrypt your message with our PGP key; please download it from the [Microsoft Security Response Center PGP Key page](https://www.microsoft.com/en-us/msrc/pgp-key-msrc).
+If you prefer to submit without logging in, send email to [secure@microsoft.com](mailto:secure@microsoft.com).  If possible, encrypt your message with our PGP key; please download it from the [Microsoft Security Response Center PGP Key page](https://www.microsoft.com/msrc/pgp-key-msrc).
 
 You should receive a response within 24 hours. If for some reason you do not, please follow up via email to ensure we received your original message. Additional information can be found at [microsoft.com/msrc](https://www.microsoft.com/msrc). 
 
@@ -36,6 +36,6 @@ We prefer all communications to be in English.
 
 ## Policy
 
-Microsoft follows the principle of [Coordinated Vulnerability Disclosure](https://www.microsoft.com/en-us/msrc/cvd).
+Microsoft follows the principle of [Coordinated Vulnerability Disclosure](https://www.microsoft.com/msrc/cvd).
 
 <!-- END MICROSOFT SECURITY.MD BLOCK -->
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index c0cd6fb3..d456d972 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1537,9 +1537,9 @@
 			}
 		},
 		"node_modules/minimist": {
-			"version": "1.2.5",
-			"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
-			"integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
+			"version": "1.2.6",
+			"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
+			"integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==",
 			"dev": true
 		},
 		"node_modules/mkdirp": {
@@ -1567,12 +1567,23 @@
 			"dev": true
 		},
 		"node_modules/node-fetch": {
-			"version": "2.6.1",
-			"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.1.tgz",
-			"integrity": "sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==",
+			"version": "2.6.7",
+			"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
+			"integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
 			"dev": true,
+			"dependencies": {
+				"whatwg-url": "^5.0.0"
+			},
 			"engines": {
 				"node": "4.x || >=6.0.0"
+			},
+			"peerDependencies": {
+				"encoding": "^0.1.0"
+			},
+			"peerDependenciesMeta": {
+				"encoding": {
+					"optional": true
+				}
 			}
 		},
 		"node_modules/normalize-path": {
@@ -1840,10 +1851,13 @@
 			}
 		},
 		"node_modules/prismjs": {
-			"version": "1.25.0",
-			"resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.25.0.tgz",
-			"integrity": "sha512-WCjJHl1KEWbnkQom1+SzftbtXMKQoezOCYs5rECqMN+jP+apI7ftoflyqigqzopSO3hMhTEb0mFClA8lkolgEg==",
-			"dev": true
+			"version": "1.27.0",
+			"resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.27.0.tgz",
+			"integrity": "sha512-t13BGPUlFDR7wRB5kQDG4jjl7XeuH6jbJGt11JHPL96qwsEHNX2+68tFXqc1/k+/jALsbSWJKUOT/hcYAZ5LkA==",
+			"dev": true,
+			"engines": {
+				"node": ">=6"
+			}
 		},
 		"node_modules/process-nextick-args": {
 			"version": "2.0.1",
@@ -2381,6 +2395,12 @@
 				"node": ">=0.6"
 			}
 		},
+		"node_modules/tr46": {
+			"version": "0.0.3",
+			"resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+			"integrity": "sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o=",
+			"dev": true
+		},
 		"node_modules/tweezer.js": {
 			"version": "1.5.0",
 			"resolved": "https://registry.npmjs.org/tweezer.js/-/tweezer.js-1.5.0.tgz",
@@ -2562,6 +2582,22 @@
 				"node": ">= 0.4.0"
 			}
 		},
+		"node_modules/webidl-conversions": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+			"integrity": "sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE=",
+			"dev": true
+		},
+		"node_modules/whatwg-url": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+			"integrity": "sha1-lmRU6HZUYuN2RNNib2dCzotwll0=",
+			"dev": true,
+			"dependencies": {
+				"tr46": "~0.0.3",
+				"webidl-conversions": "^3.0.0"
+			}
+		},
 		"node_modules/which-module": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz",
@@ -3992,9 +4028,9 @@
 			}
 		},
 		"minimist": {
-			"version": "1.2.5",
-			"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
-			"integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
+			"version": "1.2.6",
+			"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
+			"integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==",
 			"dev": true
 		},
 		"mkdirp": {
@@ -4019,10 +4055,13 @@
 			"dev": true
 		},
 		"node-fetch": {
-			"version": "2.6.1",
-			"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.1.tgz",
-			"integrity": "sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==",
-			"dev": true
+			"version": "2.6.7",
+			"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
+			"integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
+			"dev": true,
+			"requires": {
+				"whatwg-url": "^5.0.0"
+			}
 		},
 		"normalize-path": {
 			"version": "3.0.0",
@@ -4211,9 +4250,9 @@
 			"dev": true
 		},
 		"prismjs": {
-			"version": "1.25.0",
-			"resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.25.0.tgz",
-			"integrity": "sha512-WCjJHl1KEWbnkQom1+SzftbtXMKQoezOCYs5rECqMN+jP+apI7ftoflyqigqzopSO3hMhTEb0mFClA8lkolgEg==",
+			"version": "1.27.0",
+			"resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.27.0.tgz",
+			"integrity": "sha512-t13BGPUlFDR7wRB5kQDG4jjl7XeuH6jbJGt11JHPL96qwsEHNX2+68tFXqc1/k+/jALsbSWJKUOT/hcYAZ5LkA==",
 			"dev": true
 		},
 		"process-nextick-args": {
@@ -4646,6 +4685,12 @@
 			"integrity": "sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==",
 			"dev": true
 		},
+		"tr46": {
+			"version": "0.0.3",
+			"resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+			"integrity": "sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o=",
+			"dev": true
+		},
 		"tweezer.js": {
 			"version": "1.5.0",
 			"resolved": "https://registry.npmjs.org/tweezer.js/-/tweezer.js-1.5.0.tgz",
@@ -4787,6 +4832,22 @@
 			"integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=",
 			"dev": true
 		},
+		"webidl-conversions": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+			"integrity": "sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE=",
+			"dev": true
+		},
+		"whatwg-url": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+			"integrity": "sha1-lmRU6HZUYuN2RNNib2dCzotwll0=",
+			"dev": true,
+			"requires": {
+				"tr46": "~0.0.3",
+				"webidl-conversions": "^3.0.0"
+			}
+		},
 		"which-module": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz",
diff --git a/quiz-app/package-lock.json b/quiz-app/package-lock.json
index 07122c59..ced3eab9 100644
--- a/quiz-app/package-lock.json
+++ b/quiz-app/package-lock.json
@@ -5374,9 +5374,9 @@
       }
     },
     "follow-redirects": {
-      "version": "1.13.1",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.13.1.tgz",
-      "integrity": "sha512-SSG5xmZh1mkPGyKzjZP8zLjltIfpW32Y5QpdNJyjcfGxK3qo3NDDkZOZSFiGn1A6SclQxY9GzEwAHQ3dmYRWpg==",
+      "version": "1.14.8",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.8.tgz",
+      "integrity": "sha512-1x0S9UVJHsQprFcEC/qnNzBLcIxsjAV905f/UkQxbclCsoTWlacCNOpQa/anodLl2uaEKFhfWOvM2Qg77+15zA==",
       "dev": true
     },
     "for-in": {
@@ -7216,9 +7216,9 @@
       }
     },
     "minimist": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
-      "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
+      "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==",
       "dev": true
     },
     "minipass": {
@@ -10756,9 +10756,9 @@
       }
     },
     "url-parse": {
-      "version": "1.5.3",
-      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.3.tgz",
-      "integrity": "sha512-IIORyIQD9rvj0A4CLWsHkBBJuNqWpFQe224b6j9t/ABmquIS0qDU2pY6kl6AuOrL5OkCXHMCFNe1jBcuAggjvQ==",
+      "version": "1.5.10",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
+      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
       "dev": true,
       "requires": {
         "querystringify": "^2.1.1",
@@ -10954,9 +10954,9 @@
       }
     },
     "vue-loader-v16": {
-      "version": "npm:vue-loader@16.8.1",
-      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.1.tgz",
-      "integrity": "sha512-V53TJbHmzjBhCG5OYI2JWy/aYDspz4oVHKxS43Iy212GjGIG1T3EsB3+GWXFm/1z5VwjdjLmdZUFYM70y77vtQ==",
+      "version": "npm:vue-loader@16.8.3",
+      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz",
+      "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
       "dev": true,
       "requires": {
         "chalk": "^4.1.0",
@@ -11005,9 +11005,9 @@
           "dev": true
         },
         "loader-utils": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
-          "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
+          "integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
           "dev": true,
           "requires": {
             "big.js": "^5.2.2",
diff --git a/quiz-app/src/assets/translations/el.json b/quiz-app/src/assets/translations/el.json
index 8ea8a322..2fd684d3 100644
--- a/quiz-app/src/assets/translations/el.json
+++ b/quiz-app/src/assets/translations/el.json
@@ -209,11 +209,11 @@
 						"questionText": "Πώς μεταβαίνετε σε έναν κλάδο;",
 						"answerOptions": [
 							{
-								"answerText": "git switch [όνομα-κλαδου]",
+								"answerText": "git checkout [όνομα-κλαδου]",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "git checkout [όνομα-κλαδου]",
+								"answerText": "git switch [όνομα-κλαδου]",
 								"isCorrect": "true"
 							},
 							{
@@ -710,7 +710,7 @@
 						"answerOptions": [
 							{
 								"answerText": "Τη συνθήκη",
-								"isCorrect": "true"
+								"isCorrect": "false"
 							},
 							{
 								"answerText": "Το μετρητή",
@@ -718,7 +718,7 @@
 							},
 							{
 								"answerText": "Την έκφραση της επανάληψης",
-								"isCorrect": "false"
+								"isCorrect": "true"
 							}
 						]
 					},
diff --git a/quiz-app/src/assets/translations/en.json b/quiz-app/src/assets/translations/en.json
index 5ad362d5..539332e7 100644
--- a/quiz-app/src/assets/translations/en.json
+++ b/quiz-app/src/assets/translations/en.json
@@ -189,7 +189,7 @@
 						]
 					},
 					{
-						"questionText": "How would you get all the commits from a remote branch?",
+						"questionText": "How would you get and integrate all the commits from a remote branch?",
 						"answerOptions": [
 							{
 								"answerText": "git fetch",
@@ -209,11 +209,11 @@
 						"questionText": "How do you switch to a branch?",
 						"answerOptions": [
 							{
-								"answerText": "git switch [branch-name]",
+								"answerText": "git checkout [branch-name]",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "git checkout [branch-name]",
+								"answerText": "git switch [branch-name]",
 								"isCorrect": "true"
 							},
 							{
@@ -710,7 +710,7 @@
 						"answerOptions": [
 							{
 								"answerText": "condition",
-								"isCorrect": "true"
+								"isCorrect": "false"
 							},
 							{
 								"answerText": "counter",
@@ -718,7 +718,7 @@
 							},
 							{
 								"answerText": "iteration-expression",
-								"isCorrect": "false"
+								"isCorrect": "true"
 							}
 						]
 					},
diff --git a/quiz-app/src/assets/translations/es.json b/quiz-app/src/assets/translations/es.json
index 0c5d40fc..9675e954 100644
--- a/quiz-app/src/assets/translations/es.json
+++ b/quiz-app/src/assets/translations/es.json
@@ -209,11 +209,11 @@
 						"questionText": "¿Cómo cambiarías a otro git branch?",
 						"answerOptions": [
 							{
-								"answerText": "git switch [branch-name]",
+								"answerText": "git checkout [branch-name]",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "git checkout [branch-name]",
+								"answerText": "git switch [branch-name]",
 								"isCorrect": "true"
 							},
 							{
@@ -710,7 +710,7 @@
 						"answerOptions": [
 							{
 								"answerText": "condición",
-								"isCorrect": "true"
+								"isCorrect": "false"
 							},
 							{
 								"answerText": "contador de programa",
@@ -718,7 +718,7 @@
 							},
 							{
 								"answerText": "expresión-iteración",
-								"isCorrect": "false"
+								"isCorrect": "true"
 							}
 						]
 					},
diff --git a/quiz-app/src/assets/translations/fr.json b/quiz-app/src/assets/translations/fr.json
index c7f2e1f6..5432df85 100644
--- a/quiz-app/src/assets/translations/fr.json
+++ b/quiz-app/src/assets/translations/fr.json
@@ -209,11 +209,11 @@
 						"questionText": "Comment passer d'une branche à une autre?",
 						"answerOptions": [
 							{
-								"answerText": "git switch [nom de la branche]",
+								"answerText": "git checkout [nom de la branche]",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "git checkout [nom de la branche]",
+								"answerText": "git switch [nom de la branche]",
 								"isCorrect": "true"
 							},
 							{
@@ -710,7 +710,7 @@
                         "answerOptions": [
                             {
                                 "answerText": "condition",
-                                "isCorrect": "true"
+                                "isCorrect": "false"
                             },
                             {
                                 "answerText": "compteur",
@@ -718,7 +718,7 @@
                             },
                             {
                                 "answerText": "expression d'itération",
-                                "isCorrect": "false"
+                                "isCorrect": "true"
                             }
                         ]
                     },
diff --git a/quiz-app/src/assets/translations/hi.json b/quiz-app/src/assets/translations/hi.json
index a57e65b1..d53c48c5 100644
--- a/quiz-app/src/assets/translations/hi.json
+++ b/quiz-app/src/assets/translations/hi.json
@@ -209,11 +209,11 @@
 						"questionText": "आप किसी शाखा में कैसे जाते हैं?",
 						"answerOptions": [
 							{
-								"answerText": "git switch [branch-name]",
+								"answerText": "git checkout [branch-name]",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "git checkout [branch-name]",
+								"answerText": "git switch [branch-name]",
 								"isCorrect": "true"
 							},
 							{
@@ -710,7 +710,7 @@
 						"answerOptions": [
 							{
 								"answerText": "शर्त (condition)",
-								"isCorrect": "true"
+								"isCorrect": "false"
 							},
 							{
 								"answerText": "काउंटर",
@@ -718,7 +718,7 @@
 							},
 							{
 								"answerText": "इटरेसन-इक्स्प्रेशन",
-								"isCorrect": "false"
+								"isCorrect": "true"
 							}
 						]
 					},
diff --git a/quiz-app/src/assets/translations/id.json b/quiz-app/src/assets/translations/id.json
index bbf1c5ae..a51dfa22 100644
--- a/quiz-app/src/assets/translations/id.json
+++ b/quiz-app/src/assets/translations/id.json
@@ -209,11 +209,11 @@
 						"questionText": "Bagaimana Anda beralih ke sebuah cabang (branch)?",
 						"answerOptions": [
 							{
-								"answerText": "git switch [branch-name]",
+								"answerText": "git checkout [branch-name]",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "git checkout [branch-name]",
+								"answerText": "git switch [branch-name]",
 								"isCorrect": "true"
 							},
 							{
@@ -710,7 +710,7 @@
 						"answerOptions": [
 							{
 								"answerText": "kondisi",
-								"isCorrect": "true"
+								"isCorrect": "false"
 							},
 							{
 								"answerText": "counter",
@@ -718,7 +718,7 @@
 							},
 							{
 								"answerText": "ekspresi-iterasi",
-								"isCorrect": "false"
+								"isCorrect": "true"
 							}
 						]
 					},
diff --git a/quiz-app/src/assets/translations/index.js b/quiz-app/src/assets/translations/index.js
index 9b5d3ae5..495c0713 100644
--- a/quiz-app/src/assets/translations/index.js
+++ b/quiz-app/src/assets/translations/index.js
@@ -12,7 +12,7 @@ import nl from "./nl.json";
 import zh_cn from "./zh_cn.json";
 import zh_tw from "./zh_tw.json";
 import fr from "./fr.json";
-
+import ta from "./ta.json";
 //export const defaultLocale = 'en';
 
 const messages = {
@@ -29,6 +29,7 @@ const messages = {
   zh_cn: zh_cn[0],
   zh_tw: zh_tw[0],
   fr: fr[0],
+  ta: ta[0],
 };
 
 export default messages;
diff --git a/quiz-app/src/assets/translations/it.json b/quiz-app/src/assets/translations/it.json
index 4d1582c6..60b31bb2 100644
--- a/quiz-app/src/assets/translations/it.json
+++ b/quiz-app/src/assets/translations/it.json
@@ -209,11 +209,11 @@
 						"questionText": "Come portarsi in un ramo?",
 						"answerOptions": [
 							{
-								"answerText": "git switch [branch-name]",
+								"answerText": "git checkout [branch-name]",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "git checkout [branch-name]",
+								"answerText": "git switch [branch-name]",
 								"isCorrect": "true"
 							},
 							{
@@ -710,7 +710,7 @@
 						"answerOptions": [
 							{
 								"answerText": "condizione",
-								"isCorrect": "true"
+								"isCorrect": "false"
 							},
 							{
 								"answerText": "contatore",
@@ -718,7 +718,7 @@
 							},
 							{
 								"answerText": "espressione-di-iterazione",
-								"isCorrect": "false"
+								"isCorrect": "true"
 							}
 						]
 					},
diff --git a/quiz-app/src/assets/translations/ja.json b/quiz-app/src/assets/translations/ja.json
index 30258e2d..b5504bce 100644
--- a/quiz-app/src/assets/translations/ja.json
+++ b/quiz-app/src/assets/translations/ja.json
@@ -209,11 +209,11 @@
 						"questionText": "ブランチを切り替えるにはどうしたらいいですか?",
 						"answerOptions": [
 							{
-								"answerText": "git switch [ブランチ名]",
+								"answerText": "git checkout [ブランチ名]",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "git checkout [ブランチ名]",
+								"answerText": "git switch [ブランチ名]",
 								"isCorrect": "true"
 							},
 							{
@@ -710,7 +710,7 @@
 						"answerOptions": [
 							{
 								"answerText": "条件",
-								"isCorrect": "true"
+								"isCorrect": "false"
 							},
 							{
 								"answerText": "カウンター",
@@ -718,7 +718,7 @@
 							},
 							{
 								"answerText": "くり返し式",
-								"isCorrect": "false"
+								"isCorrect": "true"
 							}
 						]
 					},
diff --git a/quiz-app/src/assets/translations/ko.json b/quiz-app/src/assets/translations/ko.json
index ef8cdc1d..7fce3b26 100644
--- a/quiz-app/src/assets/translations/ko.json
+++ b/quiz-app/src/assets/translations/ko.json
@@ -209,11 +209,11 @@
 						"questionText": "브랜치를 전환하는 커맨드는?",
 						"answerOptions": [
 							{
-								"answerText": "git switch [브랜치-이름]",
+								"answerText": "git checkout [브랜치-이름]",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "git checkout [브랜치-이름]",
+								"answerText": "git switch [브랜치-이름]",
 								"isCorrect": "true"
 							},
 							{
@@ -710,7 +710,7 @@
 						"answerOptions": [
 							{
 								"answerText": "조건",
-								"isCorrect": "true"
+								"isCorrect": "false"
 							},
 							{
 								"answerText": "카운터",
@@ -718,7 +718,7 @@
 							},
 							{
 								"answerText": "반복-표현식",
-								"isCorrect": "false"
+								"isCorrect": "true"
 							}
 						]
 					},
diff --git a/quiz-app/src/assets/translations/ms.json b/quiz-app/src/assets/translations/ms.json
index 2cd9561b..dbfe0217 100644
--- a/quiz-app/src/assets/translations/ms.json
+++ b/quiz-app/src/assets/translations/ms.json
@@ -209,11 +209,11 @@
 						"questionText": "Bagaimana anda beralih ke branch?",
 						"answerOptions": [
 							{
-								"answerText": "git switch [branch-name]",
+								"answerText": "git checkout [branch-name]",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "git checkout [branch-name]",
+								"answerText": "git switch [branch-name]",
 								"isCorrect": "true"
 							},
 							{
@@ -710,7 +710,7 @@
 						"answerOptions": [
 							{
 								"answerText": "kondisi",
-								"isCorrect": "true"
+								"isCorrect": "false"
 							},
 							{
 								"answerText": "counter",
@@ -718,7 +718,7 @@
 							},
 							{
 								"answerText": "ekspresi-iterasi",
-								"isCorrect": "false"
+								"isCorrect": "true"
 							}
 						]
 					},
diff --git a/quiz-app/src/assets/translations/nl.json b/quiz-app/src/assets/translations/nl.json
index a3a80756..d08b8642 100644
--- a/quiz-app/src/assets/translations/nl.json
+++ b/quiz-app/src/assets/translations/nl.json
@@ -209,11 +209,11 @@
 						"questionText": "Hoe stapt u over naar een tak?",
 						"answerOptions": [
 							{
-								"answerText": "git switch [taknaam]",
+								"answerText": "git checkout [taknaam]",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "git checkout [taknaam]",
+								"answerText": "git switch [taknaam]",
 								"isCorrect": "true"
 							},
 							{
@@ -710,7 +710,7 @@
 						"answerOptions": [
 							{
 								"answerText": "voorwaarde",
-								"isCorrect": "true"
+								"isCorrect": "false"
 							},
 							{
 								"answerText": "teller",
@@ -718,7 +718,7 @@
 							},
 							{
 								"answerText": "iteratie-uitdrukking",
-								"isCorrect": "false"
+								"isCorrect": "true"
 							}
 						]
 					},
diff --git a/quiz-app/src/assets/translations/ta.json b/quiz-app/src/assets/translations/ta.json
new file mode 100644
index 00000000..f0e24e7b
--- /dev/null
+++ b/quiz-app/src/assets/translations/ta.json
@@ -0,0 +1,2509 @@
+[
+    {
+        "title" : "ஆரம்ப வலை வளர்ச்சி: வினாடி வினாக்கள்",
+        "complete" : "வாழ்த்துக்கள், நீங்கள் வினாடி வினா முடித்தீர்கள்!",
+        "error": "மன்னிக்கவும், மீண்டும் முயற்சிக்கவும்", 
+        "quizzes" : [
+            {
+				"id": 1,
+				"title": "பாடம் 1 - நிரலாக்க மொழிகளுக்கான அறிமுகம்: முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "படைப்பாளி எந்த குறியீட்டைஎழுதாமல் ஒரு நிரலை உருவாக்க லாம்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "குறைந்த நிலை மொழிகள் ஒரு பிரபலமான தேர்வாகும்",
+						"answerOptions": [
+							{
+								"answerText": "இணையதளங்கள்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "வன்பொருள்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "வீடியோ கேம் மென்பொருள்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "இந்த கருவிகளில் எது பெரும்பாலும் ஒரு வலை டெவலப்பரின் சூழலில் இருக்கும்?",
+						"answerOptions": [
+							{
+								"answerText": "வன்பொருள், ஒரு ராஸ்பெர்ரி பை போன்ற",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "உலாவி தேவ்டூல்ஸ்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "இயக்க முறைமை ஆவணப்படுத்தல்",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 2,
+				"title": "பாடம் 1 - நிரலாக்க மொழிகளுக்கான அறிமுகம்: பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "ஒரு வலைத்தளத்தை உருவாக்க நீங்கள் பெரும்பாலும் எந்த மொழியைப் பயன்படுத்துவீர்கள்?",
+						"answerOptions": [
+							{
+								"answerText": "இயந்திர குறியீடு",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "ஜாவா ஸ்கிரிப்ட்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பாஷ்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "வளர்ச்சி சூழல்கள் ஒவ்வொரு டெவலப்பருக்குதனித்துவமானவை",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "பக்கி குறியீட்டை சரிசெய்ய ஒரு டெவலப்பர் என்ன செய்வார்?",
+						"answerOptions": [
+							{
+								"answerText": "தொடரியல் சிறப்பித்துக் காட்டுதல்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பிழைநீக்குதல்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "குறியீடு வடிவமைத்தல்",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 3,
+				"title": "பாடம் 2 - கிட்ஹப் அறிமுகம்: முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "எப்படி நீங்கள் ஒரு கிட் ரெப்போ உருவாக்க?",
+						"answerOptions": [
+							{
+								"answerText": "git create",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "git start",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "git init",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "git add என்ன செய்கிறது?",
+						"answerOptions": [
+							{
+								"answerText": "உங்கள் குறியீட்டை ஒப்புக்கொள்கிறது",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "கண்காணிப்புக்கான ஒரு ஸ்டேஜிங் பகுதியில் உங்கள் கோப்புகளைச் சேர்க்கிறது",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "உங்கள் கோப்புகளை கிட்ஹப்பில் சேர்க்கிறது",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "உங்கள் கணினியில் கிட் நிறுவப்பட்டதா என்பதை எவ்வாறு சரிபார்ப்பீர்கள்?",
+						"answerOptions": [
+							{
+								"answerText": "மாதிப் படிவம் git --version",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "மாதிப் படிவம் git --installed",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "மாதிப் படிவம் git --init",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 4,
+				"title": "பாடம் 2 - கிட்ஹப் அறிமுகம்: பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "ஒரு கிளையில் அறிமுகப்படுத்தப்பட்ட வேறுபாடுகளை மதிப்புரைகள், கருத்துகள், ஒருங்கிணைந்த சோதனைகள் மற்றும் பலவற்றுடன் ஒப்பிட்டு விவாதிக்க ஒரு இடம்:",
+						"answerOptions": [
+							{
+								"answerText": "கிட்ஹப்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "புல் ராகுவெஸ்ட்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "அம்சக் கிளை",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "ஒரு தொலைதூர கிளையில் இருந்து அனைத்து கமிட்களையும் நீங்கள் எவ்வாறு பெறுவீர்கள் மற்றும் ஒருங்கிணைப்பீர்கள்?",
+						"answerOptions": [
+							{
+								"answerText": "git fetch",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "git pull",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "git commits -r",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "நீங்கள் ஒரு கிளைக்கு எப்படி மாறுகிறீர்கள்?",
+						"answerOptions": [
+							{
+								"answerText": "git checkout [branch-name]",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "git switch [branch-name]",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "git load [branch-name]",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 5,
+				"title": "பாடம் 3 - அணுகக்கூடிய வலைப்பக்கங்களை உருவாக்குதல்: முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "அணுகக்கூடிய வலைத் தளத்தை எந்த உலாவி கருவியில் சரிபார்க்கலாம்",
+						"answerOptions": [
+							{
+								"answerText": "லத்ஹவுஸ்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "டெக்ஹவுஸ்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "கிளீன்ஹவுஸ்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "பார்வைக் குறைபாடுள்ள பயனர்களுக்கான அணுகல்தன்மையை சோதிக்க உங்களுக்கு ஒரு உடல் திரை வாசகர் தேவை",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "அரசாங்க வலைத் தளங்களில் அணுகல் தன்மை மட்டுமே முக்கியமானது",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 6,
+				"title": "பாடம் 3 - அணுகக்கூடிய வலைப்பக்கங்களை உருவாக்குதல்: பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "அணுகல் சிக்கல்களுக்கு மட்டுமே லாட்ஹவுஸ் சரிபார்க்கிறது",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "வண்ண-பாதுகாப்பான தட்டுகள் மக்களுக்கு உதவுகின்றன",
+						"answerOptions": [
+							{
+								"answerText": "நிறக்குருடு",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பார்வை குறைபாடுகள்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "இரண்டும்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "அணுகக்கூடிய இணைய தளங்களுக்கு விளக்க இணைப்புகள் இன்றியமையாதவை",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 7,
+				"title": "பாடம் 4 - ஜாவாஸ்கிரிப்ட் அடிப்படைகள் - தரவு வகைகள்: முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "பூலியன்கள் என்பது சரத்தின் நீளத்தை சோதிக்க நீங்கள் பயன்படுத்தக்கூடிய தரவு வகையாகும்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "பின்வருபவை நீங்கள் ஒரு சரத்தில் செய்யக்கூடிய ஒரு செயல்பாடு ஆகும்",
+						"answerOptions": [
+							{
+								"answerText": "கான்கோட்னேஷன்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "அப்பாண்ட்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "ஸ்ப்ளிசீ",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "== மற்றும் === ஒன்றுக்கொன்று மாற்றக்கூடியவை",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 8,
+				"title": "பாடம் 4 - ஜாவாஸ்கிரிப்ட் அடிப்படைகள் - தரவு வகைகள்: பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "மாறிகளை அறிவிக்க அனுமதிக்கமற்றும் வார் போலவே மாறிகள் உள்ளன",
+						"answerOptions": [
+							{
+								"answerText": "மாறிலிகள் துவக்கப்பட வேண்டும்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "மாறிலிகளை மாற்றலாம்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "மாறிலிகளை மறுஒதுக்கீடு செய்யலாம்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "எண்கள் மற்றும் _____ ஆகியவை எண் தரவை கையாளும் ஜாவாஸ்கிரிப்ட் பழமையானவை",
+						"answerOptions": [
+							{
+								"answerText": "பிஜிண்ட்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பூலியன்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "விண்மீன்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "சரங்கள் ஒற்றை மற்றும் இரட்டை மேற்கோள்களுக்கு இடையில் வசிக்கலாம்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 9,
+				"title": "பாடம் 5 - ஜாவாஸ்கிரிப்ட் அடிப்படைகள் - செயல்பாடுகள் மற்றும் முறைகள்: முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "ஒரு வாதம் என்ன?",
+						"answerOptions": [
+							{
+								"answerText": "இது செயல்பாடு வரையறையில் நீங்கள் அறிவிக்கும் ஒன்று",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "இது நீங்கள் அழைப்பு நேரத்தில் ஒரு செயல்பாட்டிற்கு கடந்து செல்லும் ஒன்று",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "இது உங்களுக்குத் தெரிந்தவர்களுடன் உங்களிடம் உள்ள ஒன்று",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "ஒரு செயல்பாடு எதையாவது திருப்பித் தரும்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "நீங்கள் ஒரு செயல்பாடு எதையும் பெயரிட முடியும்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "உண்மை, ஆனால் அது ஒரு விளக்கப் பெயராக இருக்க வேண்டும்",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 10,
+				"title": "பாடம் 5 - ஜாவாஸ்கிரிப்ட் அடிப்படைகள் - செயல்பாடுகள் மற்றும் முறைகள்: பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "ஒரு செயல்முறையில் அனைத்து அளவுருக்களுக்கும் வாதங்கள் வழங்கப்பட வேண்டும்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "What does a default value do?",
+						"answerOptions": [
+							{
+								"answerText": "இயல்புநிலை மதிப்பு என்ன செய்கிறது?",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "ஒரு அளவுருவிற்கு ஒரு ஸ்டார்டர் மதிப்பை அளிக்கிறது, எனவே நீங்கள் ஒரு வாதத்தை தவிர்த்தால் உங்கள் குறியீடு இன்னும் நடந்துகொள்ளுகிறது",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பயன்பாடு இல்லை",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "ஒரு கொழுப்பு அம்பு செயல்பாடு நீங்கள் அனுமதிக்கிறது",
+						"answerOptions": [
+							{
+								"answerText": "கனமான செயல்பாடுகளை உருவாக்கவும்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "செயல்திறவுச் சொல்லை த் தவிர்த்துவிடு",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "ஒரு அநாமதேய செயல்பாட்டை உருவாக்கு",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 11,
+				"title": "பாடம் 6 -  ஜாவாஸ்கிரிப்ட் அடிப்படைகள் - ஜாவாஸ்கிரிப்ட் மூலம் முடிவுகளை எடுக்க: முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "பின்வரும் ஆபரேட்டர் == அழைக்கப்படுகிறார்",
+						"answerOptions": [
+							{
+								"answerText": "சமத்துவம்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "கடுமையான சமத்துவம்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "வகுத்தமைத்தல்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "ஜாவாஸ்கிரிப்டில் உள்ள ஒப்பீடு எந்த வகையை அளிக்கிறது?",
+						"answerOptions": [
+							{
+								"answerText": "பூலியன்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பூஜ்யம்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "சரம்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "கப்பற் பெயர்ச்சுட்டு! ஜாவா ஸ்கிரிப்டில் உள்ள குறியீடு:",
+						"answerOptions": [
+							{
+								"answerText": "தருக்க இல்லை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "முக்கியமான",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "சமமான",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 12,
+				"title": "பாடம் 6 -  ஜாவாஸ்கிரிப்ட் அடிப்படைகள் - ஜாவாஸ்கிரிப்ட் மூலம் முடிவுகளை எடுக்க: பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "பின்வரும் குறியீடு என்ன திரும்பும்: '1' == 1",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பூஜ்யம்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "What would the following code return: '1' === 1",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பூஜ்யம்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "தர்க்கத்தை வெளிப்படுத்த சரியான ஆபரேட்டரைத் தேர்வு செய்யவும்",
+						"answerOptions": [
+							{
+								"answerText": "a | b",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "a || b",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "a or b",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 13,
+				"title": "பாடம் 7 - ஜாவாஸ்கிரிப்ட் அடிப்படைகள் - வரிசைகள் மற்றும் வளையங்கள்: முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "ஒரு வரிசையில் குறிப்பிட்ட உருப்படியை குறிப்பிட, நீங்கள் ஒரு பயன்படுத்தவேண்டும்",
+						"answerOptions": [
+							{
+								"answerText": "[]",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "அடைவு",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "{}",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "ஒரு வரிசையில் உள்ள உருப்படிகளின் எண்ணிக்கையை நீங்கள் எவ்வாறு பெறுவீர்கள்?",
+						"answerOptions": [
+							{
+								"answerText": "'லென்(வரிசை)' முறை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "அணி வரிசைசொத்து அளவு",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "வரிசையின் நீளம் பண்பு",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "ஜாவா ஸ்கிரிப்டில், குறியீடுகள் தொடங்குகின்றன",
+						"answerOptions": [
+							{
+								"answerText": "0",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "1",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "2",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 14,
+				"title": "பாடம் 7 -  ஜாவாஸ்கிரிப்ட் அடிப்படைகள் - வரிசைகள் மற்றும் வளையங்கள்: பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "ஒரு வளையத்தின் எந்த பகுதியை நீங்கள் 5 மூலம் அதன் மறுசீரமைப்பை அதிகரிப்பதற்கு மாற்ற வேண்டும்?",
+						"answerOptions": [
+							{
+								"answerText": "நிலைமை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "எண்ணுபவர்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "மறு-வெளிப்பாடு",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "சிறிது நேரம் மற்றும் ஒரு வளையத்திற்கு இடையிலான வித்தியாசம் என்ன",
+						"answerOptions": [
+							{
+								"answerText": "ஒரு வளையத்திற்கு ஒரு எதிர் மற்றும் மறுபதிப்பு வெளிப்பாடு உள்ளது, அங்கு ஒரு நிலை மட்டுமே உள்ளது",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "சிறிது நேரம் ஒரு கவுண்டர் மற்றும் மீண்டும்-வெளிப்பாடு உள்ளது, அங்கு லூப் மட்டுமே ஒரு நிபந்தனைஉள்ளது",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "அவர்கள் ஒரே மாதிரியானவர்கள், ஒருவருக்கொருவர் ஒரு மாற்றுப் பெயர்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": " (let i=1; i < 5; i++) குறியீட்டைக் கொடுக்கப்பட்டால், அது எத்தனை மறுபயன்பாடுகளைச் செய்யும்?",
+						"answerOptions": [
+							{
+								"answerText": "5",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "4",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 15,
+				"title": "பாடம் 8 -  திட்டம் நிலப்பரப்பு - ஹெச்டிஎம்எல் அறிமுகம்: முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "ஹெச்டிஎம்எல் என்பது 'ஹைப்பர்டெக்ஸ்ட் மோக்அப் மொழி' என்று குறிக்கிறது",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "அனைத்து ஹெச்டிஎம்எல் குறிச்சொற்களும் தொடக்க மற்றும் மூடும் குறிச்சொற்களை வேண்டும்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "சொற்பொருள் மார்க்அப் பயன்படுத்துவது மிகவும் முக்கியம்",
+						"answerOptions": [
+							{
+								"answerText": "குறியீடு படிக்கக்கூடியதன்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "திரை வாசகர்கள்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பராமரிப்பு",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 16,
+				"title": "பாடம் 8 -  திட்டம் நிலப்பரப்பு - ஹெச்டிஎம்எல் அறிமுகம்: பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "ஸ்பான்கள் மற்றும் டைவ்கள் பரிமாற்றம் செய்யக்கூடியவை",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "ஒரு ஹெச்டிஎம்எல் ஆவணத்தின் தலை:",
+						"answerOptions": [
+							{
+								"answerText": "தலைப்பு குறிச்சொல்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "மெட்டாடேட்டா",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "இரண்டும்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "உங்கள் குறியிடலில் மதிப்பிழந்த குறிச்சொற்களை நீங்கள் பயன்படுத்த முடியாது",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய், ஆனால், அவர்கள் நல்ல காரணத்திற்காக ப்ரேக் செய்யப்பட்டுள்ளனர்.",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 17,
+				"title": "பாடம் 9  - திட்டம் நிலப்பரப்பு - சிஎஸ்எஸ் அறிமுகம்: முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "HTML கள் பாணியாவதற்கு ஒரு வகுப்பு அல்லது ஐடி வேண்டும்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "CSS stands for 'Complete Style Sheets'",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "CSS can be used to create animations",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 18,
+				"title": "பாடம் 9  - திட்டம் நிலப்பரப்பு - சிஎஸ்எஸ் அறிமுகம்: பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "உங்கள் ஹெச்டிஎம்எல் கோப்பின் தலைமைப் பிரிவில் நேரடியாக சிஎஸ்எஸ் எழுதலாம்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "உங்கள் பயன்பாட்டில் சிஎஸ்எஸ் ஐ ச் சேர்ப்பது எப்போதும் அவசியம்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய், ஆனால் நீங்கள் அதை அழகாக இருக்க விரும்பினால் ஒருவேளை நீங்கள் சிஎஸ்எஸ் வேண்டும்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "எந்த உலாவி கருவியை சிஎஸ்எஸ் ஆய்வு செய்ய பயன்படுத்தலாம்?",
+						"answerOptions": [
+							{
+								"answerText": "நாற்பெரும் பூதங்கள்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பாணிகள்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பின்னல் வேலை",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 19,
+				"title": "பாடம் 10 - திட்டம் நிலப்பரப்பு - டோம் மற்றும் ஜேஎஸ் மூடல்களுக்கு அறிமுகம்: முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "DOM என்பது 'Document Object Management'",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "DOM ஒரு மரமாக கருதப்படலாம்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "வலை API ஐப் பயன்படுத்தி, நீங்கள் DOM ஐக் கையாளலாம்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 20,
+				"title": "பாடம் 10 - திட்டம் நிலப்பரப்பு - டோம் மற்றும் ஜேஎஸ் மூடல்களுக்கு அறிமுகம்: பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "இணையத்தில் ஒரு ஆவணத்தை பிரதிநிதித்துவப்படுத்த டிஓஎன் ஒரு மாதிரி",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "பின்வருவனசெய்ய ஜாவாஸ்கிரிப்ட் மூடல்களைப் பயன்படுத்தவும்:",
+						"answerOptions": [
+							{
+								"answerText": "தொழிற்பாடுகளுக்குள் செயல்பாடுகளை எழுதுதல்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "டோம் ஐ மூடவும்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "ஸ்கிரிப்ட் தொகுதிகள் மூடவும்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "வெற்றிடத்தை நிரப்பவும்: ஒன்று அல்லது அதற்கு மேற்பட்ட செயல்பாடுகள் வெளிப்புற செயல்பாட்டை அணுக வேண்டும் போது மூடல்கள் பயனுள்ளதாக இருக்கும் ...",
+						"answerOptions": [
+							{
+								"answerText": "வரிசைகள்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "நோக்கம்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பணிகள்",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 21,
+				"title": "பாடம் 11 - ஒரு தட்டச்சு விளையாட்டு உருவாக்க : முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "நிகழ்வு சார்ந்த நிரலாக்கம் என்பது ஒரு பயனர் போது",
+						"answerOptions": [
+							{
+								"answerText": "ஒரு பொத்தானை கிளிக்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "மதிப்பை மாற்றும்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பக்கத்துடன் ஊடாடுகிறது",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "மேலே உள்ள எந்த",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "செயல்முறை நிரலாக்கத்தில், செயல்பாடுகள் அழைக்கப்படுகின்றன",
+						"answerOptions": [
+							{
+								"answerText": "எந்த நேரத்திலும்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "ஒரு குறிப்பிட்ட வரிசையில்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "இடமிருந்து வலமாக",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "நிகழ்வு கையாளுநர்களைப் பதிவு செய்வதற்கான DOM இல் வெளிப்படும் உலகளாவிய முறை அழைக்கப்படுகிறது",
+						"answerOptions": [
+							{
+								"answerText": "addEventListener",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "addListener",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "addEvent",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 22,
+				"title": "பாடம் 11 - ஒரு தட்டச்சு விளையாட்டு உருவாக்க : பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "ஒரு பக்கத்தில் ஒரு பயனர் செய்யும் எதையும் பற்றி ஒரு நிகழ்வை எழுப்புகிறது",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "பொதுவான நிகழ்வுகள் பின்வருமாறு",
+						"answerOptions": [
+							{
+								"answerText": "click_event",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "select_event",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "input_event",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "all of these",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "You can use anonymous functions to create event handlers",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 23,
+				"title": "பாடம் 12 -  உலாவி விரிவாக்க திட்டம் - உலாவி பற்றி:  முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "நீங்கள் இருந்து உலாவி நீட்டிப்புகள் பெற முடியும்",
+						"answerOptions": [
+							{
+								"answerText": "வால்மார்ட்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "உலாவியின் நீட்டிப்பு ஸ்டோர்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "ஆப் ஸ்டோர்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "NPM குறிக்கிறது",
+						"answerOptions": [
+							{
+								"answerText": "Node Package Manager",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Netscape Primary Mix",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Natural Processing Manager",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "உங்கள் உலாவி பாதுகாப்பாகவும் பாதுகாப்பற்ற தாகவும் வலைப் பக்கங்களை வழங்க முடியும்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 24,
+				"title": "பாடம் 12 -  உலாவி விரிவாக்க திட்டம் - உலாவி பற்றி:  பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "உலகளாவிய வலை மூலம் கண்டுபிடிக்கப்பட்டது",
+						"answerOptions": [
+							{
+								"answerText": "டாம் பர்னார்ட்-லாஃப்ட்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "டிம் பெர்னர்ஸ்-லீ",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Trish Berth-Pool",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "முதல் உலாவி அழைக்கப்பட்டது",
+						"answerOptions": [
+							{
+								"answerText": "உலகளாவிய வலை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "மொசில்லா",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "நெட்ஸ்கேப்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "உலாவிகள் பயனரின் உலாவல் வரலாற்றைசேமிக்கமுடியும்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 25,
+				"title": "பாடம் 13 - உலாவி விரிவாக்க திட்டம் - படிவங்கள் மற்றும் உள்ளூர் சேமிப்பு: முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "APIs நிற்க",
+						"answerOptions": [
+							{
+								"answerText": "Application Programming Interfaces",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "A Programming Inference",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Anti Proven Intentions",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "தொடர்பு கொள்ள API ஐப் பயன்படுத்தவும்",
+						"answerOptions": [
+							{
+								"answerText": "மற்றொரு வலை இணைக்கப்பட்ட சொத்து",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "ஒரு தரவுத்தளம்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "மேலே ஒன்று",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "எவரும் API உருவாக்கலாம்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 26,
+				"title": "பாடம் 13 - உலாவி விரிவாக்க திட்டம் - படிவங்கள் மற்றும் உள்ளூர் சேமிப்பு: பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "உலாவி சாளரத்தை மூடும் ஒவ்வொரு முறையும் அகச்சேமிப்பகம் அழிக்கப்படும்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "முக்கிய உலாவி சாளரம் உலாவியின் விரிவாக்கத்தின் அகச்சேமிப்பகத்தை கட்டுப்படுத்துகிறது",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "REST ஒரு API தறுவாய் குறிக்கிறது",
+						"answerOptions": [
+							{
+								"answerText": "Representational State Transfer",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Returning State Tasks",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Rendering State To Browser",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 27,
+				"title": "பாடம் 14 - உலாவி விரிவாக்க திட்டம் - பின்னணி பணிகள் மற்றும் செயல்திறன்: முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "உங்கள் பயன்பாட்டின் செயல்திறனை சோதிக்கவும்",
+						"answerOptions": [
+							{
+								"answerText": "உலாவியின் கருவிகளைப் பயன்படுத்துதல்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "தனி மென்பொருள் தொகுப்பைப் பயன்படுத்துதல்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "கைமுறையாக",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "ஒரு வலைத் தளத்தின் 'செயல்திறன்' ஒரு பகுப்பாய்வு ஆகும்",
+						"answerOptions": [
+							{
+								"answerText": "அது எவ்வளவு வேகமாக ஏற்றுகிறது",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "அதன் குறியீடு எவ்வளவு வேகமாக இயங்குகிறது",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "மேலே உள்ள இரண்டும்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "ஒட்டுமொத்தமாக, கடந்த சில ஆண்டுகளில் வலைப் பக்கங்களின் 'எடை' உள்ளது",
+						"answerOptions": [
+							{
+								"answerText": "இலகுவான கிடைத்தது",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "கனமான கிடைத்தது",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "அதே தங்கி",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 28,
+				"title": "பாடம் 14 - உலாவி விரிவாக்க திட்டம் - பின்னணி பணிகள் மற்றும் செயல்திறன்: பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "உங்கள் தளத்தின் செயல்திறன் பற்றிய சிறந்த பார்வையைப் பெற, அதன் கேச்சை அழிக்கவும் மற்றும் சுயவிவரத்தில் மீண்டும் ஏற்றவும்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "உலாவி நீட்டிப்புகள் இயல்பாகவே செயல்திறன் கொண்டவை",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "செயல்திறன் தடைகளுக்கு பின்வருவனவை பகுப்பாய்வு செய்யுங்கள்",
+						"answerOptions": [
+							{
+								"answerText": "டிஓஎம் டிராவர்சல்ஸ்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "ஜாவாஸ்கிரிப்ட் தேர்வுமுறை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "சொத்து மேலாண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "மேலே உள்ள அனைத்தும்",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 29,
+				"title": "பாடம் 15 - விண்வெளி விளையாட்டை - ஜாவாஸ்கிரிப்ட் மூலம் விளையாட்டுகளை உருவாக்குவதற்கான அறிமுகம்: முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "ஜாவாஸ்கிரிப்ட் விளையாட்டுகளை உருவாக்குவதற்கான ஒரு பிரபலமற்ற மொழி",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "பப் / துணை விளையாட்டின் சொத்துக்கள் மற்றும் ஓட்டத்தை நிர்வகிக்க ஒரு விருப்பமான முறை",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "பொருள் மரபுரிமையை வகுப்புகள் அல்லது கலவையைப் பயன்படுத்தி கையாளலாம்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 30,
+				"title": "பாடம் 15 - விண்வெளி விளையாட்டை - ஜாவாஸ்கிரிப்ட் மூலம் விளையாட்டுகளை உருவாக்குவதற்கான அறிமுகம்: பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "வகுப்புகள் நடத்தைகளை உருவாக்க பரம்பரையை நம்பியுள்ளன",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "கலவை விளையாட்டு பொருட்களை விருப்பமான வடிவமைப்பு முறை",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Pub/Sub குறிக்கிறது:",
+						"answerOptions": [
+							{
+								"answerText": "Publish/Subscribe",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Print/Staple",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Publish/Sanitize",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 31,
+				"title": "பாடம் 16 - விண்வெளி விளையாட்டை - கேன்வாஸ் வரைதல்: முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "கேன்வாஸ் உறுப்பு என்பது திரையில் வரைய நீங்கள் பயன்படுத்துவது",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "கேன்வாஸ் ஏபிஐ பயன்படுத்தி எளிய வடிவியல் வடிவங்களை மட்டுமே நீங்கள் வரைய முடியும்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "புள்ளி 0.0 கீழே இடது உள்ளது",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 32,
+				"title": "பாடம் 16 - விண்வெளி விளையாட்டை - கேன்வாஸ் வரைதல்: பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "நீங்கள் கேன்வாஸ் நேரடியாக வரைதல் செயல்பாடுகளை செய்ய முடியும்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "ஒரு படம் ஒத்திசைவாக ஏற்றப்பட்டபோது தெரிந்து கொள்ள நீங்கள் ஆன்லோட் நிகழ்வைக் கேட்கிறீர்கள்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "நீங்கள் ஒரு திரையில் படங்களை வரைக:",
+						"answerOptions": [
+							{
+								"answerText": "paintImage()",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "drawImage()",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "draw()",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 33,
+				"title": "பாடம் 17 - விண்வெளி விளையாட்டை - இயக்கம் சேர்த்தல்: முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "திரையில் உள்ள எந்த பொருளும் விசைப்பலகை நிகழ்வுகளைப் பெறலாம்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "முக்கிய நிகழ்வுகள் மற்றும் சுட்டி நிகழ்வுகளைக் கேட்க நீங்கள் அதே முறையைப் பயன்படுத்தலாம்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "ஒரு குறிப்பிட்ட இடைவெளியில் விஷயங்களை நடக்க, நீங்கள் என்ன செயல்பாடு பயன்படுத்த?",
+						"answerOptions": [
+							{
+								"answerText": "setInterval()",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "setTimeout()",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "sleep()",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 34,
+				"title": "பாடம் 17 - விண்வெளி விளையாட்டை - இயக்கம் சேர்த்தல்: பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "நீங்கள் எப்போதும் திரையை மீண்டும் வரைய வேண்டும்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "ஒரு விளையாட்டு வளையம் என்றால் என்ன?",
+						"answerOptions": [
+							{
+								"answerText": "விளையாட்டை மீண்டும் தொடங்குவதை உறுதிப்படுத்தும் ஒரு செயல்பாடு",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "விளையாட்டு எவ்வளவு வேகமாக இயங்க வேண்டும் என்பதை முடிவு செய்த ஒரு செயல்பாடு",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "குறிப்பிட்ட இடைவெளியில் பயன்படுத்தப்படும் ஒரு செயல்பாடு மற்றும் பயனர் பார்க்க வேண்டியதை வரைகிறது",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "திரையை மறுவரைதல் ஒரு நல்ல வழக்கு",
+						"answerOptions": [
+							{
+								"answerText": "ஒரு பயனர் தொடர்பு நடந்தது",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "ஏதோ நகர்ந்துவிட்டது",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "காலம் கடந்துவிட்டது",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 35,
+				"title": "பாடம் 18 - விண்வெளி விளையாட்டை - ஒரு லேசர் சேர்த்து மற்றும் மோதல்கள் கண்டறியும் : முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "மோதல் கண்டறிதல் என்பது இரண்டு விஷயங்கள் மோதிக்கொண்டிருந்தால் நாம் எவ்வாறு கண்டுபிடிப்போம்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "திரையில் இருந்து ஒரு உருப்படியை எப்படி அகற்றலாம்?",
+						"answerOptions": [
+							{
+								"answerText": "குப்பை சேகரிப்பவரை அழைக்கவும்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "அது இறந்த என குறிக்க, மட்டுமே நாம் திரையில் வரைய அடுத்த முறை இறந்த பொருட்களை வரைய",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "உருப்படியை எதிர்மறை ஆயத்தளத்தில் வைக்கவும்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "ஜாவாஸ்கிரிப்டில் ஒரு லேசர் துப்பாக்கி சூடு உருவகப்படுத்த ஒரு நல்ல வழி:",
+						"answerOptions": [
+							{
+								"answerText": "ஒரு முக்கிய நிகழ்வுக்கு ஒரு காட்சி உறுப்பு பதிலளிக்கவும்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "அனிமேஷன் ஜிஃப்களை உருவாக்கவும்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "எதிரிகளை இடைவெளியில் வெடிக்கச் செய்யுங்கள்",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 36,
+				"title": "பாடம் 18 - விண்வெளி விளையாட்டை - ஒரு லேசர் சேர்த்து மற்றும் மோதல்கள் கண்டறியும் : மபிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "மோதல் கண்டறிதலில் நீங்கள் இரண்டு ஒப்பிடுகிறீர்கள்",
+						"answerOptions": [
+							{
+								"answerText": "வட்டங்கள் மற்றும் அவை குறுக்கிடுகின்றனவா",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "செவ்வகங்கள் மற்றும் அவை குறுக்கிடுகின்றனவா",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "இரண்டு புள்ளிகளுக்கு இடையில் உள்ள தூரங்கள்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "குளிர்விக்கும் விளைவை செயல்படுத்துவதற்கான காரணம்",
+						"answerOptions": [
+							{
+								"answerText": "நீங்கள் மீண்டும் மீண்டும் எதிரிகள் அழிக்க ஒரு லேசர் சுட முடியாது என விளையாட்டு கடினமாக செய்யும்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "ஜாவாஸ்கிரிப்ட் ஒரு குறிப்பிட்ட எண்ணிக்கையிலான நிகழ்வுகளை மட்டுமே ஒரு முறை யூனிட்டில் உருவாக்க முடியும், எனவே நீங்கள் அவற்றை கட்டுப்படுத்த வேண்டும்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "மாறிலிகள் குறியீட்டில் அடையாளம் காணக்கூடியவை, ஏனெனில்",
+						"answerOptions": [
+							{
+								"answerText": "அவை பெரிய எழுத்துக்களில் எழுதப்பட்டுள்ளன",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "அவர்கள் குறிப்பிட்ட பெயர்கள் உள்ளன",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "அவர்கள் கபாப் வழக்கில் இது போன்ற எழுதப்பட்ட",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 37,
+				"title": "பாடம் 19 - விண்வெளி விளையாட்டை - அடித்தல் மற்றும் லைவ்ஸ்: முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "கேன்வாஸ் உறுப்பைப் பயன்படுத்தி திரையில் உரையை எவ்வாறு வரைகிறீர்கள்?",
+						"answerOptions": [
+							{
+								"answerText": "உரை ஒரு டைவ் அல்லது ஸ்பான் உறுப்பு உள்ளே வைக்கவும்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "கேன்வாஸ் உறுப்பு மீது உரை drawText() அழைக்கவும்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "சூழல் பொருளில் fillText() ஐ அழை",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "ஒரு விளையாட்டில் 'உயிர்கள்' என்ற கருத்து உங்களுக்கு ஏன் இருக்கிறது?",
+						"answerOptions": [
+							{
+								"answerText": "நீங்கள் எவ்வளவு சேதத்தை எடுக்கலாம் என்பதைக் காட்ட",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "எனவே விளையாட்டு நேராக முடிவடையாது, ஆனால் விளையாட்டு முடிவடைவதற்கு முன்பு உங்களுக்கு பல வாய்ப்புகள் உள்ளன",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "பயன்படுத்தி கேன்வாஸ் உரை க்கு நிறம் சேர்",
+						"answerOptions": [
+							{
+								"answerText": "fillColor",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "fillStyle",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "textAlign",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 38,
+				"title": "பாடம் 19 - விண்வெளி விளையாட்டை - அடித்தல் மற்றும் லைவ்ஸ்: பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "ஒரு வீரர் எத்தனை உயிர்களை விட்டுச் சென்றுள்ளார் என்பதைக் காட்ட ஒரு வேடிக்கையான வழி என்ன?",
+						"answerOptions": [
+							{
+								"answerText": "கப்பல்கள் பல",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "ஒரு புள்ளிகள் அமைப்பு",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "கேன்வாஸ் உறுப்பைப் பயன்படுத்தி திரையின் நடுவில் உரையை எவ்வாறு மையப்படுத்துக?",
+						"answerOptions": [
+							{
+								"answerText": "நீங்கள் ஃப்ளெக்ஸ்பாக்ஸ் பயன்படுத்துகிறீர்கள்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "நீங்கள் உரை வாடிக்கையாளர் சாளரஅகலம் /2 இன் எக்ஸ் ஆயத்தில் வரைய அறிவுறுத்துகிறீர்கள்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "நீங்கள் உரை ஒழுங்கமை சொத்து சூழல் பொருள் மதிப்பு மையத்தில் அமைக்க",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "குறியீட்டில், இது போன்ற ஒரு வாழ்க்கையைக் கழிக்கவும்:",
+						"answerOptions": [
+							{
+								"answerText": "this.life-",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "this.life--",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "this.life++",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 39,
+				"title": "பாடம் 20 - விண்வெளி விளையாட்டை - முடிவு மற்றும் மறுதொடக்கம்: முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "ஒரு விளையாட்டை மறுதொடக்கம் செய்ய ஒரு நல்ல நேரம் எப்போது",
+						"answerOptions": [
+							{
+								"answerText": "ஒரு வீரர் வெற்றி அல்லது தோல்வி போது",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "எப்போது வேண்டுமானாலும்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "ஒரு விளையாட்டு எப்போது முடிவுக்கு வர வேண்டும்",
+						"answerOptions": [
+							{
+								"answerText": "ஒரு எதிரி கப்பல் அழிக்கப்படும் போது",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "ஒரு ஹீரோ கப்பல் அழிக்கப்படும் போது",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "புள்ளிகள் சேகரிக்கப்படும் போது",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "உங்கள் விளையாட்டில் ஒரு நிலை சேர்க்க ஒரு நல்ல வழி:",
+						"answerOptions": [
+							{
+								"answerText": "கொடுக்கப்பட்ட அளவை நிறைவு செய்ய தேவையான புள்ளிகளின் அளவை அதிகரிப்பு",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "விளையாட்டில் அதிக வீரர்களைச் சேர்க்கவும்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "விளையாட்டில் மேலும் கிராபிக்ஸ் சேர்க்கவும்",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 40,
+				"title": "பாடம் 20 - விண்வெளி விளையாட்டை - முடிவு மற்றும் மறுதொடக்கம்: பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "ஒரு விளையாட்டு இறுதியில் நிலை பூர்த்தி போது பயன்படுத்த ஒரு நல்ல முறை என்ன?",
+						"answerOptions": [
+							{
+								"answerText": "பொருத்தமான செய்தியைக் காட்டு",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "விளையாட்டை விட்டு வெளியேறு",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொருத்தமான செய்தியைக் காட்டு, மறுதொடக்கம் செய்ய பிளேயரை வழங்கவும், அந்த செயலுக்கு அடிக்க என்ன திறவுகோலைக் காட்டவும்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "விளையாட்டு முடிந்த பிறகு மட்டுமே நீங்கள் மறுதொடக்கம் வழங்க வேண்டும்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "ஒரு விளையாட்டை முடிக்கும் போது நிகழ்வுஉமிழ்ப்பான் அழிக்க ஒரு நல்ல வழி:",
+						"answerOptions": [
+							{
+								"answerText": "கேட்போரை அழிக்கிறது",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "திரையை அகற்றுதல்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "விளையாட்டு சாளரத்தை மூடுதல்",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 41,
+				"title": "பாடம் 21 - வங்கி கட்டவும் - ஹெச்டிஎம்எல் வார்ப்புருக்கள் மற்றும் வலை பயன்பாட்டில் வழிகள்: முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "வலை பயன்பாட்டில் வெவ்வேறு திரைகளைக் காண்பிக்க பல ஹெச்டிஎம்எல் கோப்புகளை உருவாக்க வேண்டும்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "நீங்கள் ஒரு வலை பயன்பாட்டில் உள்ளூரில் தரவை சேமித்து வைக்கலாம் மற்றும் நீடிக்கலாம்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "ஒரு வலை பயன்பாட்டிற்கான சிறந்த தரவு வழங்குநர் என்ன?",
+						"answerOptions": [
+							{
+								"answerText": "ஒரு உள்ளூர் தரவுத்தளம்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "ஒரு ஜாவாஸ்கிரிப்ட் பொருள்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "ஒரு ஜேசன் ஏபிஐ ஒரு சர்வர்",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 42,
+				"title": "பாடம் 21 - வங்கி கட்டவும் - ஹெச்டிஎம்எல் வார்ப்புருக்கள் மற்றும் வலை பயன்பாட்டில் வழிகள்: பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "HTML கள் முன்னிருப்பாக DOM இன் ஒரு பகுதியாகும்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "வழியமைக்க, எந்த பகுதி யுஆர்எல் தேவை?",
+						"answerOptions": [
+							{
+								"answerText": "window.location.pathname",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "window.location.origin",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "both",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "வரலாற்றை அழைக்கும்போது தூண்டப்பட்ட நிகழ்வின் பெயர் history.pushState() செயல்பாடு?",
+						"answerOptions": [
+							{
+								"answerText": "pushstate",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "popstate",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "navigate",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 43,
+				"title": "பாடம் 22 - வங்கி கட்டவும் - உள்நுழைவு மற்றும் பதிவு படிவத்தை உருவாக்கவும்: முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "ஜாவாஸ்கிரிப்டைப் பயன்படுத்தாமல் பயனர் உள்ளீட்டை சேவையகத்திற்கு அனுப்ப ுவதற்கு ஹெச்டிஎம்எல் படிவங்கள் உங்களை அனுமதிக்கின்றன",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "<label> ஒவ்வொரு படிவ கட்டுப்பாட்டிற்கும் கூறுகள் கட்டாயமாகும்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "படிவ தரவை ஒரு சேவையகத்திற்கு அனுப்புவதற்கு பாதுகாப்பானது.",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 44,
+				"title": "பாடம் 22 - வங்கி கட்டவும் - உள்நுழைவு மற்றும் பதிவு படிவத்தை உருவாக்கவும்: பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "<label> படிவங்களில் கூறுகளைப் பயன்படுத்துவது வடிவத்தை அழகாக மாற்றுவதற்கு மட்டுமே",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "ஒரு படிவம் எந்த பகுதியில் ஒரு சேவையகத்திற்கு ஒரு யுஆர்எல் அனுப்பப்படும்?",
+						"answerOptions": [
+							{
+								"answerText": "செயல் பண்பு",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "முறை பண்பு",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "இரண்டும்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "உரையின் அதிகபட்ச அளவை அமைக்க நீங்கள் எந்த பண்புக்கூறை பயன்படுத்தலாம்<input>?",
+						"answerOptions": [
+							{
+								"answerText": "max",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "maxlength",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "pattern",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 45,
+				"title": "பாடம் 23 - வங்கி கட்டவும் - தரவுகளை ப் பெறுதல் மற்றும் பயன்படுத்துதல் முறைகள் : முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "வழக்கமாக உலாவியில் சேவையகத்திலிருந்து தரவை ஒத்திசைவாகப் பெறுவீர்கள்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை, ஆனால் async சிறந்தது!",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "இணையத்தில் தரவைப் பரிமாறிக்கொள்ள பயன்படுத்தப்படும் மிகவும் பொதுவான வடிவம் என்ன?",
+						"answerOptions": [
+							{
+								"answerText": "HTML",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "XML",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "JSON",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "ஒரு பொது சேவையக ஏபிஐ ஐ அணுகுவதிலிருந்து ஒரு வலைப் பக்கத்தைத் தடுக்க எந்த வழியும் இல்லை",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 46,
+				"title": "பாடம் 23 - வங்கி கட்டவும் - தரவுகளை ப் பெறுதல் மற்றும் பயன்படுத்துதல் முறைகள் : பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "ஒரு பக்க பயன்பாட்டில், ஹெச்டிஎம்எல் ஒருமுறை ஏற்றப்பட்டு ஒருபோதும் புதுப்பிக்கப்படவில்லை",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "பயனர் உள்ளீட்டிலிருந்து வரும் தரவை நம்பாமல் இருப்பது ஏன் முக்கியம்?",
+						"answerOptions": [
+							{
+								"answerText": "ஏனெனில் சிறப்பு கதாபாத்திரங்களைப் பயன்படுத்துவது யுஐ ஐ அசிங்கமாக மாற்றலாம்.",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "ஏனெனில் அது அல்லாத உணர்வு அல்லது தாக்குதல் வார்த்தைகள் இருக்க முடியும்.",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "ஏனென்றால் தீங்கிழைக்கும் ஸ்கிரிப்ட்களை இயக்க ுவதற்கு இது தாக்குதலின் திசையன் பயன்படுத்தப்படலாம்.",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "ஒரு வலை சேவையகத்திற்கு ஒத்திசைவான HTTP கோரிக்கைகளை அனுப்புவதற்கான API பெயர் என்ன?",
+						"answerOptions": [
+							{
+								"answerText": "request()",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "fetch()",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "ajax()",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 47,
+				"title": "பாடம் 24 - வங்கி கட்டவும் - நிலை மேலாண்மை பற்றிய கருத்துக்கள்: முன் விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "மாறாத பொருள் என்றால் என்ன?",
+						"answerOptions": [
+							{
+								"answerText": "ஒரு பொருள் ஒரு மாறிலி என வரையறுக்கப்படுகிறது",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "உருவாக்கப்பட்ட பிறகு மாற்ற முடியாத ஒரு பொருள்",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "ஏற்கனவே உள்ள பொருளின் நகல்",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "மாநில நிர்வாகத்தைப் பயன்படுத்துவதன் மூலம் உங்களுக்கு என்ன நன்மை(கள்) கிடைக்கும்?",
+						"answerOptions": [
+							{
+								"answerText": "மாநிலம் புதுப்பிக்கப்பட்ட ஒவ்வொரு இடத்தையும் நீங்கள் கண்காணிக்கலாம்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "குறியீட்டை பிழைநீக்குவது எளிது",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "மேலே அனைத்து",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "வெவ்வேறு அமர்வுகளில் முக்கியமான பயனர் தரவை நீடிக்க சிறந்த வழி என்ன?",
+						"answerOptions": [
+							{
+								"answerText": "கோப்புகளைப் பயன்படுத்துதல்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "உலாவியின் அகச்சேமிப்பு API ஐப் பயன்படுத்துதல்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "ஒரு சேவையகத்திற்கு பின்னால் உள்ள தரவுத்தளத்தில் API",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+            {
+				"id": 48,
+				"title": "பாடம் 24 - வங்கி கட்டவும் - நிலை மேலாண்மை பற்றிய கருத்துக்கள்: பிந்தைய விரிவுரை வினாடி வினா",
+				"quiz": [
+					{
+						"questionText": "மாநில மேலாண்மை என்றால் என்ன என்று நீங்கள் நினைக்கிறீர்கள்?",
+						"answerOptions": [
+							{
+								"answerText": "சட்டம் மற்றும் ஒழுங்கு அமலாக்கம்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "காலப்போக்கில் பயனர் இடைமுக நிலையை பதிவுசெய்தல்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "உங்கள் பயன்பாட்டுத் தரவை சுத்தமாக வைத்திருப்பது மற்றும் தரவுடன் பயனர் இடைமுகத்தை ஒத்திசைப்பது",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "பயனர் அமர்வு நிலையை நீங்கள் எவ்வாறு கண்காணிக்க முடியும்?",
+						"answerOptions": [
+							{
+								"answerText": "HTTp குக்கீகள்",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "உள்ளூர் அல்லது அமர்வு சேமிப்பு",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "மேலே அனைத்து",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "ஒரு பொருளை மாற்றுவதே எப்போதும் அதை புதுப்பிக்க சிறந்த வழியாகும்",
+						"answerOptions": [
+							{
+								"answerText": "உண்மை",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "பொய்",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			}
+        ]
+    }
+]
diff --git a/quiz-app/src/assets/translations/zh_cn.json b/quiz-app/src/assets/translations/zh_cn.json
index 02cd865e..bcf40c08 100644
--- a/quiz-app/src/assets/translations/zh_cn.json
+++ b/quiz-app/src/assets/translations/zh_cn.json
@@ -209,11 +209,11 @@
 						"questionText": "你该如何切换到一个分支？",
 						"answerOptions": [
 							{
-								"answerText": "git switch [branch-name]",
+								"answerText": "git checkout [branch-name]",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "git checkout [branch-name]",
+								"answerText": "git switch [branch-name]",
 								"isCorrect": "true"
 							},
 							{
@@ -710,7 +710,7 @@
 						"answerOptions": [
 							{
 								"answerText": "条件表达式（condition）",
-								"isCorrect": "true"
+								"isCorrect": "false"
 							},
 							{
 								"answerText": "计数器（counter）",
@@ -718,7 +718,7 @@
 							},
 							{
 								"answerText": "迭代表达式（iteration-expression）",
-								"isCorrect": "false"
+								"isCorrect": "true"
 							}
 						]
 					},
diff --git a/quiz-app/src/assets/translations/zh_tw.json b/quiz-app/src/assets/translations/zh_tw.json
index 239c835a..3ee3eeaf 100644
--- a/quiz-app/src/assets/translations/zh_tw.json
+++ b/quiz-app/src/assets/translations/zh_tw.json
@@ -209,11 +209,11 @@
 						"questionText": "如何切換分支?",
 						"answerOptions": [
 							{
-								"answerText": "git switch [分支名稱]",
+								"answerText": "git checkout [分支名稱]",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "git checkout [分支名稱]",
+								"answerText": "git switch [分支名稱]",
 								"isCorrect": "true"
 							},
 							{
@@ -710,7 +710,7 @@
 						"answerOptions": [
 							{
 								"answerText": "條件式",
-								"isCorrect": "true"
+								"isCorrect": "false"
 							},
 							{
 								"answerText": "計數器",
@@ -718,7 +718,7 @@
 							},
 							{
 								"answerText": "迭代陳述式",
-								"isCorrect": "false"
+								"isCorrect": "true"
 							}
 						]
 					},
diff --git a/translations/README.bn.md b/translations/README.bn.md
index 808a725a..7e8d2fba 100644
--- a/translations/README.bn.md
+++ b/translations/README.bn.md
@@ -70,21 +70,21 @@
 | ০৭  |                        জেএস বেসিক                       |                                   অ্যারে এবং লুপ                                      | জাভাস্ক্রিপ্টে অ্যারে এবং লুপ ব্যবহার করে ডেটা নিয়ে কাজ করুন                                                                                     |                                  [অ্যারে এবং লুপ](/2-js-basics/4-arrays-loops/README.md)                                      |        জেসমিন        |
 | ০৮  |      [টেরারিয়াম](/3-terrarium/solution/README.md)          |                                 অনুশীলনে এইচটিএমএল                                 | একটি লেআউট তৈরিতে ফোকাস করে একটি অনলাইন টেরারিয়াম তৈরি করতে এইছটিএমেল তৈরি করুন                                                        |                               [এইছটিএমেল এর ভূমিকা](/3-terrarium/1-intro-to-html/README.md)                                 |         জেন          |
 | ০৯  |      [টেরারিয়াম](/3-terrarium/solution/README.md)          |                                  অনুশীলনে সিএসএস                                   | অনলাইন টেরারিয়াম স্টাইল করার জন্য সিএসেস তৈরি করুন, পৃষ্ঠাটিকে প্রতিক্রিয়াশীল করা সহ সিএসেস এর মৌলিক বিষয়গুলিতে ফোকাস করুন                         |                                 [সিএসেস এর ভূমিকা](/3-terrarium/2-intro-to-css/README.md)                                   |         জেন          |
-| ১০  |           [টেরারিয়াম](/3-terrarium/solution)               |                        জাভাস্ক্রিপ্ট বন্ধ, ডম ম্যানিপুলেশন                                   | ক্লোজার এবং ডম ম্যানিপুলেশনের উপর ফোকাস করে টেরারিয়ামকে ড্র্যাগ/ড্রপ ইন্টারফেস হিসাবে কাজ করতে জাভাস্ক্রিপ্ট তৈরি করুন                                |                 [জাভাস্ক্রিপ্ট বন্ধ, ডম ম্যানিপুলেশন](/3-terrarium/3-intro-to-DOM-and-closures/README.md)                            |         জেন          |
-| ১১  |          [টাইপিং খেলা](/4-typing-game/solution)            |                             একটি টাইপিং গেম তৈরি করুন                                | আপনার জাভাস্ক্রিপ্ট অ্যাপের লজিক চালাতে কীবোর্ড ইভেন্টগুলি কীভাবে ব্যবহার করবেন তা শিখুন                                                            |                              [ইভেন্ট-চালিত প্রোগ্রামিং](/4-typing-game/typing-game/README.md)                                     |      ক্রিসটফার         |
-| ১২  | [সবুজ ব্রাউজার এক্সটেনশন](/5-browser-extension/solution)     |                               ব্রাউজার নিয়ে কাজ করা                                   | ব্রাউজারগুলি কীভাবে কাজ করে, তাদের ইতিহাস এবং ব্রাউজার এক্সটেনশনের প্রথম উপাদানগুলি কীভাবে ভারা হয় তা জানুন                                        |                            [ব্রাউজার সম্পর্কে](/5-browser-extension/1-about-browsers/README.md)                                 |         জেন          |
-| ১৩  | [সবুজ ব্রাউজার এক্সটেনশন](/5-browser-extension/solution)     | একটি ফর্ম তৈরি করা, একটি এপিয়াই কল করা এবং স্থানীয় স্টোরেজে ভেরিয়েবল সংরক্ষণ করা           | স্থানীয় স্টোরেজে সঞ্চিত ভেরিয়েবল ব্যবহার করে একটি এপিয়াই কল করতে আপনার ব্রাউজার এক্সটেনশনের জাভাস্ক্রিপ্ট উপাদানগুলি তৈরি করুন                         |          [এপিয়াই, ফর্ম, এবং স্থানীয় সঞ্চয়স্থান](/5-browser-extension/2-forms-browsers-local-storage/README.md)                     |         জেন          |
-| ১৪  | [সবুজ ব্রাউজার এক্সটেনশন](/5-browser-extension/solution)     |                 ব্রাউজারে ব্যাকগ্রাউন্ড প্রসেস, ওয়েব পারফরম্যান্স                              | এক্সটেনশনের আইকন পরিচালনা করতে ব্রাউজারের পটভূমি প্রক্রিয়াগুলি ব্যবহার করুন; ওয়েব পারফরম্যান্স এবং কিছু অপ্টিমাইজেশান সম্পর্কে জানুন                      |               [পটভূমি কাজ এবং কর্মক্ষমতা](/5-browser-extension/3-background-tasks-and-performance/README.md)                  |         জেন          |
-| ১৫  |           [স্পেস গেম](/6-space-game/solution)             |                     জাভাস্ক্রিপ্ট সহ আরও উন্নত গেম ডেভেলপমেন্ট                           | একটি গেম তৈরির প্রস্তুতির জন্য ক্লাস এবং কম্পোজিশন এবং পাব/সাব প্যাটার্ন উভয় ব্যবহার করে উত্তরাধিকার সম্পর্কে জানুন                                       |                       [অ্যাডভান্সড গেম ডেভেলপমেন্টের ভূমিকা](/6-space-game/1-introduction/README.md)                             |        ক্রিস         |
-| ১৬  |           [স্পেস গেম](/6-space-game/solution)             |                                   ক্যানভাসে আঁকা                                     | ক্যানভাস এপিয়াই সম্পর্কে জানুন, একটি স্ক্রিনে উপাদানগুলি আঁকতে ব্যবহৃত হয়                                                                         |                               [ক্যানভাসে আঁকা](/6-space-game/2-drawing-to-canvas/README.md)                                   |        ক্রিস         |
-| ১৭  |           [স্পেস গেম](/6-space-game/solution)             |                           স্ক্রিনের চারপাশে উপাদান চলন্ত                                  | কার্টেসিয়ান স্থানাঙ্ক এবং ক্যানভাস এপিয়াই ব্যবহার করে উপাদানগুলি কীভাবে গতি অর্জন করতে পারে তা আবিষ্কার করুন                                           |                          [চলন্ত উপাদান চারপাশে](/6-space-game/3-moving-elements-around/README.md)                             |        ক্রিস         |
-| ১৮  |           [স্পেস গেম](/6-space-game/solution)             |                                  সংঘর্ষ সনাক্তকরণ                                     | কীপ্রেস ব্যবহার করে উপাদানগুলিকে সংঘর্ষ এবং একে অপরের সাথে প্রতিক্রিয়া তৈরি করুন এবং গেমের কার্যক্ষমতা নিশ্চিত করতে একটি কুলডাউন ফাংশন প্রদান করুন       |                             [সংঘর্ষ সনাক্তকরণ](/6-space-game/4-collision-detection/README.md)                                  |        ক্রিস         |
-| ১৯  |           [স্পেস গেম](/6-space-game/solution)             |                                     স্কোর রাখা                                        | গেমের স্থিতি এবং পারফরম্যান্সের উপর ভিত্তি করে গণিত গণনা করুন                                                                                  |                                   [স্কোর রাখা](/6-space-game/5-keeping-score/README.md)                                        |        ক্রিস         |
-| ২০  |           [স্পেস গেম](/6-space-game/solution)             |                             খেলা শেষ এবং পুনরায় আরম্ভ                                 | সম্পদ পরিষ্কার করা এবং পরিবর্তনশীল মান পুনরায় সেট করা সহ গেমটি শেষ এবং পুনরায় চালু করার বিষয়ে জানুন                                              |                                   [শেষ অবস্থা](/6-space-game/6-end-condition/README.md)                                       |        ক্রিস         |
-| ২১  |        [ব্যাংকিং অ্যাপ](/7-bank-project/solution)            |                      একটি ওয়েব অ্যাপে HTML টেমপ্লেট এবং রুট                            | রাউটিং এবং এইচটিএমএল টেমপ্লেট ব্যবহার করে মাল্টিপেজ ওয়েবসাইটের আর্কিটেকচারের স্ক্যাফোল্ড তৈরি করতে শিখুন                                             |                          [এইচটিএমএল টেমপ্লেট এবং রুট](/7-bank-project/1-template-route/README.md)                            |        য়োহান         |
-| ২২  |        [ব্যাংকিং অ্যাপ](/7-bank-project/solution)            |                     একটি লগইন এবং রেজিস্ট্রেশন ফর্ম তৈরি করুন                          | বিল্ডিং ফর্ম এবং হস্তান্তর বৈধতা রুটিন সম্পর্কে জানুন                                                                                               |                                         [ফর্ম](/7-bank-project/2-forms/README.md)                                           |        য়োহান         |
-| ২৩  |        [ব্যাংকিং অ্যাপ](/7-bank-project/solution)            |                          ডেটা আনা এবং ব্যবহার করার পদ্ধতি                             | আপনার অ্যাপের মধ্যে কীভাবে ডেটা প্রবাহিত হয়, কীভাবে এটি আনতে হয়, সংরক্ষণ করতে হয় এবং এটি নিষ্পত্তি করতে হয়                                       |                                          [ডেটা](/7-bank-project/3-data/README.md)                                           |        য়োহান         |
-| ২৪  |        [ব্যাংকিং অ্যাপ](/7-bank-project/solution)            |                              রাষ্ট্র পরিচালনার ধারণা                                     | আপনার অ্যাপ কীভাবে স্থিতি বজায় রাখে এবং কীভাবে এটি প্রোগ্রাম্যাটিকভাবে পরিচালনা করতে হয় তা জানুন                                                    |                             [রাজ্য ব্যবস্থাপনা](/7-bank-project/4-state-management/README.md)                                     |        য়োহান         |
+| ১০  |           [টেরারিয়াম](/3-terrarium/solution/README.md)               |                        জাভাস্ক্রিপ্ট বন্ধ, ডম ম্যানিপুলেশন                                   | ক্লোজার এবং ডম ম্যানিপুলেশনের উপর ফোকাস করে টেরারিয়ামকে ড্র্যাগ/ড্রপ ইন্টারফেস হিসাবে কাজ করতে জাভাস্ক্রিপ্ট তৈরি করুন                                |                 [জাভাস্ক্রিপ্ট বন্ধ, ডম ম্যানিপুলেশন](/3-terrarium/3-intro-to-DOM-and-closures/README.md)                            |         জেন          |
+| ১১  |          [টাইপিং খেলা](/4-typing-game/solution/README.md)            |                             একটি টাইপিং গেম তৈরি করুন                                | আপনার জাভাস্ক্রিপ্ট অ্যাপের লজিক চালাতে কীবোর্ড ইভেন্টগুলি কীভাবে ব্যবহার করবেন তা শিখুন                                                            |                              [ইভেন্ট-চালিত প্রোগ্রামিং](/4-typing-game/typing-game/README.md)                                     |      ক্রিসটফার         |
+| ১২  | [সবুজ ব্রাউজার এক্সটেনশন](/5-browser-extension/solution/README.md)     |                               ব্রাউজার নিয়ে কাজ করা                                   | ব্রাউজারগুলি কীভাবে কাজ করে, তাদের ইতিহাস এবং ব্রাউজার এক্সটেনশনের প্রথম উপাদানগুলি কীভাবে ভারা হয় তা জানুন                                        |                            [ব্রাউজার সম্পর্কে](/5-browser-extension/1-about-browsers/README.md)                                 |         জেন          |
+| ১৩  | [সবুজ ব্রাউজার এক্সটেনশন](/5-browser-extension/solution/README.md)     | একটি ফর্ম তৈরি করা, একটি এপিয়াই কল করা এবং স্থানীয় স্টোরেজে ভেরিয়েবল সংরক্ষণ করা           | স্থানীয় স্টোরেজে সঞ্চিত ভেরিয়েবল ব্যবহার করে একটি এপিয়াই কল করতে আপনার ব্রাউজার এক্সটেনশনের জাভাস্ক্রিপ্ট উপাদানগুলি তৈরি করুন                         |          [এপিয়াই, ফর্ম, এবং স্থানীয় সঞ্চয়স্থান](/5-browser-extension/2-forms-browsers-local-storage/README.md)                     |         জেন          |
+| ১৪  | [সবুজ ব্রাউজার এক্সটেনশন](/5-browser-extension/solution/README.md)     |                 ব্রাউজারে ব্যাকগ্রাউন্ড প্রসেস, ওয়েব পারফরম্যান্স                              | এক্সটেনশনের আইকন পরিচালনা করতে ব্রাউজারের পটভূমি প্রক্রিয়াগুলি ব্যবহার করুন; ওয়েব পারফরম্যান্স এবং কিছু অপ্টিমাইজেশান সম্পর্কে জানুন                      |               [পটভূমি কাজ এবং কর্মক্ষমতা](/5-browser-extension/3-background-tasks-and-performance/README.md)                  |         জেন          |
+| ১৫  |           [স্পেস গেম](/6-space-game/solution/README.md)             |                     জাভাস্ক্রিপ্ট সহ আরও উন্নত গেম ডেভেলপমেন্ট                           | একটি গেম তৈরির প্রস্তুতির জন্য ক্লাস এবং কম্পোজিশন এবং পাব/সাব প্যাটার্ন উভয় ব্যবহার করে উত্তরাধিকার সম্পর্কে জানুন                                       |                       [অ্যাডভান্সড গেম ডেভেলপমেন্টের ভূমিকা](/6-space-game/1-introduction/README.md)                             |        ক্রিস         |
+| ১৬  |           [স্পেস গেম](/6-space-game/solution/README.md)             |                                   ক্যানভাসে আঁকা                                     | ক্যানভাস এপিয়াই সম্পর্কে জানুন, একটি স্ক্রিনে উপাদানগুলি আঁকতে ব্যবহৃত হয়                                                                         |                               [ক্যানভাসে আঁকা](/6-space-game/2-drawing-to-canvas/README.md)                                   |        ক্রিস         |
+| ১৭  |           [স্পেস গেম](/6-space-game/solution/README.md)             |                           স্ক্রিনের চারপাশে উপাদান চলন্ত                                  | কার্টেসিয়ান স্থানাঙ্ক এবং ক্যানভাস এপিয়াই ব্যবহার করে উপাদানগুলি কীভাবে গতি অর্জন করতে পারে তা আবিষ্কার করুন                                           |                          [চলন্ত উপাদান চারপাশে](/6-space-game/3-moving-elements-around/README.md)                             |        ক্রিস         |
+| ১৮  |           [স্পেস গেম](/6-space-game/solution/README.md)             |                                  সংঘর্ষ সনাক্তকরণ                                     | কীপ্রেস ব্যবহার করে উপাদানগুলিকে সংঘর্ষ এবং একে অপরের সাথে প্রতিক্রিয়া তৈরি করুন এবং গেমের কার্যক্ষমতা নিশ্চিত করতে একটি কুলডাউন ফাংশন প্রদান করুন       |                             [সংঘর্ষ সনাক্তকরণ](/6-space-game/4-collision-detection/README.md)                                  |        ক্রিস         |
+| ১৯  |           [স্পেস গেম](/6-space-game/solution/README.md)             |                                     স্কোর রাখা                                        | গেমের স্থিতি এবং পারফরম্যান্সের উপর ভিত্তি করে গণিত গণনা করুন                                                                                  |                                   [স্কোর রাখা](/6-space-game/5-keeping-score/README.md)                                        |        ক্রিস         |
+| ২০  |           [স্পেস গেম](/6-space-game/solution/README.md)             |                             খেলা শেষ এবং পুনরায় আরম্ভ                                 | সম্পদ পরিষ্কার করা এবং পরিবর্তনশীল মান পুনরায় সেট করা সহ গেমটি শেষ এবং পুনরায় চালু করার বিষয়ে জানুন                                              |                                   [শেষ অবস্থা](/6-space-game/6-end-condition/README.md)                                       |        ক্রিস         |
+| ২১  |        [ব্যাংকিং অ্যাপ](/7-bank-project/solution/README.md)            |                      একটি ওয়েব অ্যাপে HTML টেমপ্লেট এবং রুট                            | রাউটিং এবং এইচটিএমএল টেমপ্লেট ব্যবহার করে মাল্টিপেজ ওয়েবসাইটের আর্কিটেকচারের স্ক্যাফোল্ড তৈরি করতে শিখুন                                             |                          [এইচটিএমএল টেমপ্লেট এবং রুট](/7-bank-project/1-template-route/README.md)                            |        য়োহান         |
+| ২২  |        [ব্যাংকিং অ্যাপ](/7-bank-project/solution/README.md)            |                     একটি লগইন এবং রেজিস্ট্রেশন ফর্ম তৈরি করুন                          | বিল্ডিং ফর্ম এবং হস্তান্তর বৈধতা রুটিন সম্পর্কে জানুন                                                                                               |                                         [ফর্ম](/7-bank-project/2-forms/README.md)                                           |        য়োহান         |
+| ২৩  |        [ব্যাংকিং অ্যাপ](/7-bank-project/solution/README.md)            |                          ডেটা আনা এবং ব্যবহার করার পদ্ধতি                             | আপনার অ্যাপের মধ্যে কীভাবে ডেটা প্রবাহিত হয়, কীভাবে এটি আনতে হয়, সংরক্ষণ করতে হয় এবং এটি নিষ্পত্তি করতে হয়                                       |                                          [ডেটা](/7-bank-project/3-data/README.md)                                           |        য়োহান         |
+| ২৪  |        [ব্যাংকিং অ্যাপ](/7-bank-project/solution/README.md)            |                              রাষ্ট্র পরিচালনার ধারণা                                     | আপনার অ্যাপ কীভাবে স্থিতি বজায় রাখে এবং কীভাবে এটি প্রোগ্রাম্যাটিকভাবে পরিচালনা করতে হয় তা জানুন                                                    |                             [রাজ্য ব্যবস্থাপনা](/7-bank-project/4-state-management/README.md)                                     |        য়োহান         |
 
 ## অফলাইন অ্যাক্সেস
 
diff --git a/translations/README.el.md b/translations/README.el.md
index 6a6fba56..f2088c2c 100644
--- a/translations/README.el.md
+++ b/translations/README.el.md
@@ -66,21 +66,21 @@
 | 07  |                        JS Basics                         |                               Πίνακες και επαναλήψεις                               | Εξάσκηση με δεδομένα χρησιμοποιώντας πίνακες και επαναλήψεις στη JavaScript                                                                                                              |                                   [Arrays and Loops](/2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
 | 08  |       [Terrarium](/3-terrarium/solution/README.md)       |                                   HTML στη πράξη                                    | Δημιουργήστε το HTML για ένα online terrarium, εστιάζοντας στην κατασκευή της διάταξης                                                                                                   |                                 [Introduction to HTML](/3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
 | 09  |       [Terrarium](/3-terrarium/solution/README.md)       |                                    CSS στη πράξη                                    | Δημιουργήστε το CSS για να διαμορφώσετε το online terrarium, εστιάζοντας στα βασικά του CSS, συμπεριλαμβανομένης της απόκρισης της σελίδας (responsiveness)                              |                                  [Introduction to CSS](/3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](/3-terrarium/solution)            |                        JavaScript Closures, DOM manipulation                        | Δημιουργήστε το JavaScript για να λειτουργήσει το terrarium ως διεπαφή drag/drop, εστιάζοντας στα closures και τον χειρισμό DOM                                                          |                  [JavaScript Closures, DOM manipulation](/3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [Typing Game](/4-typing-game/solution)          |                        Δημιουργία παιχνιδιού πληκτρολόγησης                         | Μάθετε πώς να χρησιμοποιείτε συμβάντα πληκτρολογίου για να τα συμπεριλάβετε στη λογική της εφαρμογής σας.                                                                                |                                [Event-Driven Programming](/4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Green Browser Extension](/5-browser-extension/solution) |                        Δουλεύοντας με προγράμματα περιήγησης                        | Μάθετε πώς λειτουργούν τα προγράμματα περιήγησης, το ιστορικό τους και πώς ξεκινάμε μια επέκταση                                                                                         |                               [About Browsers](/5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Green Browser Extension](/5-browser-extension/solution) | Δημιουργία φόρμας, κλήση API και αποθήκευση μεταβλητών στον τοπικό χώρο αποθήκευσης | Δημιουργήστε τον κώδικα JavaScript της επέκτασης του προγράμματος περιήγησής σας για να καλέσετε ένα API χρησιμοποιώντας μεταβλητές που είναι αποθηκευμένες στον τοπικό χώρο αποθήκευσης |                [APIs, Forms, and Local Storage](/5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Green Browser Extension](/5-browser-extension/solution) |           Διαδικασίες παρασκηνίου στο πρόγραμμα περιήγησης, απόδοση Ιστού           | Χρήση των διαδικασιών πρασκηνίου του περιηγητή, για τη διαχείρηση του εικονιδίου της επέκτασης. Μάθετε για την απόδοση του ιστού και μερικες βελτιστοποιήσεις που πρέπει να κάνετε       |             [Background Tasks and Performance](/5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Space Game](/6-space-game/solution)           |                     Προηγμένη ανάπτυξη παιχνιδιών με JavaScript                     | Μάθετε σχετικά με την κληρονομικότητα, χρησιμοποιώντας τις κλάσεις και τη σύνθεση και το μοτίβο Pub/Sub, για τη προετοιμασία δημιουργίας ενός παιχνιδιού                                 |                      [Introduction to Advanced Game Development](/6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [Space Game](/6-space-game/solution)           |                              Ζωγραφίζοντας στο canvas                               | Μάθετε περισσότερα για το Canvas API, που χρησιμοποιείται για την σχεδίαση στοιχείων στην οθόνη                                                                                          |                                [Drawing to Canvas](/6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Space Game](/6-space-game/solution)           |                           Μετακίνηση στοιχείων στην οθόνη                           | Ανακαλύψτε πως τα στοιχεία μπορύν να αποκτήσουν κίνηση χρησιμοποιώντας τις καρτεσιανές συντεταγμένες και το Canvas API                                                                   |                           [Moving Elements Around](/6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Space Game](/6-space-game/solution)           |                                Ανίχνευση σύγκρουσης                                 | Καντε τα στοιχεία να συγκρούονται και να αντιδρούν μεταξύ τους χρησιμοποιώντας τα πατήματα πλήκτρων όπως επίσης και η λειτουργία cooldown γιατην εξασφαλίση της απόδοσης του παιχνιδιού  |                              [Collision Detection](/6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Space Game](/6-space-game/solution)           |                                Διατήρηση βαθμολογίας                                | Εκτελέστε μαθηματικούς υπολογισμούς με βάση την κατάσταση και την απόδοση του παιχνιδιού                                                                                                 |                                    [Keeping Score](/6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [Space Game](/6-space-game/solution)           |                     Τερματισμός και επανεκκίνηση του παιχνιδιού                     | Μάθετε σχετικά με τον τερματισμό και την επανεκκίνηση του παιχνιδιού, συμπεριλαμβανομένου του καθαρισμού στοιχείων και της επαναφοράς των τιμών των μεταβλητών                           |                                [The Ending Condition](/6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [Banking App](/7-bank-project/solution)          |                    HTML Templates και Routes σε μια Web εφαρμογή                    | Μάθετε πώς μπορείτε να δημιουργήσετε τα θεμέλια της αρχιτεκτονικής ενος ιστοτόπου πολλαπλών σελίδων, χρησιμοποιώντας HTML templates και routing                                          |                            [HTML Templates and Routes](/7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [Banking App](/7-bank-project/solution)          |                    Δημιουργήστε μια φόρμα σύνδεσης και εγγραφής                     | Μάθετε σχετικά με τη δημιουργία φορμών και τη διαχείρηση επικύρωσης των στοιχείων                                                                                                        |                                           [Forms](/7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [Banking App](/7-bank-project/solution)          |                         Μέθοδοι λήψης και χρήσης δεδομένων                          | Μάθετε για τη ροή των δεδομένων και πως να τα ανακτήσετε, να τα αποθηκεύσετε και να τα απορρίψετε                                                                                        |                                            [Data](/7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [Banking App](/7-bank-project/solution)          |                            Έννοιες του State Management                             | Μάθετε πως η εφαρμογή σας διατηρεί μια κατάσταση και πως να τη διαχειρίζεστε προγραμματιστικά                                                                                            |                                [State Management](/7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 10  |            [Terrarium](/3-terrarium/solution/README.md)            |                        JavaScript Closures, DOM manipulation                        | Δημιουργήστε το JavaScript για να λειτουργήσει το terrarium ως διεπαφή drag/drop, εστιάζοντας στα closures και τον χειρισμό DOM                                                          |                  [JavaScript Closures, DOM manipulation](/3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](/4-typing-game/solution/README.md)          |                        Δημιουργία παιχνιδιού πληκτρολόγησης                         | Μάθετε πώς να χρησιμοποιείτε συμβάντα πληκτρολογίου για να τα συμπεριλάβετε στη λογική της εφαρμογής σας.                                                                                |                                [Event-Driven Programming](/4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Green Browser Extension](/5-browser-extension/solution/README.md) |                        Δουλεύοντας με προγράμματα περιήγησης                        | Μάθετε πώς λειτουργούν τα προγράμματα περιήγησης, το ιστορικό τους και πώς ξεκινάμε μια επέκταση                                                                                         |                               [About Browsers](/5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Green Browser Extension](/5-browser-extension/solution/README.md) | Δημιουργία φόρμας, κλήση API και αποθήκευση μεταβλητών στον τοπικό χώρο αποθήκευσης | Δημιουργήστε τον κώδικα JavaScript της επέκτασης του προγράμματος περιήγησής σας για να καλέσετε ένα API χρησιμοποιώντας μεταβλητές που είναι αποθηκευμένες στον τοπικό χώρο αποθήκευσης |                [APIs, Forms, and Local Storage](/5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Green Browser Extension](/5-browser-extension/solution/README.md) |           Διαδικασίες παρασκηνίου στο πρόγραμμα περιήγησης, απόδοση Ιστού           | Χρήση των διαδικασιών πρασκηνίου του περιηγητή, για τη διαχείρηση του εικονιδίου της επέκτασης. Μάθετε για την απόδοση του ιστού και μερικες βελτιστοποιήσεις που πρέπει να κάνετε       |             [Background Tasks and Performance](/5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Space Game](/6-space-game/solution/README.md)           |                     Προηγμένη ανάπτυξη παιχνιδιών με JavaScript                     | Μάθετε σχετικά με την κληρονομικότητα, χρησιμοποιώντας τις κλάσεις και τη σύνθεση και το μοτίβο Pub/Sub, για τη προετοιμασία δημιουργίας ενός παιχνιδιού                                 |                      [Introduction to Advanced Game Development](/6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Space Game](/6-space-game/solution/README.md)           |                              Ζωγραφίζοντας στο canvas                               | Μάθετε περισσότερα για το Canvas API, που χρησιμοποιείται για την σχεδίαση στοιχείων στην οθόνη                                                                                          |                                [Drawing to Canvas](/6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Space Game](/6-space-game/solution/README.md)           |                           Μετακίνηση στοιχείων στην οθόνη                           | Ανακαλύψτε πως τα στοιχεία μπορύν να αποκτήσουν κίνηση χρησιμοποιώντας τις καρτεσιανές συντεταγμένες και το Canvas API                                                                   |                           [Moving Elements Around](/6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Space Game](/6-space-game/solution/README.md)           |                                Ανίχνευση σύγκρουσης                                 | Καντε τα στοιχεία να συγκρούονται και να αντιδρούν μεταξύ τους χρησιμοποιώντας τα πατήματα πλήκτρων όπως επίσης και η λειτουργία cooldown γιατην εξασφαλίση της απόδοσης του παιχνιδιού  |                              [Collision Detection](/6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Space Game](/6-space-game/solution/README.md)           |                                Διατήρηση βαθμολογίας                                | Εκτελέστε μαθηματικούς υπολογισμούς με βάση την κατάσταση και την απόδοση του παιχνιδιού                                                                                                 |                                    [Keeping Score](/6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Space Game](/6-space-game/solution/README.md)           |                     Τερματισμός και επανεκκίνηση του παιχνιδιού                     | Μάθετε σχετικά με τον τερματισμό και την επανεκκίνηση του παιχνιδιού, συμπεριλαμβανομένου του καθαρισμού στοιχείων και της επαναφοράς των τιμών των μεταβλητών                           |                                [The Ending Condition](/6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Banking App](/7-bank-project/solution/README.md)          |                    HTML Templates και Routes σε μια Web εφαρμογή                    | Μάθετε πώς μπορείτε να δημιουργήσετε τα θεμέλια της αρχιτεκτονικής ενος ιστοτόπου πολλαπλών σελίδων, χρησιμοποιώντας HTML templates και routing                                          |                            [HTML Templates and Routes](/7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Banking App](/7-bank-project/solution/README.md)          |                    Δημιουργήστε μια φόρμα σύνδεσης και εγγραφής                     | Μάθετε σχετικά με τη δημιουργία φορμών και τη διαχείρηση επικύρωσης των στοιχείων                                                                                                        |                                           [Forms](/7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Banking App](/7-bank-project/solution/README.md)          |                         Μέθοδοι λήψης και χρήσης δεδομένων                          | Μάθετε για τη ροή των δεδομένων και πως να τα ανακτήσετε, να τα αποθηκεύσετε και να τα απορρίψετε                                                                                        |                                            [Data](/7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Banking App](/7-bank-project/solution/README.md)          |                            Έννοιες του State Management                             | Μάθετε πως η εφαρμογή σας διατηρεί μια κατάσταση και πως να τη διαχειρίζεστε προγραμματιστικά                                                                                            |                                [State Management](/7-bank-project/4-state-management/README.md)                                |          Yohan          |
 
 ## Πρόσβαση εκτός σύνδεσης
 
diff --git a/translations/README.fil.md b/translations/README.fil.md
index c6e25e0c..cb1a0bc5 100644
--- a/translations/README.fil.md
+++ b/translations/README.fil.md
@@ -67,21 +67,21 @@ Bagama't sinadya naming iwasan ang pagpapakilala ng mga balangkas ng JavaScript
 |  07   |                        JS Basics                         |                            Mga Array at Loop                            | Makipagtulungan sa data gamit ang mga arrays at loops in JavaScript                                                                                 |                                   [Mga Array at Loop](/2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
 |  08   |       [Terrarium](/3-terrarium/solution/README.md)       |                            HTML sa Practice                            | Buuin ang HTML upang lumikha ng isang online na terrarium, na nakatuon sa pagbuo ng isang layout                                                         |                                 [Panimula sa HTML](/3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
 |  09   |       [Terrarium](/3-terrarium/solution/README.md)       |                            CSS sa Practice                             | Buuin ang CSS upang mai-istilo ang online na terrarium, na tumutuon sa mga pangunahing kaalaman ng CSS kabilang ang paggawa ng page na tumutugon                     |                                  [Panimula sa CSS](/3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-|  10   |            [Terrarium](/3-terrarium/solution)            |                 Mga Pagsasara ng JavaScript, pagmamanipula ng DOM                  | Buuin ang JavaScript upang gawing function ang terrarium bilang isang drag/drop interface, na tumutuon sa mga pagsasara at pagmamanipula ng DOM             |                  [Mga Pagsasara ng JavaScript, pagmamanipula ng DOM](/3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-|  11   |          [Typing Game](/4-typing-game/solution)          |                          Build a Typing Game                           | Matutunan kung paano gumamit ng mga kaganapan sa keyboard upang himukin ang lohika ng iyong JavaScript app                                                          |                                [Programming na Batay sa Kaganapan](/4-typing-game/typing-game/README.md)                                |       Christopher       |
-|  12   | [Green Browser Extension](/5-browser-extension/solution) |                         Nagtatrabaho sa Mga Browser                          | Matutunan kung paano gumagana ang mga browser, ang kanilang kasaysayan, at kung paano scaffold ang mga unang elemento ng isang extension ng browser                               |                               [Tungkol sa Mga Browser](/5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-|  13   | [Green Browser Extension](/5-browser-extension/solution) | Pagbuo ng form, pagtawag ng API at pag-iimbak ng mga variable sa lokal na storage | Buuin ang mga elemento ng JavaScript ng iyong extension ng browser upang tumawag sa isang API gamit ang mga variable na nakaimbak sa lokal na storage                      |                [APIs, Forms, at Local Storage](/5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-|  14   | [Green Browser Extension](/5-browser-extension/solution) |          Mga proseso sa background sa browser, pagganap ng web          | Gamitin ang mga proseso sa background ng browser upang pamahalaan ang icon ng extension; alamin ang tungkol sa pagganap ng web at ilang mga pag-optimize na gagawin   |             [Mga Gawain sa Background at Pagganap](/5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-|  15   |           [Space Game](/6-space-game/solution)           |             Higit pang Advanced na Pagbuo ng Laro gamit ang JavaScript             | Alamin ang tungkol sa Inheritance gamit ang parehong Mga Klase at Komposisyon at ang pattern ng Pub/Sub, bilang paghahanda sa pagbuo ng isang laro              |                      [Panimula sa Advanced na Pagbuo ng Laro](/6-space-game/1-introduction/README.md)                       |          Chris          |
-|  16   |           [Space Game](/6-space-game/solution)           |                           Pagguhit sa canvas                            | Matuto tungkol sa Canvas API, na ginagamit upang gumuhit ng mga elemento sa isang screen                                                                       |                                [Pagguhit sa Canvas](/6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-|  17   |           [Space Game](/6-space-game/solution)           |                   Paglipat ng mga elemento sa paligid ng screen                    | Tuklasin kung paano makakakuha ng paggalaw ang mga elemento gamit ang mga cartesian coordinates at ang Canvas API                                            |                           [Paglipat ng mga Elemento](/6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-|  18   |           [Space Game](/6-space-game/solution)           |                          Pagtuklas ng banggaan                           | Gawing magbanggaan at mag-react ang mga elemento sa isa't isa gamit ang mga keypress at magbigay ng cooldown function para matiyak ang performance ng laro    |                              [Collision Detection](/6-space-game/4-collision-detection/README.md)                              |          Chris          |
-|  19   |           [Space Game](/6-space-game/solution)           |                             Pagpapanatiling Kalidad                              | Magsagawa ng mga kalkulasyon sa matematika batay sa katayuan at pagganap ng laro                                                               |                                    [Pagpapanatiling Kalidad](/6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-|  20   |           [Space Game](/6-space-game/solution)           |                     Pagtapos at i-restart ang laro                     | Matuto tungkol sa pagtatapos at pag-restart ng laro, kabilang ang paglilinis ng mga asset at pag-reset ng mga variable na value                              |                                [Ang Katapusang Kondisyon](/6-space-game/6-end-condition/README.md)                                 |          Chris          |
-|  21   |         [Banking App](/7-bank-project/solution)          |                 Mga Template at Ruta ng HTML sa isang Web App                 | Matutunan kung paano gumawa ng scaffold ng arkitektura ng isang multipage na website gamit ang pagruruta at mga HTML na template                             |                            [Mga Template at Ruta ng HTML](/7-bank-project/1-template-route/README.md)                             |          Yohan          |
-|  22   |         [Banking App](/7-bank-project/solution)          |                  Bumuo ng isang Login at Registration Form                   | Matuto tungkol sa pagbuo ng mga form at pagbibigay ng mga gawain sa pagpapatunay                                                                          |                                           [Forms](/7-bank-project/2-forms/README.md)                                           |          Yohan          |
-|  23   |         [Banking App](/7-bank-project/solution)          |                   Paraan ng Pagkuha at Paggamit ng Data                   | Paano dumadaloy ang data sa loob at labas ng iyong app, kung paano ito kunin, iimbak, at itapon ito                                                 |                                            [Data](/7-bank-project/3-data/README.md)                                            |          Yohan          |
-|  24   |         [Banking App](/7-bank-project/solution)          |                      Mga Konsepto ng Pamamahala ng Estado                      | Alamin kung paano napapanatili ng iyong app ang estado at kung paano ito pamahalaan sa pamamagitan ng program                                                              |                                [Estadong Pamamahala](/7-bank-project/4-state-management/README.md)                                |          Yohan          |
+|  10   |            [Terrarium](/3-terrarium/solution/README.md)            |                 Mga Pagsasara ng JavaScript, pagmamanipula ng DOM                  | Buuin ang JavaScript upang gawing function ang terrarium bilang isang drag/drop interface, na tumutuon sa mga pagsasara at pagmamanipula ng DOM             |                  [Mga Pagsasara ng JavaScript, pagmamanipula ng DOM](/3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+|  11   |          [Typing Game](/4-typing-game/solution/README.md)          |                          Build a Typing Game                           | Matutunan kung paano gumamit ng mga kaganapan sa keyboard upang himukin ang lohika ng iyong JavaScript app                                                          |                                [Programming na Batay sa Kaganapan](/4-typing-game/typing-game/README.md)                                |       Christopher       |
+|  12   | [Green Browser Extension](/5-browser-extension/solution/README.md) |                         Nagtatrabaho sa Mga Browser                          | Matutunan kung paano gumagana ang mga browser, ang kanilang kasaysayan, at kung paano scaffold ang mga unang elemento ng isang extension ng browser                               |                               [Tungkol sa Mga Browser](/5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+|  13   | [Green Browser Extension](/5-browser-extension/solution/README.md) | Pagbuo ng form, pagtawag ng API at pag-iimbak ng mga variable sa lokal na storage | Buuin ang mga elemento ng JavaScript ng iyong extension ng browser upang tumawag sa isang API gamit ang mga variable na nakaimbak sa lokal na storage                      |                [APIs, Forms, at Local Storage](/5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+|  14   | [Green Browser Extension](/5-browser-extension/solution/README.md) |          Mga proseso sa background sa browser, pagganap ng web          | Gamitin ang mga proseso sa background ng browser upang pamahalaan ang icon ng extension; alamin ang tungkol sa pagganap ng web at ilang mga pag-optimize na gagawin   |             [Mga Gawain sa Background at Pagganap](/5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+|  15   |           [Space Game](/6-space-game/solution/README.md)           |             Higit pang Advanced na Pagbuo ng Laro gamit ang JavaScript             | Alamin ang tungkol sa Inheritance gamit ang parehong Mga Klase at Komposisyon at ang pattern ng Pub/Sub, bilang paghahanda sa pagbuo ng isang laro              |                      [Panimula sa Advanced na Pagbuo ng Laro](/6-space-game/1-introduction/README.md)                       |          Chris          |
+|  16   |           [Space Game](/6-space-game/solution/README.md)           |                           Pagguhit sa canvas                            | Matuto tungkol sa Canvas API, na ginagamit upang gumuhit ng mga elemento sa isang screen                                                                       |                                [Pagguhit sa Canvas](/6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+|  17   |           [Space Game](/6-space-game/solution/README.md)           |                   Paglipat ng mga elemento sa paligid ng screen                    | Tuklasin kung paano makakakuha ng paggalaw ang mga elemento gamit ang mga cartesian coordinates at ang Canvas API                                            |                           [Paglipat ng mga Elemento](/6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+|  18   |           [Space Game](/6-space-game/solution/README.md)           |                          Pagtuklas ng banggaan                           | Gawing magbanggaan at mag-react ang mga elemento sa isa't isa gamit ang mga keypress at magbigay ng cooldown function para matiyak ang performance ng laro    |                              [Collision Detection](/6-space-game/4-collision-detection/README.md)                              |          Chris          |
+|  19   |           [Space Game](/6-space-game/solution/README.md)           |                             Pagpapanatiling Kalidad                              | Magsagawa ng mga kalkulasyon sa matematika batay sa katayuan at pagganap ng laro                                                               |                                    [Pagpapanatiling Kalidad](/6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+|  20   |           [Space Game](/6-space-game/solution/README.md)           |                     Pagtapos at i-restart ang laro                     | Matuto tungkol sa pagtatapos at pag-restart ng laro, kabilang ang paglilinis ng mga asset at pag-reset ng mga variable na value                              |                                [Ang Katapusang Kondisyon](/6-space-game/6-end-condition/README.md)                                 |          Chris          |
+|  21   |         [Banking App](/7-bank-project/solution/README.md)          |                 Mga Template at Ruta ng HTML sa isang Web App                 | Matutunan kung paano gumawa ng scaffold ng arkitektura ng isang multipage na website gamit ang pagruruta at mga HTML na template                             |                            [Mga Template at Ruta ng HTML](/7-bank-project/1-template-route/README.md)                             |          Yohan          |
+|  22   |         [Banking App](/7-bank-project/solution/README.md)          |                  Bumuo ng isang Login at Registration Form                   | Matuto tungkol sa pagbuo ng mga form at pagbibigay ng mga gawain sa pagpapatunay                                                                          |                                           [Forms](/7-bank-project/2-forms/README.md)                                           |          Yohan          |
+|  23   |         [Banking App](/7-bank-project/solution/README.md)          |                   Paraan ng Pagkuha at Paggamit ng Data                   | Paano dumadaloy ang data sa loob at labas ng iyong app, kung paano ito kunin, iimbak, at itapon ito                                                 |                                            [Data](/7-bank-project/3-data/README.md)                                            |          Yohan          |
+|  24   |         [Banking App](/7-bank-project/solution/README.md)          |                      Mga Konsepto ng Pamamahala ng Estado                      | Alamin kung paano napapanatili ng iyong app ang estado at kung paano ito pamahalaan sa pamamagitan ng program                                                              |                                [Estadong Pamamahala](/7-bank-project/4-state-management/README.md)                                |          Yohan          |
 
 ## Offline access
 
diff --git a/translations/README.fr.md b/translations/README.fr.md
index 7e17ba17..ab7b5a85 100644
--- a/translations/README.fr.md
+++ b/translations/README.fr.md
@@ -8,108 +8,97 @@
 [![Forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
 [![Stars](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
 
+[![Open in Visual Studio Code](https://open.vscode.dev/badges/open-in-vscode.svg)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
 # Développement Web pour débutants - Programme
 
-Azure Cloud Advocates de Microsoft sont heureux de vous offrir un cours de 24 leçons portant sur les bases du HTML, CSS et JavaScript.
-Chaque leçon comporte des instructions, des projets et des quizs.
-Grâce à la pédagogie basée sur la pratique, vous pouvez apprendre tout en créant des interfaces. 
-Ce qui représente une méthode qui consiste à acquérir des compétances et s'en rappelant !.
+Azure Cloud Advocates de Microsoft ont le plaisir de vous proposer un programme de 12 semaines et 24 leçons sur les bases de JavaScript, CSS et HTML. Chaque leçon comprend des quiz avant et après la leçon, des instructions écrites pour terminer la leçon, une solution, un devoir et plus encore. Notre pédagogie basée sur des projets vous permet d’apprendre tout en construisant, un moyen éprouvé pour que de nouvelles compétences puissent 'coller'.
 
-**Un très grand merci à Jen Looper, Chris Noring, Christopher Harrison, Jasmine Greenaway, Yohan Lasorsa, Floor Drees, et Tomomi Imura!**
+**Un grand merci à nos auteurs Jen Looper, Chris Noring, Christopher Harrison, Jasmine Greenaway, Yohan Lasorsa, Floor Drees et l’artiste de sketchnote Tomomi Imura!**
 
 # Pour commencer
 
-> **Instituteurs**, on vous a préparé des [suggestions](for-teachers.md). On attend votre retour sur ce cours au [forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Instituteurs**, nous avons [inclus quelques suggestions](for-teachers.fr.md) sur la façon d’utiliser ce programme. Nous aimerions avoir vos commentaires [dans notre forum de discussion](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-> **Elèves**, pour en bénéficier de ce cours le plus grand possible. Effectuer un Fork et compléter les exercices, réaliser les quizs!
-N'oubliez pas de créer les projets posant sur ce que vous venez d'apprendre puis comparez-les avec les éléments de réponse.
-Vous pouvez travailler en groupe, ce qui représente un bon moyen d'apprentissage.
-Vous trouverez autres sujets complétants ce cours sur [Microsoft Learn](https://docs.microsoft.com/users/jenlooper-2911/collections/jg2gax8pzd6o81?WT.mc_id=academic-13441-cxa).
+> **Elèves**, pour utiliser ce programme par vous-même, effectuer un Fork l’ensemble du dépôt et compléter les exercices par vous-même, en commençant par un quiz préalable, puis en lisant le cours et en complétant le reste des activités. Essayez de créer les projets en comprenant les leçons plutôt que de copier le code de la solution; toutefois, ce code est disponible dans les dossiers /solutions de chaque leçon orientée projet. Une autre idée serait de former un groupe d’étude avec des amis et de parcourir le contenu ensemble. Pour une étude plus approfondie, nous recommandons [Microsoft Learn](https://docs.microsoft.com/users/jenlooper-2911/collections/jg2gax8pzd6o81?WT.mc_id=academic-13441-cxa) et en regardant les vidéos mentionnées ci-dessous.
 
-[![Bande-annonce du cours](screenshot.png)](https://youtube.com/watch?v=R1wrdtmBSII "Bande-annonce du cours")
+[![Vidéo promotionnelle](../images/web.gif)](https://youtube.com/watch?v=R1wrdtmBSII "Vidéo promotionnelle")
 
-> 🎥 Cliquez sur l'image pour visualiser une vidéo à propos des créateurs de ce cours !
+Gif par [Mohit Jaisal](https://linkedin.com/in/mohitjaisal)
 
-## Pedagogie
+> 🎥 Cliquez sur l’image ci-dessus pour une vidéo sur le projet et les personnes qui l’ont créé!
 
-On a choisi deux pédagogies pour créer ce cours.
-En premier lieu, on a veillé à ce qu'il soit basé sur un projet et en réalité, vous auriez à la fin de ce cours codé un jeu de typing, une extension web, une application bancaire et d'autres intéressants projets. 
-En dernier lieu, on a mis à votre disposition des quizs pour vous évaluez vous-même.
-Et à la fin, vous auriez appris beaucoup de choses à propos du HTML, CSS et Javascript. Et vous voilà, un développeur web 🎓 !
+## Pédagogie
 
-> En 12 semaines, vous pourrez réaliser cet exploit (de devenir un développeur web 🎓)
+Nous avons choisi deux principes pédagogiques lors de l’élaboration de ce programme : s’assurer qu’il est basé sur des projets et qu’il comprend des quiz fréquents. À la fin de cette série, les élèves auront construit un jeu de dactylographie, un terrarium virtuel, une extension de navigateur 'verte', un jeu de type 'space invaders' et une application bancaire de type professionnel, et auront appris les bases de JavaScript, HTML et CSS ainsi que la chaîne d’outils moderne du développeur Web d’aujourd’hui.
 
-> 🎓 Vous pouvez découvrir les premières leçons en tant que [Learn Path Programme](https://docs.microsoft.com/learn/paths/web-development-101?WT.mc_id=academic-13441-cxa) de Microsoft Learn!
+> 🎓 Vous pouvez prendre les premières leçons de ce programme en tant que [Parcours d’apprentissage](https://docs.microsoft.com/learn/paths/web-development-101?WT.mc_id=academic-13441-cxa) sur Microsoft Learn!
 
-Pour s'assurer du bon contenu fourni, on a mis à votre disposition un pack de bases du Javascript contenant une introduction complète à ce langage de programmation [accessible ici](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript?WT.mc_id=academic-13441-cxa).
-Il s'agit d'une collection de vidéos faites par les créateurs de ce cours.
+En veillant à ce que le contenu s’aligne sur les projets, le processus est rendu plus attrayant pour les étudiants et la rétention des concepts sera augmentée. Nous avons également écrit plusieurs leçons de démarrage sur les bases de JavaScript pour introduire des concepts, associées à une vidéo de la "[Série pour débutants à : JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript?WT.mc_id=academic-13441-cxa)" une collection de tutoriels vidéo, dont certains auteurs ont contribué à ce programme.
 
-En plus, les quizs disponibles sont des quizs qui évaluent les compétences acquises de la leçon précédente et d'autres qui évaluent les compétences acquises dans la leçon actuelle.
+En outre, un quiz à faible enjeu avant un cours définit l’intention de l’élève d’apprendre un sujet, tandis qu’un deuxième quiz après le cours assure une rétention supplémentaire. Ce programme a été conçu pour être flexible et amusant et peut être pris en tout ou en partie. Les projets commencent petit et deviennent de plus en plus complexes à la fin du cycle de 12 semaines.
 
-On rappelle que ce cours comporte le HTML, CSS et le Javascript. Donc, on n'a pas traité les Frameworks Javascript comme le React.
-Mais voici une série de vidéos éducatives à suivre après avoir complété ce cours, elle traite le Node.js en tant qu'un Framework Javascript.
-Accessible [ici](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs?WT.mc_id=academic-13441-cxa)
+Bien que nous ayons délibérément évité d’introduire des frameworks JavaScript afin de nous concentrer sur les compétences de base nécessaires en tant que développeur Web avant d’adopter un framework, une bonne prochaine étape pour compléter ce programme serait d’en apprendre davantage sur Node.js via une autre collection de vidéos: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs?WT.mc_id=academic-13441-cxa)".
 
-> Lisez [le Code of Conduct](CODE_OF_CONDUCT.md), [le guide pour contribuer](CONTRIBUTING.md), et [le guide de la traduction du cours](TRANSLATIONS.md).
-Vos retours sont vivement acceptés.
+> Trouvez nos directives de [Code de conduite](../CODE_OF_CONDUCT.md), pour [Contribuer](../CONTRIBUTING.md) et de [Traduction](../TRANSLATIONS.md). Vos commentaires constructifs sont les bienvenus!
 
->
-## Chaque leçon comporte :
+## Chaque leçon comprend :
 
-- Un sketchnote
-- Une vidéo supplémentaire
-- Quiz des dernières compétences acquises 
-- Les traces écrites
-- Un challenge
-- Une explication **très détaillée** pour réussir le challenge
-- Ressources
-- Des exercices
-- Quiz sur ce que l'élève a appris
+- note de croquis facultative (sketchnote)
+- vidéo supplémentaire en option
+- quiz préalable avant la leçon
+- leçon écrite
+- pour les leçons basées sur un projet, des guides étape par étape sur la façon de construire le projet
+- vérifications des connaissances
+- un défi
+- lecture supplémentaire
+- affectation
+- quiz de validation des connaissances
 
-> **Les quizs**: Les quizs sont disponibles [ici](https://happy-mud-02d95f10f.azurestaticapps.net/), un total de 48 quizs avec 3 questions chacun.
-Ils sont accessible via le dossier `quiz-app`.
+> **Une note sur les quiz**: Tous les quiz sont contenus [dans cette application](https://happy-mud-02d95f10f.azurestaticapps.net/), pour un total de 48 quiz de trois questions chacun. Ils sont liés à partir des leçons, mais l’application de quiz peut être exécutée localement; suivez les instructions dans le dossier `quiz-app`. Ils sont progressivement localisés.
 
-## Lessons
+## Leçons
 
-|       |                      Nom du projet                       |                         Compétences à acquérir                         | Objectifs                                                                                                                         |                                                  Leçon                                                   |         Auteur          |
+
+|       |                      Nom du projet                       |                         Compétences à acquérir                         | Objectifs                                                                                                                         |                                                  Leçon liée                                                 |         Auteur          |
 | :---: | :------------------------------------------------------: | :--------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------: | :---------------------: |
-|  01   |                      Pour commencer                      |                    Introduction à la programmation                     | Savoir les bases de quelques langages de programmation et leur utilité dans la création de solutions informatiques                | [Introduction à la programmation](/1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-|  02   |                      Pour commencer                      |              Les bases de Github et le travail au groupe               | Apprendre comment utiliser GitHub et contribuer à des projets                                                                     |         [Introduction aux bases de GitHub](/1-getting-started-lessons/2-github-basics/README.md)         |          Floor          |
-|  03   |                      Pour commencer                      |                             Accessibilité                              | Apprendre les bases de l'accessibilité au Web                                                                                     |            [Accessibility Fundamentals](/1-getting-started-lessons/3-accessibility/README.md)            |       Christopher       |
-|  04   |                        JS Basics                         |                         JavaScript Data Types                          | The basics of JavaScript data types                                                                                               |                            [Data Types](/2-js-basics/1-data-types/README.md)                             |         Jasmine         |
-|  05   |                        JS Basics                         |                         Functions and Methods                          | Learn about functions and methods to manage an application's logic flow                                                           |                   [Functions and Methods](/2-js-basics/2-functions-methods/README.md)                    | Jasmine and Christopher |
-|  06   |                        JS Basics                         |                        Making Decisions with JS                        | Learn how to create conditions in your code using decision-making methods                                                         |                      [Making Decisions](/2-js-basics/3-making-decisions/README.md)                       |         Jasmine         |
-|  07   |                        JS Basics                         |                            Arrays and Loops                            | Work with data using arrays and loops in JavaScript                                                                               |                        [Arrays and Loops](/2-js-basics/4-arrays-loops/README.md)                         |         Jasmine         |
-|  08   |       [Terrarium](/3-terrarium/solution/README.md)       |                            HTML in Practice                            | Build the HTML to create an online terrarium, focusing on building a layout                                                       |                      [Introduction to HTML](/3-terrarium/1-intro-to-html/README.md)                      |           Jen           |
-|  09   |       [Terrarium](/3-terrarium/solution/README.md)       |                            CSS in Practice                             | Build the CSS to style the online terrarium, focusing on the basics of CSS including making the page responsive                   |                       [Introduction to CSS](/3-terrarium/2-intro-to-css/README.md)                       |           Jen           |
-|  10   |            [Terrarium](/3-terrarium/solution)            |                 JavaScript Closures, DOM manipulation                  | Build the JavaScript to make the terrarium function as a drag/drop interface, focusing on closures and DOM manipulation           |       [JavaScript Closures, DOM manipulation](/3-terrarium/3-intro-to-DOM-and-closures/README.md)        |           Jen           |
-|  11   |          [Typing Game](/4-typing-game/solution)          |                          Build a Typing Game                           | Learn how to use keyboard events to drive the logic of your JavaScript app                                                        |                     [Event-Driven Programming](/4-typing-game/typing-game/README.md)                     |       Christopher       |
-|  12   | [Green Browser Extension](/5-browser-extension/solution) |                         Working with Browsers                          | Learn how browsers work, their history, and how to scaffold the first elements of a browser extension                             |                    [About Browsers](/5-browser-extension/1-about-browsers/README.md)                     |           Jen           |
-|  13   | [Green Browser Extension](/5-browser-extension/solution) | Building a form, calling an API and storing variables in local storage | Build the JavaScript elements of your browser extension to call an API using variables stored in local storage                    |     [APIs, Forms, and Local Storage](/5-browser-extension/2-forms-browsers-local-storage/README.md)      |           Jen           |
-|  14   | [Green Browser Extension](/5-browser-extension/solution) |          Background processes in the browser, web performance          | Use the browser's background processes to manage the extension's icon; learn about web performance and some optimizations to make |  [Background Tasks and Performance](/5-browser-extension/3-background-tasks-and-performance/README.md)   |           Jen           |
-|  15   |        [Jeu de l'espace](/6-space-game/solution)         |              Développement avancé d'un jeu en Javascript               | Savoir les bases de l'**Inheritance** avec les **Classes and Composition et les Pub/Sub pattern**, afin de créer un jeu           |  [Introduction au développement avancé d'un jeu en Javascript](/6-space-game/1-introduction/README.md)   |          Chris          |
-|  16   |        [Jeu de l'espace](/6-space-game/solution)         |                               Les Canvas                               | Savoir à propos du Canvas API, utilisé pour dessiner des éléments                                                                 |                    [Dessiner des Canvas](/6-space-game/2-drawing-to-canvas/README.md)                    |          Chris          |
-|  17   |        [Jeu de l'espace](/6-space-game/solution)         |                         Déplacer les éléments                          | En utilisant les données cartésiennes et le Canvas API                                                                            |                [Moving Elements Around](/6-space-game/3-moving-elements-around/README.md)                |          Chris          |
-|  18   |        [Jeu de l'espace](/6-space-game/solution)         |                          Collision detection                           | Make elements collide and react to each other using keypresses and provide a cooldown function to ensure performance of the game  |                   [Collision Detection](/6-space-game/4-collision-detection/README.md)                   |          Chris          |
-|  19   |        [Jeu de l'espace](/6-space-game/solution)         |                             Keeping score                              | Perform math calculations based on the game's status and performance                                                              |                         [Keeping Score](/6-space-game/5-keeping-score/README.md)                         |          Chris          |
-|  20   |        [Jeu de l'espace](/6-space-game/solution)         |                       Commencer et finir un jeu                        | Savoir manipuler les variables, démarrer un jeu et mettre fin.                                                                    |                         [Fin Condition](/6-space-game/6-end-condition/README.md)                         |          Chris          |
-|  21   |     [Application bancaire](/7-bank-project/solution)     |           HTML Templates et Routes dans une application web            | Savoir l'utilité des Templates et Routes dans la gestion d'un site web multi-pages.                                               |                  [HTML Templates et Routes](/7-bank-project/1-template-route/README.md)                  |          Yohan          |
-|  22   |     [Application bancaire](/7-bank-project/solution)     |                    Créer un formulaire de connexion                    | Apprendre le fonctionnement d'un formulaire et la vérification des données saisies                                                |                             [Formulaires](/7-bank-project/2-forms/README.md)                             |          Yohan          |
-|  23   |     [Application bancaire](/7-bank-project/solution)     |                    Fetch et utilisation des données                    | Savoir comment une application manipule les données                                                                               |                               [Données](/7-bank-project/3-data/README.md)                                |          Yohan          |
-|  24   |     [Application bancaire](/7-bank-project/solution)     |                   Concepts de la gestion des states                    | En savoir comment une application gère les states                                                                                 |                    [Gestion des states](/7-bank-project/4-state-management/README.md)                    |          Yohan          |
+|  01   |                      Pour commencer                      |                    Introduction à la programmation et aux outils métiers                    | Savoir les bases de quelques langages de programmation et leur utilité dans la création de solutions informatiques                | [Introduction à la programmation](/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.fr.md) |         Jasmine         |
+|  02   |                      Pour commencer                      |              Les bases de Github et le travail en groupe               | Apprendre comment utiliser GitHub et contribuer à des projets                                                                     |         [Introduction aux bases de GitHub](/1-getting-started-lessons/2-github-basics/translations/README.fr.md)         |          Floor          |
+|  03   |                      Pour commencer                      |                             Accessibilité                              | Apprendre les bases de l'accessibilité Web                                                                                     |            [Accessibility Fundamentals](/1-getting-started-lessons/3-accessibility/translations/README.fr.md)            |       Christopher       |
+|  04   |                        Les bases de JS                         |                         Types de données JavaScript                          | Les bases des types de données JavaScript                                                                                                |                            [Types de données](/2-js-basics/1-data-types/translations/README.fr.md)                             |         Jasmine         |
+|  05   |                        Les bases de JS                         |                         Fonctions et méthodes                          | En savoir plus sur les fonctions et les méthodes de gestion du flux logique d’une application flow                                                           |                   [Fonctions et méthodes](/2-js-basics/2-functions-methods/translations/README.fr.md)                    | Jasmine et Christopher |
+|  06   |                        Les bases de JS                         |                        Prendre des décisions avec JS                        | Découvrez comment créer des conditions dans votre code à l’aide de méthodes de prise de décision methods                                                         |                      [Prendre des décisions](/2-js-basics/3-making-decisions/translations/README.fr.md)                       |         Jasmine         |
+|  07   |                        Les bases de JS                         |                            Tableaux et boucles                            | Utiliser des données à l’aide de tableaux et de boucles en JavaScript                                                                               |                        [Tableaux et boucles](/2-js-basics/4-arrays-loops/translations/README.fr.md)                         |         Jasmine         |
+|  08   |       [Terrarium](/3-terrarium/solution/translations/README.fr.md)       |                            HTML en pratique                            | Construisez le code HTML pour créer un terrarium en ligne, en vous concentrant sur la construction d’une mise en page                                                       |                      [Introduction to HTML](/3-terrarium/1-intro-to-html/translations/README.fr.md)                      |           Jen           |
+|  09   |       [Terrarium](/3-terrarium/solution/translations/README.fr.md)       |                            CSS en pratique                             | Construisez le CSS pour styliser le terrarium en ligne, en vous concentrant sur les bases du CSS, y compris rendre la page réactive                   |                       [Introduction to CSS](/3-terrarium/2-intro-to-css/translations/README.fr.md)                       |           Jen           |
+|  10   |            [Terrarium](/3-terrarium/solution/translations/README.fr.md)            |                 Fermetures JavaScript, manipulation DOM                  | Construisez le JavaScript pour que le terrarium fonctionne comme une interface glisser/déposer, en vous concentrant sur les fermetures et la manipulation du DOM           |       [Fermetures JavaScript, manipulation DOM](/3-terrarium/3-intro-to-DOM-and-closures/translations/README.fr.md)        |           Jen           |
+|  11   |          [Typing Game](/4-typing-game/solution/translations/README.fr.md)          |                          Créer un jeu de frappe                           | Découvrez comment utiliser les événements de clavier pour piloter la logique de votre application JavaScript                                                        |                     [Event-Driven Programming](/4-typing-game/typing-game/translations/README.fr.md)                     |       Christopher       |
+|  12   | [Green Browser Extension](/5-browser-extension/solution/translations/README.fr.md) |                         Utilisation des navigateurs                          | Découvrez comment fonctionnent les navigateurs, leur historique et comment échafauder les premiers éléments d’une extension de navigateur                             |                    [About Browsers](/5-browser-extension/1-about-browsers/translations/README.fr.md)                     |           Jen           |
+|  13   | [Green Browser Extension](/5-browser-extension/solution/translations/README.fr.md) | Création d’un formulaire, appel d’une API et stockage de variables dans le stockage local | Générez les éléments JavaScript de votre extension de navigateur pour appeler une API à l’aide de variables stockées dans le stockage local                    |     [APIs, Forms, and Local Storage](/5-browser-extension/2-forms-browsers-local-storage/translations/README.fr.md)      |           Jen           |
+|  14   | [Green Browser Extension](/5-browser-extension/solution/translations/README.fr.md) |          Processus en arrière-plan dans le navigateur, performances Web          | Utilisez les processus d’arrière-plan du navigateur pour gérer l’icône de l’extension; en savoir plus sur les performances Web et quelques optimisations à faire |  [Background Tasks and Performance](/5-browser-extension/3-background-tasks-and-performance/translations/README.fr.md)   |           Jen           |
+|  15   |        [Jeu de l'espace](/6-space-game/solution/translations/README.fr.md)         |              Développement avancé d'un jeu en Javascript               | En savoir plus sur l’héritage en utilisant à la fois les classes et la composition et le modèle Pub/Sub, en préparation de la création d’un jeu           |  [Introduction au développement avancé d'un jeu en Javascript](/6-space-game/1-introduction/translations/README.fr.md)   |          Chris          |
+|  16   |        [Jeu de l'espace](/6-space-game/solution/translations/README.fr.md)         |                               Les Canvas                               | En savoir plus sur l’API Canvas, utilisée pour dessiner des éléments sur un écran                                                                 |                    [Dessiner des Canvas](/6-space-game/2-drawing-to-canvas/translations/README.fr.md)                    |          Chris          |
+|  17   |        [Jeu de l'espace](/6-space-game/solution/translations/README.fr.md)         |                         Déplacement d’éléments autour de l’écran                          | Découvrez comment les éléments peuvent gagner du mouvement à l’aide des coordonnées cartésiennes et de l’API Canvas                                                                            |                [Moving Elements Around](/6-space-game/3-moving-elements-around/translations/README.fr.md)                |          Chris          |
+|  18   |        [Jeu de l'espace](/6-space-game/solution/translations/README.fr.md)         |                          Détection de collision                           | Faire entrer en collision les éléments et les faire réagir les uns aux autres à l’aide d’appuis sur les touches et fournir une fonction de refroidissement pour assurer les performances du jeu  |                   [Collision Detection](/6-space-game/4-collision-detection/translations/README.fr.md)                   |          Chris          |
+|  19   |        [Jeu de l'espace](/6-space-game/solution/translations/README.fr.md)         |                             Garder le score                              | Effectuez des calculs mathématiques en fonction de l’état du jeu et des performances                                                              |                         [Keeping Score](/6-space-game/5-keeping-score/translations/README.fr.md)                         |          Chris          |
+|  20   |        [Jeu de l'espace](/6-space-game/solution/translations/README.fr.md)         |                       Fin et redémarrage du jeu                        | Découvrez comment terminer et redémarrer le jeu, y compris le nettoyage des ressources et la réinitialisation des valeurs variables                                                                    |                         [Fin Condition](/6-space-game/6-end-condition/translations/README.fr.md)                         |          Chris          |
+|  21   |     [Application bancaire](/7-bank-project/solution/translations/README.fr.md)     |           Modèles et Routes HTML dans une application Web            | Savoir l'utilité des Templates et Routes dans la gestion d'un site web multi-pages.                                               |                  [HTML Templates et Routes](/7-bank-project/1-template-route/translations/README.fr.md)                  |          Yohan          |
+|  22   |     [Application bancaire](/7-bank-project/solution/translations/README.fr.md)     |                    Créez un formulaire de connexion et d’inscription                    | En savoir plus sur la création de formulaires et la gestion des routines de validation                                                |                             [Formulaires](/7-bank-project/2-forms/translations/README.fr.md)                             |          Yohan          |
+|  23   |     [Application bancaire](/7-bank-project/solution/translations/README.fr.md)     |                    Fetch et utilisation des données                    | Comment les données entrent et sortent de votre application, comment les récupérer, les stocker et les supprimer                                                                               |                               [Données](/7-bank-project/3-data/translations/README.fr.md)                                |          Yohan          |
+|  24   |     [Application bancaire](/7-bank-project/solution/translations/README.fr.md)     |                   Concepts de la gestion des states                    | Découvrez comment votre application conserve son état et comment la gérer par programme                                                                                 |                    [Gestion des states](/7-bank-project/4-state-management/translations/README.fr.md)                    |          Yohan          |
 
 ## Accéder au cours hors connexion
 
-Vous pouvez y accéder en utilisant [Docsify](https://docsify.js.org/#/). Effectuez un Fork, [installez Docsify](https://docsify.js.org/#/quickstart) sur votre machine, et tapez `docsify serve` dans le dossier root. Le site web va apparaître dans votre navigateur au port 3000 du localhost `localhost:3000`.
+Vous pouvez exécuter cette documentation hors connexion à l’aide de [Docsify](https://docsify.js.org/#/). Effectuez un Fork de ce référentiel, [installez Docsify](https://docsify.js.org/#/quickstart) sur votre ordinateur local, puis dans le dossier racine de ce référentiel, tapez `docsify serve`. Le site Web va apparaître dans votre navigateur au port 3000 du localhost: `localhost:3000`.
 
 ## PDF
 
-Ce cours est disponible en PDF. [Cliquez ici](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)
+Un PDF de toutes les leçons peut être trouvé [ici](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)
 
-## Autres Cours
+## Autres programmes d’études
 
-Découvrez d'autres cours :
+Notre équipe produit d’autres programmes! Jettez un oeil:
 
-- [Machine Learning pour débutants](https://aka.ms/ml-beginners)
-- [IoT pour débutants](https://aka.ms/iot-beginners)
+- [Machine Learning for Beginners](https://aka.ms/ml-beginners)
+- [IoT for Beginners](https://aka.ms/iot-beginners)
+- [Data Science for Beginners](https://aka.ms/datascience-beginners)
diff --git a/translations/README.hi.md b/translations/README.hi.md
index cb6ef228..c7caf2f0 100644
--- a/translations/README.hi.md
+++ b/translations/README.hi.md
@@ -17,9 +17,9 @@ Microsoft के Azure Cloud Advocates को 12-सप्ताह, 24-पा
 
 > **शिक्षकों**, हमने इस पाठ्यक्रम का उपयोग करने के बारे में [कुछ सुझाव](for-teachers.hi.md) शामिल किए हैं। यदि आप अपना स्वयं का पाठ बनाना चाहते हैं, तो हमने एक [पाठ टेम्पलेट](lesson-template/translations/README.hi.md) भी शामिल किया है
 
-**छात्र**, अपने दम पर इस पाठ्यक्रम का उपयोग करने के लिए, पूरे रेपो को फोर्क करें और अपने दम पर अभ्यास पूरा करें, एक प्री-लेक्चर क्विज़ से शुरू करें, फिर लेक्चर को पढ़ें और बाकी गतिविधियों को पूरा करें। समाधान कोड को कॉपी करने के बजाय पाठों को समझकर परियोजनाओं को बनाने की कोशिश करें; हालाँकि यह कोड प्रत्येक प्रोजेक्ट-ओरिएंटेड पाठ में / समाधान फ़ोल्डर में उपलब्ध है। एक और विचार दोस्तों के साथ एक अध्ययन समूह बनाने और एक साथ सामग्री के माध्यम से जाने का होगा। आगे के अध्ययन के लिए, हम अनुशंसा करते हैं [Microsoft Learn](https://docs.microsoft.com/users/jenlooper-2911/collections/jg2gax8pzd6o81?WT.mc_id=academic-13441-cxa) और नीचे दिए गए वीडियो देखकर।
+> **छात्र**, अपने दम पर इस पाठ्यक्रम का उपयोग करने के लिए, पूरे रेपो को फोर्क करें और अपने दम पर अभ्यास पूरा करें, एक प्री-लेक्चर क्विज़ से शुरू करें, फिर लेक्चर को पढ़ें और बाकी गतिविधियों को पूरा करें। समाधान कोड को कॉपी करने के बजाय पाठों को समझकर परियोजनाओं को बनाने की कोशिश करें; हालाँकि यह कोड प्रत्येक प्रोजेक्ट-ओरिएंटेड पाठ में / समाधान फ़ोल्डर में उपलब्ध है। एक और विचार दोस्तों के साथ एक अध्ययन समूह बनाने और एक साथ सामग्री के माध्यम से जाने का होगा। आगे के अध्ययन के लिए, हम अनुशंसा करते हैं [Microsoft Learn](https://docs.microsoft.com/users/jenlooper-2911/collections/jg2gax8pzd6o81?WT.mc_id=academic-13441-cxa) और नीचे दिए गए वीडियो देखकर।
 
-[![प्रोमो वीडियो](../screenshot.png)](https://youtube.com/watch?v=R1wrdtmBSII "प्रोमो वीडियो")
+[![प्रोमो वीडियो](../images/web.gif)](https://youtube.com/watch?v=R1wrdtmBSII "प्रोमो वीडियो")
 
 > परियोजना के बारे में एक वीडियो और इसे बनाने वाले लोगों के लिए ऊपर की छवि पर क्लिक करें!
 
@@ -63,21 +63,21 @@ Microsoft के Azure Cloud Advocates को 12-सप्ताह, 24-पा
 |  07   |                        जेएस की मूलबाते                        |                         अररेस और लूपस                          | जावास्क्रिप्ट में अररेस और लूपस का उपयोग कर डेटा के साथ काम करें                                                                      |                        [अररेस और लूपस](/2-js-basics/4-arrays-loops/translations/README.hi.md)                         |    ✅     |   ✅   |   ✅    |      ✅       |      ✅      |   ✅   |      जैस्मिन       |
 |  08   | [टेरारियम](/3-terrarium/solution/translations/README.hi.md) |                       एचटीएमएल प्रैक्टिस में                        | लेआउट बनाने पर ध्यान केंद्रित करते हुए, एक ऑनलाइन टेरारियम बनाने के लिए HTML बनाएँ                                                      |                      [एचटीएमएल का परिचय](/3-terrarium/1-intro-to-html/translations/README.hi.md)                       |    ✅     |   ✅   |   ✅    |      ✅       |      ✅      |   🛑   |       जेन        |
 |  09   | [टेरारियम](/3-terrarium/solution/translations/README.hi.md) |                            सीएसएस                             | पृष्ठ को उत्तरदायी बनाने सहित सीएसएस की मूल बातों पर ध्यान केंद्रित करते हुए, ऑनलाइन टेरेरियम को स्टाइल करने के लिए सीएसएस का निर्माण करें                 |                        [सीएसएसका परिचय](/3-terrarium/2-intro-to-css/translations/README.hi.md)                         |    ✅     |   ✅   |   ✅    |      ✅       |      ✅      |   🛑   |       जेन        |
-|  10   |              [टेरारियम](/3-terrarium/solution)              |                   जावास्क्रिप्ट क्लोजर, डोम मनिप्यलैशन                   | एक टेरारियम फंगक्शन को ड्रैग/ड्रॉप इंटरफेस के रूप में बनाने के लिए जावास्क्रिप्ट का निर्माण करें ,क्लोजर और डोम मनिप्यलैशन पर ध्यान केंद्रित करके               |          [जावास्क्रिप्ट क्लोजर और डोम मनिप्यलैशन](/3-terrarium/3-intro-to-DOM-and-closures/translations/README.hi.md)           |    ✅     |   ✅   |   ✅    |      ✅       |      ✅      |   🛑   |       जेन        |
-|  11   |            [टायपिंग गेम](/4-typing-game/solution)            |                        एक टायपिंग गेम बनाए                        | अपने जावास्क्रिप्ट ऐप के तर्क को चलाने के लिए कीबोर्ड घटनाओं का उपयोग करना सीखें                                                            |                       [ईवेंट-संचालित प्रोग्रामिंग](/4-typing-game/typing-game/translations/README.hi.md)                       |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   ✅   |     क्रिस्टोफर      |
-|  12   |    [ग्रीन ब्राउजर इक्स्टेन्शन](/5-browser-extension/solution)    |                      ब्राउज़रों के साथ काम करना                       | जानें कि ब्राउज़र कैसे काम करते हैं, उनका इतिहास और ब्राउज़र एक्सटेंशन के पहले एलिमेंट्स को कैसे मचानते हैं                                           |                   [ब्राउज़रों के बारे में](/5-browser-extension/1-about-browsers/translations/README.hi.md)                   |    ✅     |   ✅   |   ✅    |      ✅       |      ✅      |   🛑   |       जेन        |
-|  13   |    [ग्रीन ब्राउजर इक्स्टेन्शन](/5-browser-extension/solution)    | एक फॉर्म का निर्माण, एक एपीआई को कॉल करना और लोकल स्टॉरिज में चर को संग्रहीत करना | लोकल स्टॉरिज में संग्रहीत चर का उपयोग करके एपीआई को कॉल करने के लिए अपने ब्राउज़र एक्सटेंशन के जावास्क्रिप्ट एलिमेंट्स का निर्माण करें                       |      [एपीआईज, फॉर्म्स, और लोकल स्टॉरिज](/5-browser-extension/2-forms-browsers-local-storage/translations/README.hi.md)      |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   ✅   |       जेन        |
-|  14   |    [ग्रीन ब्राउजर इक्स्टेन्शन](/5-browser-extension/solution)    |               ब्राउज़र में पृष्ठभूमि प्रक्रियाएं, वेब प्रदर्शन                | एक्सटेंशन के आइकन को प्रबंधित करने के लिए ब्राउज़र की पृष्ठभूमि प्रक्रियाओं का उपयोग करें; वेब प्रदर्शन और बनाने के लिए कुछ अनुकूलन के बारे में जानें            |      [पृष्ठभूमि कार्य और प्रदर्शन](/5-browser-extension/3-background-tasks-and-performance/translations/README.hi.md)       |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   🛑   |       जेन        |
-|  15   |             [स्पेस गेम](/6-space-game/solution)             |               जावास्क्रिप्ट के साथ और अधिक उन्नत खेल विकास                | एक खेल के निर्माण की तैयारी में क्लाससेस और काम्पज़िशन और पब/सब पैटर्न दोनों का उपयोग करके इन्हेरीटेन्स के बारे में जानें                                 |                    [उन्नत खेल विकास का परिचय](/6-space-game/1-introduction/translations/README.hi.md)                     |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   🛑   |       क्रिस       |
-|  16   |             [स्पेस गेम](/6-space-game/solution)             |                        कैनवास पर ड्रॉ करना                        | कैनवास एपीआई के बारे में जानें, जिसका उपयोग एलिमेंट्स को स्क्रीन पर खींचने के लिए किया जाता है                                                     |                    [कैनवास पर ड्रॉ करना](/6-space-game/2-drawing-to-canvas/translations/README.hi.md)                    |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   🛑   |       क्रिस       |
-|  17   |             [स्पेस गेम](/6-space-game/solution)             |                    स्क्रीन के चारों ओर बढ़ते एलिमेंट्स                    | पता करे कि कार्टेशियन निर्देशांक और कैनवस एपीआई का उपयोग करके तत्व कैसे गति प्राप्त कर सकते हैं                                               |                 [चारों ओर बढ़ते एलिमेंट्स](/6-space-game/3-moving-elements-around/translations/README.hi.md)                 |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   🛑   |       क्रिस       |
-|  18   |             [स्पेस गेम](/6-space-game/solution)             |                          कॉलिजन डिटेक्शन                          | एलिमेंट्स को आपस में टकराएं और कीपरेसेस का उपयोग करते हुए एक दूसरे से प्रतिक्रिया करें और खेल के प्रदर्शन को सुनिश्चित करने के लिए एक कुलडाउन फ़ंक्शन प्रदान करें |                     [कॉलिजन डिटेक्शन](/6-space-game/4-collision-detection/translations/README.hi.md)                     |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   🛑   |       क्रिस       |
-|  19   |             [स्पेस गेम](/6-space-game/solution)             |                           स्कोर रखना                            | खेल की स्थिति और प्रदर्शन के आधार पर गणित की गणना करें                                                                           |                         [स्कोर रखना](/6-space-game/5-keeping-score/translations/README.hi.md)                          |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   🛑   |       क्रिस       |
-|  20   |             [स्पेस गेम](/6-space-game/solution)             |                 खेल को समाप्त करना और पुनः आरंभ करना                  | खेल को समाप्त करने और पुनः आरंभ करने के बारे में जानें,असेट्स को साफ करने और चरकी वैल्यू को रीसेट करने सहित                                       |                         [अंत की स्थिति](/6-space-game/6-end-condition/translations/README.hi.md)                         |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   🛑   |       क्रिस       |
-|  21   |            [बैंकिंग एप](/7-bank-project/solution)            |                 एचटीएमएल टेम्पलेट्स और वेब ऐप में रूट                 | राउटिंग और एचटीएमएल टेम्प्लेट का उपयोग करके एक मल्टीफ़ेज वेबसाइट की वास्तुकला का मचान बनाना सीखें                                               |                  [एचटीएमएल टेम्पलेट और रूट](/7-bank-project/1-template-route/translations/README.hi.md)                  |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   ✅   |       योहन       |
-|  22   |            [बैंकिंग एप](/7-bank-project/solution)            |                   एक लॉगिन और पंजीकरण फॉर्म बनाएँ                    | फॉर्म के निर्माण और सत्यापन रूटीन सौंपने के बारे में जानें                                                                              |                              [फॉर्म्स](/7-bank-project/2-forms/translations/README.hi.md)                              |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   ✅   |       योहन       |
-|  23   |            [बैंकिंग एप](/7-bank-project/solution)            |                   डेटा लाने और उपयोग करने के तरीके                    | डेटा आपके ऐप से कैसे और कैसे बहता है, इसे कैसे लाया जाए, इसे स्टोर करें और इसका दिसपोस करें                                                  |                               [डाटा](/7-bank-project/3-data/translations/README.hi.md)                                |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   ✅   |       योहन       |
-|  24   |            [बैंकिंग एप](/7-bank-project/solution)            |                      स्टेट प्रबंधन की अवधारणाएँ                      | जानें कि आपका ऐप किस तरह से स्थिति को बनाए रखता है और इसे कैसे व्यवस्थित रूप से प्रबंधित करता है                                              |                      [स्टेट प्रबंधन](/7-bank-project/4-state-management/translations/README.hi.md)                      |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |       |       योहन       |
+|  10   |              [टेरारियम](/3-terrarium/solution/README.md)              |                   जावास्क्रिप्ट क्लोजर, डोम मनिप्यलैशन                   | एक टेरारियम फंगक्शन को ड्रैग/ड्रॉप इंटरफेस के रूप में बनाने के लिए जावास्क्रिप्ट का निर्माण करें ,क्लोजर और डोम मनिप्यलैशन पर ध्यान केंद्रित करके               |          [जावास्क्रिप्ट क्लोजर और डोम मनिप्यलैशन](/3-terrarium/3-intro-to-DOM-and-closures/translations/README.hi.md)           |    ✅     |   ✅   |   ✅    |      ✅       |      ✅      |   🛑   |       जेन        |
+|  11   |            [टायपिंग गेम](/4-typing-game/solution/README.md)            |                        एक टायपिंग गेम बनाए                        | अपने जावास्क्रिप्ट ऐप के तर्क को चलाने के लिए कीबोर्ड घटनाओं का उपयोग करना सीखें                                                            |                       [ईवेंट-संचालित प्रोग्रामिंग](/4-typing-game/typing-game/translations/README.hi.md)                       |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   ✅   |     क्रिस्टोफर      |
+|  12   |    [ग्रीन ब्राउजर इक्स्टेन्शन](/5-browser-extension/solution/README.md)    |                      ब्राउज़रों के साथ काम करना                       | जानें कि ब्राउज़र कैसे काम करते हैं, उनका इतिहास और ब्राउज़र एक्सटेंशन के पहले एलिमेंट्स को कैसे मचानते हैं                                           |                   [ब्राउज़रों के बारे में](/5-browser-extension/1-about-browsers/translations/README.hi.md)                   |    ✅     |   ✅   |   ✅    |      ✅       |      ✅      |   🛑   |       जेन        |
+|  13   |    [ग्रीन ब्राउजर इक्स्टेन्शन](/5-browser-extension/solution/README.md)    | एक फॉर्म का निर्माण, एक एपीआई को कॉल करना और लोकल स्टॉरिज में चर को संग्रहीत करना | लोकल स्टॉरिज में संग्रहीत चर का उपयोग करके एपीआई को कॉल करने के लिए अपने ब्राउज़र एक्सटेंशन के जावास्क्रिप्ट एलिमेंट्स का निर्माण करें                       |      [एपीआईज, फॉर्म्स, और लोकल स्टॉरिज](/5-browser-extension/2-forms-browsers-local-storage/translations/README.hi.md)      |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   ✅   |       जेन        |
+|  14   |    [ग्रीन ब्राउजर इक्स्टेन्शन](/5-browser-extension/solution/README.md)    |               ब्राउज़र में पृष्ठभूमि प्रक्रियाएं, वेब प्रदर्शन                | एक्सटेंशन के आइकन को प्रबंधित करने के लिए ब्राउज़र की पृष्ठभूमि प्रक्रियाओं का उपयोग करें; वेब प्रदर्शन और बनाने के लिए कुछ अनुकूलन के बारे में जानें            |      [पृष्ठभूमि कार्य और प्रदर्शन](/5-browser-extension/3-background-tasks-and-performance/translations/README.hi.md)       |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   🛑   |       जेन        |
+|  15   |             [स्पेस गेम](/6-space-game/solution/README.md)             |               जावास्क्रिप्ट के साथ और अधिक उन्नत खेल विकास                | एक खेल के निर्माण की तैयारी में क्लाससेस और काम्पज़िशन और पब/सब पैटर्न दोनों का उपयोग करके इन्हेरीटेन्स के बारे में जानें                                 |                    [उन्नत खेल विकास का परिचय](/6-space-game/1-introduction/translations/README.hi.md)                     |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   🛑   |       क्रिस       |
+|  16   |             [स्पेस गेम](/6-space-game/solution/README.md)             |                        कैनवास पर ड्रॉ करना                        | कैनवास एपीआई के बारे में जानें, जिसका उपयोग एलिमेंट्स को स्क्रीन पर खींचने के लिए किया जाता है                                                     |                    [कैनवास पर ड्रॉ करना](/6-space-game/2-drawing-to-canvas/translations/README.hi.md)                    |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   🛑   |       क्रिस       |
+|  17   |             [स्पेस गेम](/6-space-game/solution/README.md)             |                    स्क्रीन के चारों ओर बढ़ते एलिमेंट्स                    | पता करे कि कार्टेशियन निर्देशांक और कैनवस एपीआई का उपयोग करके तत्व कैसे गति प्राप्त कर सकते हैं                                               |                 [चारों ओर बढ़ते एलिमेंट्स](/6-space-game/3-moving-elements-around/translations/README.hi.md)                 |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   🛑   |       क्रिस       |
+|  18   |             [स्पेस गेम](/6-space-game/solution/README.md)             |                          कॉलिजन डिटेक्शन                          | एलिमेंट्स को आपस में टकराएं और कीपरेसेस का उपयोग करते हुए एक दूसरे से प्रतिक्रिया करें और खेल के प्रदर्शन को सुनिश्चित करने के लिए एक कुलडाउन फ़ंक्शन प्रदान करें |                     [कॉलिजन डिटेक्शन](/6-space-game/4-collision-detection/translations/README.hi.md)                     |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   🛑   |       क्रिस       |
+|  19   |             [स्पेस गेम](/6-space-game/solution/README.md)             |                           स्कोर रखना                            | खेल की स्थिति और प्रदर्शन के आधार पर गणित की गणना करें                                                                           |                         [स्कोर रखना](/6-space-game/5-keeping-score/translations/README.hi.md)                          |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   🛑   |       क्रिस       |
+|  20   |             [स्पेस गेम](/6-space-game/solution/README.md)             |                 खेल को समाप्त करना और पुनः आरंभ करना                  | खेल को समाप्त करने और पुनः आरंभ करने के बारे में जानें,असेट्स को साफ करने और चरकी वैल्यू को रीसेट करने सहित                                       |                         [अंत की स्थिति](/6-space-game/6-end-condition/translations/README.hi.md)                         |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   🛑   |       क्रिस       |
+|  21   |            [बैंकिंग एप](/7-bank-project/solution/README.md)            |                 एचटीएमएल टेम्पलेट्स और वेब ऐप में रूट                 | राउटिंग और एचटीएमएल टेम्प्लेट का उपयोग करके एक मल्टीफ़ेज वेबसाइट की वास्तुकला का मचान बनाना सीखें                                               |                  [एचटीएमएल टेम्पलेट और रूट](/7-bank-project/1-template-route/translations/README.hi.md)                  |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   ✅   |       योहन       |
+|  22   |            [बैंकिंग एप](/7-bank-project/solution/README.md)            |                   एक लॉगिन और पंजीकरण फॉर्म बनाएँ                    | फॉर्म के निर्माण और सत्यापन रूटीन सौंपने के बारे में जानें                                                                              |                              [फॉर्म्स](/7-bank-project/2-forms/translations/README.hi.md)                              |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   ✅   |       योहन       |
+|  23   |            [बैंकिंग एप](/7-bank-project/solution/README.md)            |                   डेटा लाने और उपयोग करने के तरीके                    | डेटा आपके ऐप से कैसे और कैसे बहता है, इसे कैसे लाया जाए, इसे स्टोर करें और इसका दिसपोस करें                                                  |                               [डाटा](/7-bank-project/3-data/translations/README.hi.md)                                |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |   ✅   |       योहन       |
+|  24   |            [बैंकिंग एप](/7-bank-project/solution/README.md)            |                      स्टेट प्रबंधन की अवधारणाएँ                      | जानें कि आपका ऐप किस तरह से स्थिति को बनाए रखता है और इसे कैसे व्यवस्थित रूप से प्रबंधित करता है                                              |                      [स्टेट प्रबंधन](/7-bank-project/4-state-management/translations/README.hi.md)                      |    ✅     |   🛑   |   ✅    |      ✅       |      ✅      |       |       योहन       |
 
 ## ऑफ़लाइन एक्सेस
 
diff --git a/translations/README.id.md b/translations/README.id.md
new file mode 100644
index 00000000..48a9e1e3
--- /dev/null
+++ b/translations/README.id.md
@@ -0,0 +1,98 @@
+[![GitHub license](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
+[![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
+[![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
+[![GitHub pull-requests](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
+[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
+
+[![GitHub watchers](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
+[![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
+[![GitHub stars](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
+
+[![Open in Visual Studio Code](https://open.vscode.dev/badges/open-in-vscode.svg)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
+
+# Web Development untuk pemula - Kurikulum
+
+Azure Cloud Advocates di Microsoft dengan senang hati menawarkan kurikulum 12 minggu 24 pelajaran tentang JavaScript, CSS, dan dasar-dasar HTML. Setiap pelajaran mencakup kuis sebelum dan sesudah pelajaran, instruksi tertulis untuk menyelesaikan pelajaran, solusi, tugas, dan banyak lagi. Pedagogi berbasis proyek kami memungkinkan Anda untuk belajar sambil membangun, cara yang terbukti untuk keterampilan baru untuk 'stick'.
+
+**Terima kasih yang sebesar-besarnya kepada penulis kami Jen Looper, Chris Noring, Christopher Harrison, Jasmine Greenaway, Yohan Lasorsa, Floor Drees, dan sketchnote artis Tomomi Imura!**
+
+# Mulai
+
+> **Guru**, kita punya [termasuk beberapa saran](for-teachers.md) tentang bagaimana menggunakan kurikulum ini. Kami akan menyukai tanggapan Anda [di forum diskusi kami](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Pelajar**, untuk menggunakan kurikulum ini sendiri, bagilah seluruh repo dan selesaikan latihannya sendiri, dimulai dengan kuis pra-kuliah, kemudian membaca kuliah dan menyelesaikan sisa kegiatan. Cobalah untuk membuat proyek dengan memahami pelajaran daripada menyalin kode solusi; namun kode tersebut tersedia di folder /solutions di setiap pelajaran berorientasi proyek. Ide lain adalah membentuk kelompok belajar dengan teman-teman dan membahas isinya bersama-sama. Untuk studi lebih lanjut, kami merekomendasikan [Belajar Microsoft](https://docs.microsoft.com/users/jenlooper-2911/collections/jg2gax8pzd6o81?WT.mc_id=academic-13441-cxa) dan dengan menonton video yang disebutkan di bawah ini.
+
+[![Promo video](https://github.com/GarudaID/Web-Dev-For-Beginners/blob/main/images/web.gif)](https://youtube.com/watch?v=R1wrdtmBSII "Promo video")
+
+Gif by [Mohit Jaisal](https://linkedin.com/in/mohitjaisal)
+
+> 🎥 Klik gambar di atas untuk melihat video tentang proyek dan orang-orang yang membuatnya!
+## Pedagogy
+
+Kami telah memilih dua prinsip pedagogis saat membangun kurikulum ini: memastikan bahwa itu berbasis proyek dan termasuk kuis yang sering. Pada akhir seri ini, siswa akan membuat game mengetik, terarium virtual, ekstensi browser 'hijau', game tipe 'penyerbu ruang', dan aplikasi perbankan tipe bisnis, dan akan mempelajari dasar-dasar JavaScript , HTML, dan CSS bersama dengan rantai alat modern dari pengembang web saat ini.
+
+> 🎓 Anda dapat mengambil beberapa pelajaran pertama dalam kurikulum ini sebagai [Pelajari Jalur](https://docs.microsoft.com/learn/paths/web-development-101?WT.mc_id=academic-13441-cxa) di Microsoft Learn!
+Dengan memastikan bahwa konten selaras dengan proyek, proses dibuat lebih menarik bagi siswa dan retensi konsep akan ditambah. Kami juga menulis beberapa pelajaran awal dalam dasar-dasar JavaScript untuk memperkenalkan konsep, dipasangkan dengan video dari "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript?WT.mc_id=academic-13441-cxa)" kumpulan video tutorial, yang beberapa penulisnya berkontribusi pada kurikulum ini.
+
+Selain itu, kuis berisiko rendah sebelum kelas menetapkan niat siswa untuk mempelajari suatu topik, sementara kuis kedua setelah kelas memastikan retensi lebih lanjut. Kurikulum ini dirancang agar fleksibel dan menyenangkan serta dapat diambil secara keseluruhan atau sebagian. Proyek mulai kecil dan menjadi semakin kompleks pada akhir siklus 12 minggu.
+
+Meskipun kami sengaja menghindari pengenalan kerangka kerja JavaScript untuk berkonsentrasi pada keterampilan dasar yang dibutuhkan sebagai pengembang web sebelum mengadopsi kerangka kerja, langkah selanjutnya yang baik untuk menyelesaikan kurikulum ini adalah mempelajari Node.js melalui kumpulan video lainnya: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs?WT.mc_id=academic-13441-cxa)".
+
+> Temukan kami [Code of Conduct](CODE_OF_CONDUCT.md), [Contributing](CONTRIBUTING.md), dan [Translation](TRANSLATIONS.md) pedoman. Kami menyambut umpan balik konstruktif Anda!
+## Setiap pelajaran termasuk:
+
+- catatan sketsa opsional
+- video tambahan opsional
+- kuis pemanasan sebelum pelajaran
+- pelajaran tertulis
+- untuk pelajaran berbasis proyek, panduan langkah demi langkah tentang cara membangun proyek
+- cek pengetahuan
+- sebuah tantangan
+- bacaan tambahan
+- penugasan
+- kuis setelah pelajaran
+
+> **Catatan tentang kuis**: Semua kuis terkandung [di aplikasi ini](https://happy-mud-02d95f10f.azurestaticapps.net/), untuk 48 total kuis dari tiga pertanyaan masing-masing. Mereka ditautkan dari dalam pelajaran tetapi aplikasi kuis dapat dijalankan secara lokal; ikuti petunjuk di `quiz-app` folder. Mereka secara bertahap dilokalisasi.
+## Pelajaran
+
+|     |                       Nama Project                      |                            Konsep yang Diajarkan                             | Tujuan pembelajaran                                                                                                                 |                                                         Linked Lesson                                                          |         Author          |
+| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Mulai                      |           Perkenalan pada Programming dan Tools dari Perdagangan        | Pelajari dasar-dasar di balik sebagian besar bahasa pemrograman dan tentang perangkat lunak yang membantu pengembang profesional melakukan pekerjaan mereka | [Pengantar Programming Languages dan Tools dari Perdagangan](/1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Mulai                      |             Dasar-dasar GitHub, termasuk bekerja dengan tim             | Cara menggunakan GitHub dalam proyek Anda, cara berkolaborasi dengan orang lain dalam basis kode                                                    |                            [Intro di GitHub](/1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Mulai                      |                             Aksesibilitas                              | Pelajari dasar-dasar aksesibilitas web                                                                                               |                       [Accessibility Fundamentals](/1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        JS Basics                         |                         JavaScript Data Types                          | Dasar-dasar tipe data JavaScript                                                                                                 |                                       [Data Types](/2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS Basics                         |                         Fungsi dan Metode                        | Pelajari tentang fungsi dan metode untuk mengelola alur logika aplikasi                                                             |                              [Functions and Methods](/2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
+| 06  |                        JS Basics                         |                        Membuat Keputusan dengan JS                        | Pelajari cara membuat kondisi dalam kode Anda menggunakan metode pengambilan keputusan                                                           |                                 [Making Decisions](/2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS Basics                         |                            Array dan Loop                            | Bekerja dengan data menggunakan array dan loop dalam JavaScript                                                                                 |                                   [Arrays and Loops](/2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](/3-terrarium/solution/README.md)       |                            HTML dalam Praktek                            | Bangun HTML untuk membuat terarium online, dengan fokus membangun tata letak                                                        |                                 [Introduction to HTML](/3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](/3-terrarium/solution/README.md)       |                            CSS dalam Praktek                             | Bangun CSS untuk menata terarium online, dengan fokus pada dasar-dasar CSS termasuk membuat halaman responsif                     |                                  [Introduction to CSS](/3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](/3-terrarium/solution/README.md)            |                 Penutupan JavaScript, manipulasi DOM                 | Bangun JavaScript untuk membuat fungsi terarium sebagai antarmuka seret/lepas, dengan fokus pada penutupan dan manipulasi DOM             |                  [JavaScript Closures, DOM manipulation](/3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](/4-typing-game/solution/README.md)          |                          Buat Game Mengetik                         | Pelajari cara menggunakan peristiwa keyboard untuk mendorong logika aplikasi JavaScript Anda                                                          |                                [Event-Driven Programming](/4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Green Browser Extension](/5-browser-extension/solution/README.md) |                         Bekerja dengan Browser                          | Pelajari cara kerja browser, riwayatnya, dan cara membuat perancah elemen pertama dari ekstensi browser                               |                               [About Browsers](/5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Green Browser Extension](/5-browser-extension/solution/README.md) | Membangun formulir, memanggil API dan menyimpan variabel di penyimpanan lokal | Bangun elemen JavaScript dari ekstensi browser Anda untuk memanggil API menggunakan variabel yang disimpan di penyimpanan lokal                     |                [APIs, Forms, and Local Storage](/5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Green Browser Extension](/5-browser-extension/solution/README.md) |          Proses latar belakang di browser, kinerja web          | Gunakan proses latar belakang browser untuk mengelola ikon ekstensi; pelajari tentang kinerja web dan beberapa pengoptimalan yang harus dilakukan   |             [Background Tasks and Performance](/5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Space Game](/6-space-game/solution/README.md)           |             Pengembangan Game Lebih Lanjut dengan JavaScript             | Pelajari tentang Warisan menggunakan Kelas dan Komposisi serta pola Pub/Sub, sebagai persiapan untuk membuat game             |                      [Introduction to Advanced Game Development](/6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Space Game](/6-space-game/solution/README.md)           |                           Menggambar ke kanvas                            | Pelajari tentang Canvas API, yang digunakan untuk menggambar elemen ke layar                                                                       |                                [Drawing to Canvas](/6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Space Game](/6-space-game/solution/README.md)           |                   Memindahkan elemen di sekitar layar                   | Temukan bagaimana elemen bisa mendapatkan gerakan menggunakan koordinat kartesius dan Canvas API                                            |                           [Moving Elements Around](/6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Space Game](/6-space-game/solution/README.md)           |                          Deteksi tabrakan                         | Buat elemen bertabrakan dan bereaksi satu sama lain menggunakan penekanan tombol dan menyediakan fungsi cooldown untuk memastikan kinerja game    |                              [Collision Detection](/6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Space Game](/6-space-game/solution/README.md)           |                             Menjaga skor                              | Lakukan perhitungan matematika berdasarkan status dan kinerja game                                                      |                                    [Keeping Score](/6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Space Game](/6-space-game/solution/README.md)           |                     Mengakhiri dan memulai kembali permainan                  | Pelajari tentang mengakhiri dan memulai kembali game, termasuk membersihkan aset dan menyetel ulang nilai variabel                              |                                [The Ending Condition](/6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Banking App](/7-bank-project/solution/README.md)          |                 Template dan Rute HTML di Aplikasi Web            | Pelajari cara membuat perancah arsitektur situs web multihalaman menggunakan perutean dan templat HTML                      |                            [HTML Templates and Routes](/7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Banking App](/7-bank-project/solution/README.md)          |                  Buat Formulir Login dan Registrasi                   | pelajari tentang membuat formulir dan menangani rutinitas validasi                                                                          |                                           [Forms](/7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Banking App](/7-bank-project/solution/README.md)          |                   Metode Mengambil dan Menggunakan Data                 | Bagaimana data mengalir masuk dan keluar dari aplikasi Anda, cara mengambilnya, menyimpannya, dan membuangnya                                         |                                            [Data](/7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Banking App](/7-bank-project/solution/README.md)          |                      Konsep Manajemen Negara                     | Pelajari cara aplikasi Anda mempertahankan status dan cara mengelolanya secara terprogram                                                              |                                [State Management](/7-bank-project/4-state-management/README.md)                                |          Yohan          |
+
+## Akses Offline
+
+Anda dapat menjalankan dokumentasi ini secara offline dengan menggunakan [Docsify](https://docsify.js.org/#/). Fork repo ini, [install Docsify](https://docsify.js.org/#/quickstart) di mesin lokal Anda, dan kemudian di folder root repo ini, ketik `docsify serve`. Situs web akan disajikan pada port 3000 di localhost Anda: `localhost:3000`.
+
+## PDF
+
+PDF dari semua pelajaran dapat ditemukan [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)
+
+## Kurikulum lainnya
+
+Tim kami menghasilkan kurikulum lain! Periksa:
+
+- [Pembelajaran Mesin untuk Pemula](https://aka.ms/ml-beginners)
+- [IoT untuk Pemula](https://aka.ms/iot-beginners)
+- [Data Science untuk Pemula](https://aka.ms/datascience-beginners)
diff --git a/translations/README.ja.md b/translations/README.ja.md
index db1a236e..7dc2ec91 100644
--- a/translations/README.ja.md
+++ b/translations/README.ja.md
@@ -50,21 +50,21 @@
 |  07   |                           JS の基礎                           |                           配列とループ                           | JavaScript で配列やループを使ってデータを扱う                                                                                      |                            [配列とループ](/2-js-basics/4-arrays-loops/translations/README.ja.md)                            |       ✅        |       ✅        |   ✅   |          ✅           |          ✅           |   ✅    |         Jasmine         |
 |  08   | [テラリウム](/3-terrarium/solution/translations/README.ja.md) |                           HTML の実践                            | レイアウトの構築を中心に、オンラインテラリウムを作成するための HTML を構築する                                                     |                             [HTML 入門](/3-terrarium/1-intro-to-html/translations/README.ja.md)                             |       ✅        |       ✅        |   ✅   |          ✅           |          ✅           |   🛑    |           Jen           |
 |  09   | [テラリウム](/3-terrarium/solution/translations/README.ja.md) |                            CSS の実践                            | レスポンシブ対応など CSS の基本を中心に、オンラインテラリウムのスタイルを整える CSS を構築します。                                 |                              [CSS 入門](/3-terrarium/2-intro-to-css/translations/README.ja.md)                              |       ✅        |       ✅        |   ✅   |          ✅           |          ✅           |   🛑    |           Jen           |
-|  10   |              [テラリウム](/3-terrarium/solution)              |               JavaScript のクロージャ、DOM の操作                | テラリウムをドラッグ＆ドロップのインターフェイスとして機能させるための JavaScript を構築します。                                   |          [JavaScript のクロージャ、DOM の操作](/3-terrarium/3-intro-to-DOM-and-closures/translations/README.ja.md)          |       ✅        |       ✅        |   ✅   |          ✅           |          ✅           |   🛑    |           Jen           |
-|  11   |          [タイピングゲーム](/4-typing-game/solution)          |                      タイピングゲームを構築                      | キーボードイベントを使用して JavaScript アプリのロジックを駆動する方法を学びます。                                                 |                    [イベント駆動型プログラミング](/4-typing-game/typing-game/translations/README.ja.md)                     |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   ✅    |       Christopher       |
-|  12   |   [グリーンブラウザ拡張機能](/5-browser-extension/solution)   |                         ブラウザとの連携                         | ブラウザの仕組み、歴史、ブラウザ拡張機能の最初の要素の足場の作り方を学ぶ                                                           |                     [ブラウザについて](/5-browser-extension/1-about-browsers/translations/README.ja.md)                     |       ✅        |       ✅        |   ✅   |          ✅           |          ✅           |   🛑    |           Jen           |
-|  13   |   [グリーンブラウザ拡張機能](/5-browser-extension/solution)   | フォームの構築、API の呼び出し、ローカルストレージへの変数の格納 | ローカルストレージに格納された変数を使用して API を呼び出すためのブラウザ拡張機能の JavaScript 要素を構築します。                  |  [API、フォーム、およびローカルストレージ](/5-browser-extension/2-forms-browsers-local-storage/translations/README.ja.md)   |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   ✅    |           Jen           |
-|  14   |   [グリーンブラウザ拡張機能](/5-browser-extension/solution)   |      ブラウザのバックグラウンドプロセス、Web パフォーマンス      | ブラウザのバックグラウンドプロセスを使用して拡張機能のアイコンを管理します。Web のパフォーマンスと最適化について学びます。         | [バックグラウンドタスクとパフォーマンス](/5-browser-extension/3-background-tasks-and-performance/translations/README.ja.md) |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   🛑    |           Jen           |
-|  15   |           [スペースゲーム](/6-space-game/solution)            |             JavaScript を使ったより高度なゲーム開発              | ゲーム構築に備えて、クラスとコンポジションの両方を使った継承と Pub/Sub パターンを学ぶ                                              |                       [高度なゲーム開発入門](/6-space-game/1-introduction/translations/README.ja.md)                        |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   🛑    |          Chris          |
-|  16   |           [スペースゲーム](/6-space-game/solution)            |                        キャンバスへの描画                        | 画面に要素を描画するために使用される Canvas API について説明します。                                                               |                      [キャンバスへの描画](/6-space-game/2-drawing-to-canvas/translations/README.ja.md)                      |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   🛑    |          Chris          |
-|  17   |           [スペースゲーム](/6-space-game/solution)            |                      画面の周りの要素の移動                      | 直交座標と Canvas API を使用して、要素がどのように動きを得ることができるかをご覧ください。                                         |                       [要素の移動](/6-space-game/3-moving-elements-around/translations/README.ja.md)                        |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   🛑    |          Chris          |
-|  18   |           [スペースゲーム](/6-space-game/solution)            |                            衝突の検出                            | 要素を衝突させ、キープレスでお互いに反応させ、ゲームのパフォーマンスを確保するためのクールダウン機能を提供します。                 |                         [衝突の検出](/6-space-game/4-collision-detection/translations/README.ja.md)                         |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   🛑    |          Chris          |
-|  19   |           [スペースゲーム](/6-space-game/solution)            |                           スコアの保持                           | ゲームのステータスや成績に応じて計算を行う                                                                                         |                           [スコアの保持](/6-space-game/5-keeping-score/translations/README.ja.md)                           |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   🛑    |          Chris          |
-|  20   |           [スペースゲーム](/6-space-game/solution)            |                        ゲームの終了と再開                        | アセットのクリーンアップや変数値のリセットなど、ゲームの終了と再開について学ぶことができます。                                     |                             [終了条件](/6-space-game/6-end-condition/translations/README.ja.md)                             |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   🛑    |          Chris          |
-|  21   |    [バンキングアプリケーション](/7-bank-project/solution)     |              Web アプリの HTML テンプレートとルート              | ルーティングと HTML テンプレートを使ったマルチページサイトのアーキテクチャの足場の作り方を学ぶ                                     |                   [HTML テンプレートとルート](/7-bank-project/1-template-route/translations/README.ja.md)                   |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   ✅    |          Yohan          |
-|  22   |    [バンキングアプリケーション](/7-bank-project/solution)     |                   ログインと登録フォームの構築                   | フォームの構築と検証ルーチンの渡し方について学ぶ                                                                                   |                                [フォーム](/7-bank-project/2-forms/translations/README.ja.md)                                |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   ✅    |          Yohan          |
-|  23   |    [バンキングアプリケーション](/7-bank-project/solution)     |                      データの取得と利用方法                      | アプリのデータの出入り、データの取得方法、保存方法、廃棄方法                                                                       |                                 [データ](/7-bank-project/3-data/translations/README.ja.md)                                  |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   ✅    |          Yohan          |
-|  24   |    [バンキングアプリケーション](/7-bank-project/solution)     |                          状態管理の概念                          | アプリの状態を保持する方法とプログラムで管理する方法を学ぶ                                                                         |                          [状態管理](/7-bank-project/4-state-management/translations/README.ja.md)                           |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |        |          Yohan          |
+|  10   |              [テラリウム](/3-terrarium/solution/README.md)              |               JavaScript のクロージャ、DOM の操作                | テラリウムをドラッグ＆ドロップのインターフェイスとして機能させるための JavaScript を構築します。                                   |          [JavaScript のクロージャ、DOM の操作](/3-terrarium/3-intro-to-DOM-and-closures/translations/README.ja.md)          |       ✅        |       ✅        |   ✅   |          ✅           |          ✅           |   🛑    |           Jen           |
+|  11   |          [タイピングゲーム](/4-typing-game/solution/README.md)          |                      タイピングゲームを構築                      | キーボードイベントを使用して JavaScript アプリのロジックを駆動する方法を学びます。                                                 |                    [イベント駆動型プログラミング](/4-typing-game/typing-game/translations/README.ja.md)                     |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   ✅    |       Christopher       |
+|  12   |   [グリーンブラウザ拡張機能](/5-browser-extension/solution/README.md)   |                         ブラウザとの連携                         | ブラウザの仕組み、歴史、ブラウザ拡張機能の最初の要素の足場の作り方を学ぶ                                                           |                     [ブラウザについて](/5-browser-extension/1-about-browsers/translations/README.ja.md)                     |       ✅        |       ✅        |   ✅   |          ✅           |          ✅           |   🛑    |           Jen           |
+|  13   |   [グリーンブラウザ拡張機能](/5-browser-extension/solution/README.md)   | フォームの構築、API の呼び出し、ローカルストレージへの変数の格納 | ローカルストレージに格納された変数を使用して API を呼び出すためのブラウザ拡張機能の JavaScript 要素を構築します。                  |  [API、フォーム、およびローカルストレージ](/5-browser-extension/2-forms-browsers-local-storage/translations/README.ja.md)   |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   ✅    |           Jen           |
+|  14   |   [グリーンブラウザ拡張機能](/5-browser-extension/solution/README.md)   |      ブラウザのバックグラウンドプロセス、Web パフォーマンス      | ブラウザのバックグラウンドプロセスを使用して拡張機能のアイコンを管理します。Web のパフォーマンスと最適化について学びます。         | [バックグラウンドタスクとパフォーマンス](/5-browser-extension/3-background-tasks-and-performance/translations/README.ja.md) |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   🛑    |           Jen           |
+|  15   |           [スペースゲーム](/6-space-game/solution/README.md)            |             JavaScript を使ったより高度なゲーム開発              | ゲーム構築に備えて、クラスとコンポジションの両方を使った継承と Pub/Sub パターンを学ぶ                                              |                       [高度なゲーム開発入門](/6-space-game/1-introduction/translations/README.ja.md)                        |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   🛑    |          Chris          |
+|  16   |           [スペースゲーム](/6-space-game/solution/README.md)            |                        キャンバスへの描画                        | 画面に要素を描画するために使用される Canvas API について説明します。                                                               |                      [キャンバスへの描画](/6-space-game/2-drawing-to-canvas/translations/README.ja.md)                      |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   🛑    |          Chris          |
+|  17   |           [スペースゲーム](/6-space-game/solution/README.md)            |                      画面の周りの要素の移動                      | 直交座標と Canvas API を使用して、要素がどのように動きを得ることができるかをご覧ください。                                         |                       [要素の移動](/6-space-game/3-moving-elements-around/translations/README.ja.md)                        |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   🛑    |          Chris          |
+|  18   |           [スペースゲーム](/6-space-game/solution/README.md)            |                            衝突の検出                            | 要素を衝突させ、キープレスでお互いに反応させ、ゲームのパフォーマンスを確保するためのクールダウン機能を提供します。                 |                         [衝突の検出](/6-space-game/4-collision-detection/translations/README.ja.md)                         |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   🛑    |          Chris          |
+|  19   |           [スペースゲーム](/6-space-game/solution/README.md)            |                           スコアの保持                           | ゲームのステータスや成績に応じて計算を行う                                                                                         |                           [スコアの保持](/6-space-game/5-keeping-score/translations/README.ja.md)                           |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   🛑    |          Chris          |
+|  20   |           [スペースゲーム](/6-space-game/solution/README.md)            |                        ゲームの終了と再開                        | アセットのクリーンアップや変数値のリセットなど、ゲームの終了と再開について学ぶことができます。                                     |                             [終了条件](/6-space-game/6-end-condition/translations/README.ja.md)                             |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   🛑    |          Chris          |
+|  21   |    [バンキングアプリケーション](/7-bank-project/solution/README.md)     |              Web アプリの HTML テンプレートとルート              | ルーティングと HTML テンプレートを使ったマルチページサイトのアーキテクチャの足場の作り方を学ぶ                                     |                   [HTML テンプレートとルート](/7-bank-project/1-template-route/translations/README.ja.md)                   |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   ✅    |          Yohan          |
+|  22   |    [バンキングアプリケーション](/7-bank-project/solution/README.md)     |                   ログインと登録フォームの構築                   | フォームの構築と検証ルーチンの渡し方について学ぶ                                                                                   |                                [フォーム](/7-bank-project/2-forms/translations/README.ja.md)                                |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   ✅    |          Yohan          |
+|  23   |    [バンキングアプリケーション](/7-bank-project/solution/README.md)     |                      データの取得と利用方法                      | アプリのデータの出入り、データの取得方法、保存方法、廃棄方法                                                                       |                                 [データ](/7-bank-project/3-data/translations/README.ja.md)                                  |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |   ✅    |          Yohan          |
+|  24   |    [バンキングアプリケーション](/7-bank-project/solution/README.md)     |                          状態管理の概念                          | アプリの状態を保持する方法とプログラムで管理する方法を学ぶ                                                                         |                          [状態管理](/7-bank-project/4-state-management/translations/README.ja.md)                           |       ✅        |       🛑        |   ✅   |          ✅           |          ✅           |        |          Yohan          |
 
 ## オフラインアクセス
 
diff --git a/translations/README.ml.md b/translations/README.ml.md
index 20b42ceb..e41e071e 100644
--- a/translations/README.ml.md
+++ b/translations/README.ml.md
@@ -13,7 +13,7 @@
 
 # തുടക്കക്കാർക്കുള്ള വെബ് വികസനം - ഒരു പാഠ്യപദ്ധതി
 
-മൈക്രോസോഫ്റ്റിലെ അസുർ ക്ലൗഡ് അഡ്വക്കേറ്റ്സ് ജാവാസ്ക്രിപ്റ്റ്, സിഎസ്എസ്, എച്ച്ടിഎംഎൽ അടിസ്ഥാനകാര്യങ്ങൾ എന്നിവയെക്കുറിച്ച് 12-ആഴ്ച, 24-പാഠ പാഠ്യപദ്ധതി വാഗ്ദാനം ചെയ്യുന്നതിൽ സന്തോഷമുണ്ട്. ഓരോ പാഠത്തിലും പാഠത്തിന് മുമ്പും ശേഷവുമുള്ള ക്വിസുകൾ, പാഠം പൂർത്തിയാക്കാനുള്ള രേഖാമൂലമുള്ള നിർദ്ദേശങ്ങൾ, ഒരു പരിഹാരം, ഒരു അസൈൻമെന്റ് എന്നിവയും അതിലേറെയും ഉൾപ്പെടുന്നു. ഞങ്ങളുടെ പ്രോജക്റ്റ് അധിഷ്‌ഠിത അദ്ധ്യാപനം പുതിയ കഴിവുകൾ സ്വായത്തമാക്കൻ  നിങ്ങളെ അനുവദിക്കുന്നു. 
+മൈക്രോസോഫ്റ്റിലെ അസുർ ക്ലൗഡ് അഡ്വക്കേറ്റ്സ് ജാവാസ്ക്രിപ്റ്റ്, സിഎസ്എസ്, എച്ച്ടിഎംഎൽ അടിസ്ഥാനകാര്യങ്ങൾ എന്നിവയെക്കുറിച്ച് 12-ആഴ്ച, 24-പാഠ പാഠ്യപദ്ധതി വാഗ്ദാനം ചെയ്യുന്നതിൽ സന്തോഷമുണ്ട്. ഓരോ പാഠത്തിലും പാഠത്തിന് മുമ്പും ശേഷവുമുള്ള ക്വിസുകൾ, പാഠം പൂർത്തിയാക്കാനുള്ള രേഖാമൂലമുള്ള നിർദ്ദേശങ്ങൾ, ഒരു പരിഹാരം, ഒരു അസൈൻമെന്റ് എന്നിവയും അതിലേറെയും ഉൾപ്പെടുന്നു. ഞങ്ങളുടെ പ്രോജക്റ്റ് അധിഷ്‌ഠിത അദ്ധ്യാപനം പുതിയ കഴിവുകൾ സ്വായത്തമാക്കാൻ  നിങ്ങളെ അനുവദിക്കുന്നു.
 
 **ഞങ്ങളുടെ രചയിതാക്കളായ ജെൻ ലൂപ്പർ, ക്രിസ് നോറിംഗ്, ക്രിസ്റ്റഫർ ഹാരിസൺ, ജാസ്മിൻ ഗ്രീൻവേ, യോഹാൻ ലസോർസ, ഫ്ലോർ ഡ്രീസ്, സ്കെച്ച്നോട്ട് ആർട്ടിസ്റ്റ് ടോമിമി ഇമുറ എന്നിവർക്ക് ഹൃദയം നിറഞ്ഞ നന്ദി!**
 
@@ -29,7 +29,7 @@
 
 ## അദ്ധ്യാപനo
 
-ഈ പാഠ്യപദ്ധതി നിർമ്മിക്കുമ്പോൾ ഞങ്ങൾ രണ്ട് പെഡഗോഗിക്കൽ സിദ്ധാന്തങ്ങൾ തിരഞ്ഞെടുത്തു: ഇത് പ്രോജക്റ്റ് അടിസ്ഥാനമാക്കിയുള്ളതാണെന്നും അതിൽ പതിവ് ക്വിസുകൾ ഉൾപ്പെടുന്നുവെന്നും ഉറപ്പാക്കുന്നു. ഈ പരമ്പരയുടെ അവസാനത്തോടെ, വിദ്യാർത്ഥികൾ ഒരു ടൈപ്പിംഗ് ഗെയിം, ഒരു വെർച്വൽ ടെറേറിയം, ഒരു 'ഗ്രീൻ' ബ്രൗസർ എക്സ്റ്റൻഷൻ, ഒരു 'സ്പെയ്സ് ഇൻവേഡേഴ്സ്' ടൈപ്പ് ഗെയിം, ഒരു ബിസിനസ്-ടൈപ്പ് ബാങ്കിംഗ് ആപ്പ് എന്നിവ നിർമ്മിക്കുകയും ജാവാസ്ക്രിപ്റ്റിന്റെ അടിസ്ഥാനകാര്യങ്ങൾ പഠിക്കുകയും ചെയ്യും , ഇന്നത്തെ വെബ് ഡെവലപ്പറിന്റെ ആധുനിക ടൂൾചെയിനിനൊപ്പം HTML, CSS എന്നിവയും. 
+ഈ പാഠ്യപദ്ധതി നിർമ്മിക്കുമ്പോൾ ഞങ്ങൾ രണ്ട് പെഡഗോഗിക്കൽ സിദ്ധാന്തങ്ങൾ തിരഞ്ഞെടുത്തു: ഇത് പ്രോജക്റ്റ് അടിസ്ഥാനമാക്കിയുള്ളതാണെന്നും അതിൽ പതിവ് ക്വിസുകൾ ഉൾപ്പെടുന്നുവെന്നും ഉറപ്പാക്കുന്നു. ഈ പരമ്പരയുടെ അവസാനത്തോടെ, വിദ്യാർത്ഥികൾ ഒരു ടൈപ്പിംഗ് ഗെയിം, ഒരു വെർച്വൽ ടെറേറിയം, ഒരു 'ഗ്രീൻ' ബ്രൗസർ എക്സ്റ്റൻഷൻ, ഒരു 'സ്പെയ്സ് ഇൻവേഡേഴ്സ്' ടൈപ്പ് ഗെയിം, ഒരു ബിസിനസ്-ടൈപ്പ് ബാങ്കിംഗ് ആപ്പ് എന്നിവ നിർമ്മിക്കുകയും ജാവാസ്ക്രിപ്റ്റിന്റെ അടിസ്ഥാനകാര്യങ്ങൾ പഠിക്കുകയും ചെയ്യും , ഇന്നത്തെ വെബ് ഡെവലപ്പറിന്റെ ആധുനിക ടൂൾചെയിനിനൊപ്പം HTML, CSS എന്നിവയും.
 
 > 🎓 ഈ പാഠ്യപദ്ധതിയിലെ ആദ്യ കുറച്ച് പാഠങ്ങൾ നിങ്ങൾക്ക് മൈക്രോസോഫ്റ്റ് ലേൺ നെ കുറിച്ചുള്ള ഒരു[പഠന പാത](https://docs.microsoft.com/learn/paths/web-development-101?WT.mc_id=academic-13441-cxa) ആയി എടുക്കാം.
 
@@ -45,12 +45,12 @@
 - ഓപ്ഷണൽ സ്കെച്ച്നോട്ട്
 - ഓപ്ഷണൽ അനുബന്ധ വീഡിയോ
 - പാഠത്തിനു മുമ്പുള്ള വാംഅപ്പ് ക്വിസ്
-- എഴുതിയ പാഠഭാഗം 
+- എഴുതിയ പാഠഭാഗം
 - പ്രോജക്റ്റ് അധിഷ്‌ഠിത പാഠങ്ങൾക്കായി, പ്രോജക്റ്റ് എങ്ങനെ നിർമ്മിക്കാം എന്നതിനെക്കുറിച്ചുള്ള ഘട്ടം ഘട്ടമായുള്ള ഗൈഡുകൾ
 - വിജ്ഞാന പരിശോധനകൾ
 - ഒരു വെല്ലുവിളി
 - അനുബന്ധ വായന
-- അസ്സൈൻമെന്റ്  
+- അസ്സൈൻമെന്റ്
 - പാഠാനന്തര ക്വിസ്
 
 > **ക്വിസുകളെക്കുറിച്ചുള്ള ഒരു കുറിപ്പ്**: എല്ലാ ക്വിസുകളും [ഈ ആപ്പിൽ](https://happy-mud-02d95f10f.azurestaticapps.net/) അടങ്ങിയിരിക്കുന്നു, മൂന്ന് ചോദ്യങ്ങൾ വീതമടങ്ങിയ മൊത്തം 48 ക്വിസുകൾ. അവ പാഠങ്ങൾക്കുള്ളിൽ നിന്ന് ബന്ധിപ്പിച്ചിരിക്കുന്നു, പക്ഷേ ക്വിസ് ആപ്പ് പ്രാദേശികമായി പ്രവർത്തിപ്പിക്കാൻ കഴിയും; 'ക്വിസ്-ആപ്പ്' ഫോൾഡറിലെ നിർദ്ദേശം പാലിക്കുക. അവ ക്രമേണ പ്രാദേശികവൽക്കരിക്കപ്പെടുന്നു.
@@ -69,27 +69,27 @@
 |  07   |                        JS അടിസ്ഥാനങ്ങൾ                         |                            അറേകളും ലൂപ്പുകളും                            | ജാവാസ്ക്രിപ്റ്റിലെ അറേകളും ലൂപ്പുകളും ഉപയോഗിച്ച് ഡാറ്റഉപയോഗിച്ച് പ്രവർത്തിക്കുക                                                                                 |                                   [അറേകളും ലൂപ്പുകളും](/2-js-basics/4-arrays-loops/README.md)                                    |         ജാസ്മിൻ         |
 |  08   |       [ടെറേറിയം](/3-terrarium/solution/README.md)       |                            HTML ൽ പരിശീലിക്കുക                            | ഒരു ലേഔട്ട് നിർമ്മിക്കുന്നതിൽ ശ്രദ്ധ കേന്ദ്രീകരിച്ച് ഒരു ഓൺലൈൻ ടെറേറിയം സൃഷ്ടിക്കുന്നതിന് HTML നിർമ്മിക്കുക                                                         |                                 [HTML ന്റെ ആമുഖം](/3-terrarium/1-intro-to-html/README.md)                                 |           ജെൻ           |
 |  09   |       [ടെറേറിയം](/3-terrarium/solution/README.md)       |                            CSS ൽ പരിശീലിക്കുക                             | പേജ് പ്രതികരണാത്മകമാക്കുന്നതുൾപ്പെടെ CSS-ന്റെ അടിസ്ഥാനകാര്യങ്ങളിൽ ശ്രദ്ധ കേന്ദ്രീകരിച്ചുകൊണ്ട് ഓൺലൈൻ ടെറേറിയം സ്റ്റൈൽ ചെയ്യുന്നതിന് സിഎസ്എസ് നിർമ്മിക്കുക                    |                                  [CSS ന്റെ ആമുഖം](/3-terrarium/2-intro-to-css/README.md)                                  |           ജെൻ            |
-|  10   |            [ടെറേറിയം](/3-terrarium/solution)            |                ജാവാസ്ക്രിപ്റ്റ് ക്ലോസ്രെസ്, ഡോം കൃത്രിമം                 | ക്ലോസ്രെസ്ന്റെയും ഡോം കൃത്രിമം  ഉപയോഗിച്ചുകൊണ്ട് ടെറേറിയം ഒരു ഡ്രാഗ്/ഡ്രോപ്പ് ഇന്റർഫേസായി പ്രവർത്തനമുണ്ടാക്കാൻ ജാവാസ്ക്രിപ്റ്റ് നിർമ്മിക്കുക          |                  [ജാവാസ്ക്രിപ്റ്റ് ക്ലോസ്രെസ്, ഡോം കൃത്രിമം](/3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           ജെൻ           |
-|  11   |          [ടൈപ്പിംഗ് ഗെയിം](/4-typing-game/solution)          |                          ടൈപ്പിംഗ് ഗെയിം നിർമ്മിക്കുക                           | നിങ്ങളുടെ ജാവാസ്ക്രിപ്റ്റ് ആപ്പിന്റെ ലോജിക് ഡ്രൈവ് ചെയ്യുന്നതിന് കീബോർഡ് ഇവന്റുകൾ എങ്ങനെ ഉപയോഗിക്കാമെന്ന് മനസിലാക്കുക                                                          |                                [ഇവന്റ്-ഡ്രൈവിംഗ് പ്രോഗ്രാമിംഗ്](/4-typing-game/typing-game/README.md)                                |       ക്രിസ്റ്റഫർ       |
-|  12   | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റെൻഷൻ](/5-browser-extension/solution) |                         ബ്രൗസറുകളുമായി പ്രവർത്തിക്കുന്നു                          | ബ്രൗസറുകൾ എങ്ങനെ പ്രവർത്തിക്കുന്നു, അവയുടെ ചരിത്രം, ബ്രൗസർ എക്സ്റ്റെൻഷന്റെ ആദ്യ ഘടകങ്ങൾ എങ്ങനെ സ്കഫോൾഡ് ആാമെന്ന് മനസിലാക്കുക                               |                               [ബ്രൗസറുകളെ കുറിച്ച്](/5-browser-extension/1-about-browsers/README.md)                                |           ജെൻ           |
-|  13   | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റെൻഷൻ](/5-browser-extension/solution) | ഒരു ഫോം നിർമ്മിക്കുക, ഒരു എപിഐ വിളിക്കുക, പ്രാദേശിക സംഭരണത്തിൽ വേരിയബിളുകൾ സംഭരിക്കുക | പ്രാദേശിക സംഭരണത്തിൽ സംഭരിച്ചിരിക്കുന്ന വേരിയബിളുകൾ ഉപയോഗിച്ച് ഒരു API വിളിക്കുന്നതിനായി നിങ്ങളുടെ ബ്രൗസർ എക്സ്റ്റെൻഷന്റെ ജാവാസ്ക്രിപ്റ്റ് ഘടകങ്ങൾ നിർമ്മിക്കുക                      |                [APIs, ഫോമുകളും ലോക്കൽ സ്റ്റോറേജും](/5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           ജെൻ           |
-|  14   | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റെൻഷൻ](/5-browser-extension/solution) |          ബ്രൗസറിലെ പശ്ചാത്തല പ്രക്രിയകൾ, വെബ് പ്രകടനം          | എക്സ്റ്റെൻഷന്റെ ഐക്കൺ കൈകാര്യം ചെയ്യുന്നതിന് ബ്രൗസറിന്റെ പശ്ചാത്തല പ്രക്രിയകൾ ഉപയോഗിക്കുക; വെബ് പ്രകടനത്തെക്കുറിച്ചും നിർമ്മിക്കുന്നതിനുള്ള ചില ഒപ്റ്റിമൈസേഷനുകളെ കുറിച്ചും അറിയുക   |             [പശ്ചാത്തല ജോലികളും പ്രകടനവും](/5-browser-extension/3-background-tasks-and-performance/README.md)              |           ജെൻ           |
-|  15   |           [സ്പേസ് ഗെയിം](/6-space-game/solution)           |             ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ച് കൂടുതൽ അഡ്വാൻസ്ഡ് ഗെയിം ഡെവലപ്പ് മെന്റ്             | ഒരു ഗെയിം നിർമ്മിക്കുന്നതിനുള്ള തയ്യാറെടുപ്പിൽ ക്ലാസുകളും കോമ്പോസിഷൻ, പബ്/സബ് പാറ്റേൺ എന്നിവ ഉപയോഗിച്ച് അനന്തരാവകാശത്തെക്കുറിച്ച് അറിയുക           |                      [അഡ്വാൻസ്ഡ് ഗെയിം ഡെവലപ്പ്മെന്റിന്റെ ആമുഖം](/6-space-game/1-introduction/README.md)                       |          ക്രിസ്          |
-|  16   |           [സ്പേസ് ഗെയിം](/6-space-game/solution)           |                           ക്യാൻവാസിലേക്ക് വരയ്ക്കുന്നു                            | ഒരു സ്ക്രീനിലേക്ക് ഘടകങ്ങൾ വരയ്ക്കാൻ ഉപയോഗിക്കുന്ന കാൻവാസ് API കുറിച്ച് അറിയുക                                                                       |                                [ക്യാൻവാസിലേക്ക് വരയ്ക്കുക ](/6-space-game/2-drawing-to-canvas/README.md)                                |          ക്രിസ്          |
-|  17   |           [സ്പേസ് ഗെയിം](/6-space-game/solution)           |                   സ്ക്രീനിന് ചുറ്റും എലമെൻറ് ചലിപ്പിക്കുന്നു                    | കാർട്ടീഷ്യൻ നിർദ്ദേശാങ്കങ്ങളും കാൻവാസ്  API ഉപയോഗിച്ച് മൂലകങ്ങൾക്ക് എങ്ങനെ ചലനം നേടാൻ കഴിയുമെന്ന് കണ്ടെത്തുക                                            |                           [ചുറ്റും എലമെൻറ് ചലിപ്പിക്കുന്നു](/6-space-game/3-moving-elements-around/README.md)                           |          ക്രിസ്          |
-|  18   |           [സ്പേസ് ഗെയിം](/6-space-game/solution)           |                          കോളിഷൻ  കണ്ടെത്തൽ                          | കീപ്രസ്സുകൾ ഉപയോഗിച്ച് ഘടകങ്ങൾ കൂട്ടിമുട്ടുകയും പരസ്പരം പ്രതികരിക്കുകയും ഗെയിമിന്റെ പ്രകടനം ഉറപ്പാക്കുന്നതിന് ഒരു കൂൾഡൗൺ ഫംഗ്ഷൻ നൽകുകയും ചെയ്യുക    |                              [കൂട്ടിയിടി കണ്ടെത്തൽ](/6-space-game/4-collision-detection/README.md)                              |          ക്രിസ്          |
-|  19   |           [സ്പേസ് ഗെയിം](/6-space-game/solution)           |                             സ്കോർ നിലനിർത്തൽ                              | ഗെയിമിന്റെ നിലയെയും പ്രകടനത്തെയും അടിസ്ഥാനമാക്കി ഗണിത കണക്കുകൂട്ടലുകൾ നിർവഹിക്കുക                                                                |                                    [സ്കോർ നിലനിർത്തൽ](/6-space-game/5-keeping-score/README.md)                                    |          ക്രിസ്          |
-|  20   |           [സ്പേസ് ഗെയിം](/6-space-game/solution)           |                     ഗെയിം അവസാനിപ്പിക്കുകയും പുനരാരംഭിക്കുകയും ചെയ്യുന്നു                     | ആസ്തികൾ വൃത്തിയാക്കുന്നതും വേരിയബിൾ മൂല്യങ്ങൾ പുനക്രമീകരിക്കുന്നതും ഉൾപ്പെടെ ഗെയിം അവസാനിപ്പിക്കുന്നതിനെകുറിച്ചും പുനരാരംഭിക്കുന്നതിനെ കുറിച്ചും അറിയുക                              |                                [അവസാനങ്ങളുടെ നിബന്ധനകൾ ](/6-space-game/6-end-condition/README.md)                                 |          ക്രിസ്          |
-|  21   |         [ബാങ്കിംഗ് ആപ്പ്](/7-bank-project/solution)          |                 HTML ഒരു വെബ് ആപ്പിലെ ടെംപ്ലേറ്റുകളും റൂട്ടുകളും                 | റൂട്ടിംഗും എച്ച്ടിഎംഎൽ ടെംപ്ലേറ്റുകളും ഉപയോഗിച്ച് ഒരു മൾട്ടിപേജ് വെബ് സൈറ്റിന്റെ ആർക്കിടെക്ചറിന്റെ സ്കഫോൾഡ് എങ്ങനെ സൃഷ്ടിക്കാമെന്ന് മനസിലാക്കുക                            |                            [HTML ടെംപ്ലേറ്റുകളും റൂട്ടുകളും](/7-bank-project/1-template-route/README.md)                             |          യോഹാൻ          |
-|  22   |         [ബാങ്കിംഗ് ആപ്പ്](/7-bank-project/solution)          |                  ലോഗിൻ, രജിസ്ട്രേഷൻ ഫോം നിർമ്മിക്കുക                   | ഫോമുകൾ നിർമ്മിക്കുന്നതിനെ കുറിച്ചും വാലിഡേഷൻ റുട്ടീൻ കൈമാറുന്നതിനെ കുറിച്ചും അറിയുക                                                                          |                                           [ഫോമുകൾ](/7-bank-project/2-forms/README.md)                                           |          യോഹാൻ          |
-|  23   |         [ബാങ്കിംഗ് ആപ്പ്](/7-bank-project/solution)          |                  ഡാറ്റ കൊണ്ടുവരുന്നതും ഉപയോഗിക്കുന്നതുമായ രീതികൾ                   | ഡാറ്റ നിങ്ങളുടെ ആപ്പിലേക്ക് എങ്ങനെ ഒഴുകുന്നു, അത് എങ്ങനെ കൊണ്ടുവരാം, സംഭരിക്കാം, ഉപേക്ഷിക്കാം                                                 |                                            [ഡാറ്റ](/7-bank-project/3-data/README.md)                                            |          യോഹാൻ          |
-|  24   |         [ബാങ്കിംഗ് ആപ്പ്](/7-bank-project/solution)          |                      സ്റ്റേറ്റ് മാനേജ്മെന്റിന്റെ ആശയങ്ങൾ                      | നിങ്ങളുടെ ആപ്പ് എങ്ങനെ സ്റ്റേറ്റ്നിലനിർത്തുന്നു, പ്രോഗ്രാമായി എങ്ങനെ കൈകാര്യം ചെയ്യണമെന്ന് അറിയുക                                                              |                                [സ്റ്റേറ്റ് മാനേജ്മെന്റ്](/7-bank-project/4-state-management/README.md)                                |          യോഹാൻ          |
+|  10   |            [ടെറേറിയം](/3-terrarium/solution/README.md)            |                ജാവാസ്ക്രിപ്റ്റ് ക്ലോസ്രെസ്, ഡോം കൃത്രിമം                 | ക്ലോസ്രെസ്ന്റെയും ഡോം കൃത്രിമം  ഉപയോഗിച്ചുകൊണ്ട് ടെറേറിയം ഒരു ഡ്രാഗ്/ഡ്രോപ്പ് ഇന്റർഫേസായി പ്രവർത്തനമുണ്ടാക്കാൻ ജാവാസ്ക്രിപ്റ്റ് നിർമ്മിക്കുക          |                  [ജാവാസ്ക്രിപ്റ്റ് ക്ലോസ്രെസ്, ഡോം കൃത്രിമം](/3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           ജെൻ           |
+|  11   |          [ടൈപ്പിംഗ് ഗെയിം](/4-typing-game/solution/README.md)          |                          ടൈപ്പിംഗ് ഗെയിം നിർമ്മിക്കുക                           | നിങ്ങളുടെ ജാവാസ്ക്രിപ്റ്റ് ആപ്പിന്റെ ലോജിക് ഡ്രൈവ് ചെയ്യുന്നതിന് കീബോർഡ് ഇവന്റുകൾ എങ്ങനെ ഉപയോഗിക്കാമെന്ന് മനസിലാക്കുക                                                          |                                [ഇവന്റ്-ഡ്രൈവിംഗ് പ്രോഗ്രാമിംഗ്](/4-typing-game/typing-game/README.md)                                |       ക്രിസ്റ്റഫർ       |
+|  12   | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റെൻഷൻ](/5-browser-extension/solution/README.md) |                         ബ്രൗസറുകളുമായി പ്രവർത്തിക്കുന്നു                          | ബ്രൗസറുകൾ എങ്ങനെ പ്രവർത്തിക്കുന്നു, അവയുടെ ചരിത്രം, ബ്രൗസർ എക്സ്റ്റെൻഷന്റെ ആദ്യ ഘടകങ്ങൾ എങ്ങനെ സ്കഫോൾഡ് ആാമെന്ന് മനസിലാക്കുക                               |                               [ബ്രൗസറുകളെ കുറിച്ച്](/5-browser-extension/1-about-browsers/README.md)                                |           ജെൻ           |
+|  13   | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റെൻഷൻ](/5-browser-extension/solution/README.md) | ഒരു ഫോം നിർമ്മിക്കുക, ഒരു എപിഐ വിളിക്കുക, പ്രാദേശിക സംഭരണത്തിൽ വേരിയബിളുകൾ സംഭരിക്കുക | പ്രാദേശിക സംഭരണത്തിൽ സംഭരിച്ചിരിക്കുന്ന വേരിയബിളുകൾ ഉപയോഗിച്ച് ഒരു API വിളിക്കുന്നതിനായി നിങ്ങളുടെ ബ്രൗസർ എക്സ്റ്റെൻഷന്റെ ജാവാസ്ക്രിപ്റ്റ് ഘടകങ്ങൾ നിർമ്മിക്കുക                      |                [APIs, ഫോമുകളും ലോക്കൽ സ്റ്റോറേജും](/5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           ജെൻ           |
+|  14   | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റെൻഷൻ](/5-browser-extension/solution/README.md) |          ബ്രൗസറിലെ പശ്ചാത്തല പ്രക്രിയകൾ, വെബ് പ്രകടനം          | എക്സ്റ്റെൻഷന്റെ ഐക്കൺ കൈകാര്യം ചെയ്യുന്നതിന് ബ്രൗസറിന്റെ പശ്ചാത്തല പ്രക്രിയകൾ ഉപയോഗിക്കുക; വെബ് പ്രകടനത്തെക്കുറിച്ചും നിർമ്മിക്കുന്നതിനുള്ള ചില ഒപ്റ്റിമൈസേഷനുകളെ കുറിച്ചും അറിയുക   |             [പശ്ചാത്തല ജോലികളും പ്രകടനവും](/5-browser-extension/3-background-tasks-and-performance/README.md)              |           ജെൻ           |
+|  15   |           [സ്പേസ് ഗെയിം](/6-space-game/solution/README.md)           |             ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ച് കൂടുതൽ അഡ്വാൻസ്ഡ് ഗെയിം ഡെവലപ്പ് മെന്റ്             | ഒരു ഗെയിം നിർമ്മിക്കുന്നതിനുള്ള തയ്യാറെടുപ്പിൽ ക്ലാസുകളും കോമ്പോസിഷൻ, പബ്/സബ് പാറ്റേൺ എന്നിവ ഉപയോഗിച്ച് അനന്തരാവകാശത്തെക്കുറിച്ച് അറിയുക           |                      [അഡ്വാൻസ്ഡ് ഗെയിം ഡെവലപ്പ്മെന്റിന്റെ ആമുഖം](/6-space-game/1-introduction/README.md)                       |          ക്രിസ്          |
+|  16   |           [സ്പേസ് ഗെയിം](/6-space-game/solution/README.md)           |                           ക്യാൻവാസിലേക്ക് വരയ്ക്കുന്നു                            | ഒരു സ്ക്രീനിലേക്ക് ഘടകങ്ങൾ വരയ്ക്കാൻ ഉപയോഗിക്കുന്ന കാൻവാസ് API കുറിച്ച് അറിയുക                                                                       |                                [ക്യാൻവാസിലേക്ക് വരയ്ക്കുക ](/6-space-game/2-drawing-to-canvas/README.md)                                |          ക്രിസ്          |
+|  17   |           [സ്പേസ് ഗെയിം](/6-space-game/solution/README.md)           |                   സ്ക്രീനിന് ചുറ്റും എലമെൻറ് ചലിപ്പിക്കുന്നു                    | കാർട്ടീഷ്യൻ നിർദ്ദേശാങ്കങ്ങളും കാൻവാസ്  API ഉപയോഗിച്ച് മൂലകങ്ങൾക്ക് എങ്ങനെ ചലനം നേടാൻ കഴിയുമെന്ന് കണ്ടെത്തുക                                            |                           [ചുറ്റും എലമെൻറ് ചലിപ്പിക്കുന്നു](/6-space-game/3-moving-elements-around/README.md)                           |          ക്രിസ്          |
+|  18   |           [സ്പേസ് ഗെയിം](/6-space-game/solution/README.md)           |                          കോളിഷൻ  കണ്ടെത്തൽ                          | കീപ്രസ്സുകൾ ഉപയോഗിച്ച് ഘടകങ്ങൾ കൂട്ടിമുട്ടുകയും പരസ്പരം പ്രതികരിക്കുകയും ഗെയിമിന്റെ പ്രകടനം ഉറപ്പാക്കുന്നതിന് ഒരു കൂൾഡൗൺ ഫംഗ്ഷൻ നൽകുകയും ചെയ്യുക    |                              [കൂട്ടിയിടി കണ്ടെത്തൽ](/6-space-game/4-collision-detection/README.md)                              |          ക്രിസ്          |
+|  19   |           [സ്പേസ് ഗെയിം](/6-space-game/solution/README.md)           |                             സ്കോർ നിലനിർത്തൽ                              | ഗെയിമിന്റെ നിലയെയും പ്രകടനത്തെയും അടിസ്ഥാനമാക്കി ഗണിത കണക്കുകൂട്ടലുകൾ നിർവഹിക്കുക                                                                |                                    [സ്കോർ നിലനിർത്തൽ](/6-space-game/5-keeping-score/README.md)                                    |          ക്രിസ്          |
+|  20   |           [സ്പേസ് ഗെയിം](/6-space-game/solution/README.md)           |                     ഗെയിം അവസാനിപ്പിക്കുകയും പുനരാരംഭിക്കുകയും ചെയ്യുന്നു                     | ആസ്തികൾ വൃത്തിയാക്കുന്നതും വേരിയബിൾ മൂല്യങ്ങൾ പുനക്രമീകരിക്കുന്നതും ഉൾപ്പെടെ ഗെയിം അവസാനിപ്പിക്കുന്നതിനെകുറിച്ചും പുനരാരംഭിക്കുന്നതിനെ കുറിച്ചും അറിയുക                              |                                [അവസാനങ്ങളുടെ നിബന്ധനകൾ ](/6-space-game/6-end-condition/README.md)                                 |          ക്രിസ്          |
+|  21   |         [ബാങ്കിംഗ് ആപ്പ്](/7-bank-project/solution/README.md)          |                 HTML ഒരു വെബ് ആപ്പിലെ ടെംപ്ലേറ്റുകളും റൂട്ടുകളും                 | റൂട്ടിംഗും എച്ച്ടിഎംഎൽ ടെംപ്ലേറ്റുകളും ഉപയോഗിച്ച് ഒരു മൾട്ടിപേജ് വെബ് സൈറ്റിന്റെ ആർക്കിടെക്ചറിന്റെ സ്കഫോൾഡ് എങ്ങനെ സൃഷ്ടിക്കാമെന്ന് മനസിലാക്കുക                            |                            [HTML ടെംപ്ലേറ്റുകളും റൂട്ടുകളും](/7-bank-project/1-template-route/README.md)                             |          യോഹാൻ          |
+|  22   |         [ബാങ്കിംഗ് ആപ്പ്](/7-bank-project/solution/README.md)          |                  ലോഗിൻ, രജിസ്ട്രേഷൻ ഫോം നിർമ്മിക്കുക                   | ഫോമുകൾ നിർമ്മിക്കുന്നതിനെ കുറിച്ചും വാലിഡേഷൻ റുട്ടീൻ കൈമാറുന്നതിനെ കുറിച്ചും അറിയുക                                                                          |                                           [ഫോമുകൾ](/7-bank-project/2-forms/README.md)                                           |          യോഹാൻ          |
+|  23   |         [ബാങ്കിംഗ് ആപ്പ്](/7-bank-project/solution/README.md)          |                  ഡാറ്റ കൊണ്ടുവരുന്നതും ഉപയോഗിക്കുന്നതുമായ രീതികൾ                   | ഡാറ്റ നിങ്ങളുടെ ആപ്പിലേക്ക് എങ്ങനെ ഒഴുകുന്നു, അത് എങ്ങനെ കൊണ്ടുവരാം, സംഭരിക്കാം, ഉപേക്ഷിക്കാം                                                 |                                            [ഡാറ്റ](/7-bank-project/3-data/README.md)                                            |          യോഹാൻ          |
+|  24   |         [ബാങ്കിംഗ് ആപ്പ്](/7-bank-project/solution/README.md)          |                      സ്റ്റേറ്റ് മാനേജ്മെന്റിന്റെ ആശയങ്ങൾ                      | നിങ്ങളുടെ ആപ്പ് എങ്ങനെ സ്റ്റേറ്റ്നിലനിർത്തുന്നു, പ്രോഗ്രാമായി എങ്ങനെ കൈകാര്യം ചെയ്യണമെന്ന് അറിയുക                                                              |                                [സ്റ്റേറ്റ് മാനേജ്മെന്റ്](/7-bank-project/4-state-management/README.md)                                |          യോഹാൻ          |
 
 ## ഓഫ്‌ലൈൻ ആക്‌സസ്സ്
 
 നിങ്ങൾക്ക് ഈ ഡോക്യുമെന്റേഷൻ [Docsify](https://docsify.js.org/#/) ഉപയോഗിച്ച്  ഓഫ്‌ലൈനിൽ പ്രവർത്തിപ്പിക്കാനാകും. ഈ റിപ്പോ ഫോർക്ക് ചെയ്യുക, [Docsify ഇന്സ്റ്റോള് ചെയ്യുക](https://docsify.js.org/#/quickstart) നിങ്ങളുടെ പ്രാദേശിക മെഷീനിൽ,തുടർന്ന് ഈ റിപ്പോയുടെ റൂട്ട് ഫോൾഡറിൽ `docsify serve` ടൈപ്പ് ചെയ്യുക.  നിങ്ങളുടെ ലോക്കൽഹോസ്റ്റിൽ പോർട്ട് 3000 ൽ വെബ്സൈറ്റ് കാണാം : `localhost:3000`.
 
-## പിഡിഫ് 
+## പിഡിഫ്
 
 എല്ലാ പാഠങ്ങളുടെയും ഒരു PDF കാണാം [ഇവിടെ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)
 
diff --git a/translations/README.pt-BR.md b/translations/README.pt-BR.md
index 17b855b6..792001b4 100644
--- a/translations/README.pt-BR.md
+++ b/translations/README.pt-BR.md
@@ -38,7 +38,7 @@ Até o fim deste curso, estudantes terão construído um jogo de digitação, um
 
 > 🎓 Você pode tomar as primeiras lições nesse curso como um [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101?WT.mc_id=academic-13441-cxa) no Microsoft Learn!
 
-Ao garantir que o conteúdo esteja alinhado com os projetos, o processo se torna mais envolvente para os alunos e a retenção dos conceitos será aumentada. Também escrevemos várias lições iniciais em noções básicas de JavaScript para introduzir conceitos, emparelhadas com o vídeo da coleção [accessible ici](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript?WT.mc_id=academic-13441-cxa) de vídeo-aulas, alguns de autores os quais contribuíram para este curso.
+Ao garantir que o conteúdo esteja alinhado com os projetos, o processo se torna mais envolvente para os alunos e a retenção dos conceitos será aumentada. Também escrevemos várias lições iniciais em noções básicas de JavaScript para introduzir conceitos, emparelhadas com o vídeo da coleção [accessible ici](https://www.youtube.com/playlist?list=PLb2HQ45KP0WsFop0pItGSUYl6baYjKEye) de vídeo-aulas, alguns de autores os quais contribuíram para este curso.
 
 Além disso, um teste simples antes da aula define a intenção do aluno de aprender um tópico, enquanto um segundo teste após a aula garante maior retenção. Este currículo foi projetado para ser flexível e divertido e pode ser realizado no todo ou em partes. Os projetos começam pequenos e tornam-se cada vez mais complexos no final do ciclo de 12 semanas.
 
@@ -77,21 +77,21 @@ Também podem ser acessados localmente pela pasta `quiz-app`.
 |  07   |                        Básico de JS                         |                            Arrays e Loops                            | Trabalhe com dados usando arrays e loops em JavaScript                                                                               |                        [Arrays e Loops](/2-js-basics/4-arrays-loops/translations/README.pt.md)                         |         Jasmine         |
 |  08   |       [Terrarium](/3-terrarium/solution/README.md)       |                            HTML na Prática                            | Construa o HTML para criar um terrário online, focando em construir um layout                                                       |                      [Introdução a HTML](/3-terrarium/1-intro-to-html/translations/README.pt-BR.md)                      |           Jen           |
 |  09   |       [Terrarium](/3-terrarium/solution/README.md)       |                            CSS na Prática                             | Construa o CSS para estilizar o terrário online, focando no básico de inclusão CSS fazendo a página responsiva                   |                       [Introdução a CSS](/3-terrarium/2-intro-to-css/README.md)                       |           Jen           |
-|  10   |            [Terrarium](/3-terrarium/solution)            |                 JavaScript closures, DOM manipulation                  | Construa o JavaScript para fazer o terrário funcionar como uma interface de arrastar / soltar, focando em fechamentos e manipulação de DOM           |       [JavaScript Closures, DOM manipulation](/3-terrarium/3-intro-to-DOM-and-closures/README.md)        |           Jen           |
-|  11   |          [Typing Game](/4-typing-game/solution)          |                          Construa um jogo de digitação                           | Aprenda a usar eventos de teclado para conduzir a lógica de seu aplicativo JavaScript                                                        |                     [Programação Orientada a Eventos](/4-typing-game/typing-game/README.md)                     |       Christopher       |
-|  12   | [Extensão de navegador verde](/5-browser-extension/solution) |                         Trabalhando com navegadores                          | Aprenda como os navegadores funcionam, seu histórico e como organizar os primeiros elementos de uma extensão do navegador                             |                    [Sobre navegadores](/5-browser-extension/1-about-browsers/README.md)                     |           Jen           |
-|  13   | [Extensão de navegador verde](/5-browser-extension/solution) | Construindo um formulário, chamando uma API e armazenando variáveis ​​no armazenamento local | Construa os elementos JavaScript da extensão do seu navegador para chamar uma API usando variáveis ​​armazenadas no armazenamento local                    |     [APIs, Formulários e Armazenamento Local](/5-browser-extension/2-forms-browsers-local-storage/README.md)      |           Jen           |
-|  14   | [Extensão de navegador verde](/5-browser-extension/solution) |          Processos em segundo plano no navegador, desempenho da web          | Use os processos de segundo plano do navegador para gerenciar o ícone da extensão; aprender sobre o desempenho da web e algumas otimizações para fazer |  [Tarefas e desempenho em segundo plano](/5-browser-extension/3-background-tasks-and-performance/README.md)   |           Jen           |
-|  15   |        [Jogo Espacial](/6-space-game/solution)         |              Desenvolvimento de jogos mais avançado com JavaScript               | Saiba mais sobre herança usando classes e composição e o padrão Pub / Sub, na preparação para a construção de um jogo           |  [Introdução ao desenvolvimento avançado de um jogo em Javascript](/6-space-game/1-introduction/README.md)   |          Chris          |
-|  16   |        [Jogo Espacial](/6-space-game/solution)         |                               Desenhar na tela                               | Saiba mais sobre a API Canvas, usada para desenhar elementos em uma tela                                                                 |                    [Desenhando na Tela](/6-space-game/2-drawing-to-canvas/README.md)                    |          Chris          |
-|  17   |        [Jogo Espacial](/6-space-game/solution)         |                         Movendo elementos pela tela                          | Descubra como os elementos podem ganhar movimento usando as coordenadas cartesianas e a API Canvas                                                                            |                [Movendo elementos pela Tela](/6-space-game/3-moving-elements-around/README.md)                |          Chris          |
-|  18   |        [Jogo Espacial](/6-space-game/solution)         |                          Detecção de Colisão                           | Faça os elementos colidirem e reagirem uns com os outros usando o pressionamento de teclas e fornecer uma função de resfriamento para garantir o desempenho do jogo  |                   [Detecção de Colisão](/6-space-game/4-collision-detection/README.md)                   |          Chris          |
-|  19   |        [Jogo Espacial](/6-space-game/solution)         |                             Mantendo a pontuação                              | Faça cálculos matemáticos com base no status e no desempenho do jogo                                                              |                         [Mantendo a pontuação](/6-space-game/5-keeping-score/README.md)                         |          Chris          |
-|  20   |        [Jogo Espacial](/6-space-game/solution)         |                       Terminando e reiniciando o jogo                        | Saiba mais sobre como encerrar e reiniciar o jogo, incluindo limpeza de ativos e redefinição de valores de variáveis                                                                    |                         [A condição de encerramento](/6-space-game/6-end-condition/README.md)                         |          Chris          |
-|  21   |     [Banking App](/7-bank-project/solution)     |           Templates HTML e rotas em um aplicativo da web            | Aprenda a criar o andaime da arquitetura de um site de várias páginas usando modelos de roteamento e HTML                                               |                  [HTML Templates e Rotas](/7-bank-project/1-template-route/README.md)                  |          Yohan          |
-|  22   |     [Banking App](/7-bank-project/solution)     |                    Criar um formulário de Login e Cadastro                    | Aprenda sobre a construção de formulários e rotinas de validação                                                |                             [Formulários](/7-bank-project/2-forms/README.md)                             |          Yohan          |
-|  23   |     [Banking App](/7-bank-project/solution)     |                    Métodos de busca e uso de dados                    | Como os dados fluem para dentro e para fora do seu aplicativo, como buscá-los, armazená-los e descartá-los                                                                               |                               [Dados](/7-bank-project/3-data/README.md)                                |          Yohan          |
-|  24   |     [Banking App](/7-bank-project/solution)     |                   Conceitos de Gestão do Estado                    | Saiba como seu aplicativo mantém o estado e como gerenciá-lo de maneira programática                                                                                 |                    [Gestão de estados](/7-bank-project/4-state-management/README.md)                    |          Yohan          |
+|  10   |            [Terrarium](/3-terrarium/solution/README.md)            |                 JavaScript closures, DOM manipulation                  | Construa o JavaScript para fazer o terrário funcionar como uma interface de arrastar / soltar, focando em fechamentos e manipulação de DOM           |       [JavaScript Closures, DOM manipulation](/3-terrarium/3-intro-to-DOM-and-closures/README.md)        |           Jen           |
+|  11   |          [Typing Game](/4-typing-game/solution/README.md)          |                          Construa um jogo de digitação                           | Aprenda a usar eventos de teclado para conduzir a lógica de seu aplicativo JavaScript                                                        |                     [Programação Orientada a Eventos](/4-typing-game/typing-game/README.md)                     |       Christopher       |
+|  12   | [Extensão de navegador verde](/5-browser-extension/solution/README.md) |                         Trabalhando com navegadores                          | Aprenda como os navegadores funcionam, seu histórico e como organizar os primeiros elementos de uma extensão do navegador                             |                    [Sobre navegadores](/5-browser-extension/1-about-browsers/README.md)                     |           Jen           |
+|  13   | [Extensão de navegador verde](/5-browser-extension/solution/README.md) | Construindo um formulário, chamando uma API e armazenando variáveis ​​no armazenamento local | Construa os elementos JavaScript da extensão do seu navegador para chamar uma API usando variáveis ​​armazenadas no armazenamento local                    |     [APIs, Formulários e Armazenamento Local](/5-browser-extension/2-forms-browsers-local-storage/README.md)      |           Jen           |
+|  14   | [Extensão de navegador verde](/5-browser-extension/solution/README.md) |          Processos em segundo plano no navegador, desempenho da web          | Use os processos de segundo plano do navegador para gerenciar o ícone da extensão; aprender sobre o desempenho da web e algumas otimizações para fazer |  [Tarefas e desempenho em segundo plano](/5-browser-extension/3-background-tasks-and-performance/README.md)   |           Jen           |
+|  15   |        [Jogo Espacial](/6-space-game/solution/README.md)         |              Desenvolvimento de jogos mais avançado com JavaScript               | Saiba mais sobre herança usando classes e composição e o padrão Pub / Sub, na preparação para a construção de um jogo           |  [Introdução ao desenvolvimento avançado de um jogo em Javascript](/6-space-game/1-introduction/README.md)   |          Chris          |
+|  16   |        [Jogo Espacial](/6-space-game/solution/README.md)         |                               Desenhar na tela                               | Saiba mais sobre a API Canvas, usada para desenhar elementos em uma tela                                                                 |                    [Desenhando na Tela](/6-space-game/2-drawing-to-canvas/README.md)                    |          Chris          |
+|  17   |        [Jogo Espacial](/6-space-game/solution/README.md)         |                         Movendo elementos pela tela                          | Descubra como os elementos podem ganhar movimento usando as coordenadas cartesianas e a API Canvas                                                                            |                [Movendo elementos pela Tela](/6-space-game/3-moving-elements-around/README.md)                |          Chris          |
+|  18   |        [Jogo Espacial](/6-space-game/solution/README.md)         |                          Detecção de Colisão                           | Faça os elementos colidirem e reagirem uns com os outros usando o pressionamento de teclas e fornecer uma função de resfriamento para garantir o desempenho do jogo  |                   [Detecção de Colisão](/6-space-game/4-collision-detection/README.md)                   |          Chris          |
+|  19   |        [Jogo Espacial](/6-space-game/solution/README.md)         |                             Mantendo a pontuação                              | Faça cálculos matemáticos com base no status e no desempenho do jogo                                                              |                         [Mantendo a pontuação](/6-space-game/5-keeping-score/README.md)                         |          Chris          |
+|  20   |        [Jogo Espacial](/6-space-game/solution/README.md)         |                       Terminando e reiniciando o jogo                        | Saiba mais sobre como encerrar e reiniciar o jogo, incluindo limpeza de ativos e redefinição de valores de variáveis                                                                    |                         [A condição de encerramento](/6-space-game/6-end-condition/README.md)                         |          Chris          |
+|  21   |     [Banking App](/7-bank-project/solution/README.md)     |           Templates HTML e rotas em um aplicativo da web            | Aprenda a criar o andaime da arquitetura de um site de várias páginas usando modelos de roteamento e HTML                                               |                  [HTML Templates e Rotas](/7-bank-project/1-template-route/README.md)                  |          Yohan          |
+|  22   |     [Banking App](/7-bank-project/solution/README.md)     |                    Criar um formulário de Login e Cadastro                    | Aprenda sobre a construção de formulários e rotinas de validação                                                |                             [Formulários](/7-bank-project/2-forms/README.md)                             |          Yohan          |
+|  23   |     [Banking App](/7-bank-project/solution/README.md)     |                    Métodos de busca e uso de dados                    | Como os dados fluem para dentro e para fora do seu aplicativo, como buscá-los, armazená-los e descartá-los                                                                               |                               [Dados](/7-bank-project/3-data/README.md)                                |          Yohan          |
+|  24   |     [Banking App](/7-bank-project/solution/README.md)     |                   Conceitos de Gestão do Estado                    | Saiba como seu aplicativo mantém o estado e como gerenciá-lo de maneira programática                                                                                 |                    [Gestão de estados](/7-bank-project/4-state-management/README.md)                    |          Yohan          |
 
 ## Acesso offline
 
diff --git a/translations/README.ru.md b/translations/README.ru.md
new file mode 100644
index 00000000..be9c483b
--- /dev/null
+++ b/translations/README.ru.md
@@ -0,0 +1,103 @@
+[![GitHub license](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
+[![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
+[![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
+[![GitHub pull-requests](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
+[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
+
+[![GitHub watchers](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
+[![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
+[![GitHub stars](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
+
+[![Open in Visual Studio Code](https://open.vscode.dev/badges/open-in-vscode.svg)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
+
+# Веб-разработка для Начинающих - О Курсе
+
+Специалисты из Microsoft Azure Cloud Advocates рады представить 12-ти недельный обучающий курс, состоящий из 24-х уроков, в котором будет рассказано об основах JavaScript, CSS и HTML. К каждому уроку прилагается: викторина (quiz), которую стоит пройти перед уроком, викторина, которую стоит пройти после урока, текстовый урок, решение поставленных в уроке задач, задания и многое другое. Наша стратегия обучения на проектах-примерах, позволяет вам применять полученные знания, прямо во время обучения - проверенный способ закрепить новые навыки.
+
+**От всей души благодарим наших авторов: Jen Looper, Chris Noring, Christopher Harrison, Jasmine Greenaway, Yohan Lasorsa, Floor Drees, и художника зарисовок Tomomi Imura!**
+
+# Давайте начнем!
+
+> **Преподавателям.** Мы подготовили [несколько советов](for-teachers.ru.md) о том, как использовать этот курс. Будем рады узнать о ваших впечатлениях на [нашем форуме](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+
+> **Ученикам.** Чтобы самостоятельно пройти этот курс, сделайте ответвление (fork) от этого репозитория и выполняйте упражнения из данного курса. Начните с предлекционной викторины, затем прочтите урок, после чего завершите оставшиеся задания и активности. Постарайтесь самостоятельно создавать проекты, используя информацию из уроков, нежели просто копировать текст из предложенных нами решений. Однако, вы всегда сможете найти код-решение в папке `/solutions` для каждого ориентированного на проект урока. Хорошей идеей будет собраться с друзьями и пройти курс всем вместе. Для дальнейшего изучения мы рекомендуем посетить [Microsoft Learn](https://docs.microsoft.com/users/jenlooper-2911/collections/jg2gax8pzd6o81?WT.mc_id=academic-13441-cxa), а также посмотреть видеоматериалы, приведённые ниже.
+
+[![Promo video](../images/web.gif)](https://youtube.com/watch?v=R1wrdtmBSII "Видео-Презентация")
+
+Автор GIF-анимации [Mohit Jaisal](https://linkedin.com/in/mohitjaisal)
+
+> 🎥 Кликните на изображение выше, чтобы посмотреть видео о нашем проекте и людях, создавших его!
+
+## Стратегии обучения
+
+При построении этого курса, мы придерживались двух педагогических принципов: помнить о том, что курс ориентирован на обучение, путем проектирования и что он должен содержать большое количество викторин. По окончании обучения, ученики создадут игру, тренирующую навыки печати, виртуальный террариум, "зелёное" расширение для браузера, игру типа "Space Invaders" и банковское приложение для бизнеса, изучат основы JavaScript, HTML и CSS, а также набор современных инструментов для веб-разработчика.
+
+> 🎓 Вы можете пройти несколько первых уроков, используя нашу пошаговую систему обучения [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101?WT.mc_id=academic-13441-cxa) на сайте Microsoft Learn!
+
+Проектно-ориентированная стратегия обучения позволяет сделать процесс обучения более привлекательным и облегчить закрепление полученных навыков и информации. Мы также написали несколько уроков, чтобы помочь вам познакомиться с основами JavaScript. Эти уроки совмещены с видео из коллекции уроков "[Знакомство с JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript?WT.mc_id=academic-13441-cxa)". Некоторые из авторов этих видео также принимали участие и в создании этого курса.
+
+В дополнение, простая викторина перед уроками позволяет заинтересовать ученика в изучении темы, в то время как вторая викторина после занятия позволяет закрепить полученные знания. Этот курс был создан, чтобы быть занимательным для каждого. Вы можете пройти курс от начала до конца или изучить лишь его часть. Проекты, которые вы будете делать на протяжении курса, просты вначале и станут более сложными по завершении 12-ти недельного курса.
+
+Мы намеренно не раскрывали тему фреймворков JavaScript, чтобы сконцентрироваться получении базовых навыков, необходимых веб-разработчику. Следующим шагом, после прохождения этого курса, мы рекомендуем изучить Node.js, воспользовавшись этим набором видеоуроков: "[Знакомство с Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs?WT.mc_id=academic-13441-cxa)"
+
+> Вы можете ознакомиться с нашей [политикой взаимодействия с сообществом](../CODE_OF_CONDUCT.md), [правила внесения собственного вклада в развитие проекта](../CONTRIBUTING.md) и [правилами для переводчиков](../TRANSLATIONS.md). Мы очень ждём ваших конструктивных отзывов! 
+
+## Каждый урок включает в себя:
+
+- необязательную зарисовку
+- необязательное вспомогательное видео
+- викторину для разминки перед уроком
+- текстовый урок
+- для проектно-ориентированных уроков, пошаговое описание того, как построить проект
+- проверку знаний
+- "вызов"
+- вспомогательную литературу
+- задания
+- викторину для прохождения после урока
+
+> **На заметку о викторинах**: все викторины находятся в [этом приложении](https://happy-mud-02d95f10f.azurestaticapps.net/), всего мы подготовили 48 викторин, в каждой из которых по три вопроса. Ссылки на них расположены в уроках, но вы можете взаимодействовать с викторинами в отдельности. Для этого, обратитесь к инструкциям в папке `quiz-app`. Эти инструкции активно локализуются.
+
+## Уроки
+
+|     |                       Наименование проекта                       |                            Получаемые знания                             | Цели обучения                                                                                                                 |                                                         Ссылка на урок                                                          |         Автор          |
+| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Начало                      |           Введение в Программирование и Инструменты           | Узнать об основах, стоящих за большинством языков программирования и о программном обеспечении, которое помогает профессиональным разработчикам в их делах | [Введение в программирование и инструменты](../1-getting-started-lessons/1-intro-to-programming-languages/translations/README.ru.md) |         Jasmine         |
+| 02  |                     Начало                      |             Основы GitHub, работа в команде            | Как использовать GitHub в своих проектах, как писать код в команде                                                    |                            [Введение в GitHub](../1-getting-started-lessons/2-github-basics/translations/README.ru.md)                             |          Floor          |
+| 03  |                     Начало                      |                             Доступность                              | Изучить принципы доступности веб-среды для людей с ограниченными возможностями здоровья                                                                                               |                       [Основы доступности](../1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        Основы JavaScript                        |                         Типы данных в JavaScript                         | Введение в типы данных в JavaScript                                                                                                 |                                       [Типы данных](../2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        Основы JavaScript                         |                         Функции и Методы                          | Узнать о функциях и методах, чтобы регулировать поведение и логику приложений                                                             |                              [Функции и Методы](../2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
+| 06  |                        Основы JavaScript                         |                        Принятие решений в JavaScript                        | Изучить как задавать условия, если ваш код использует логику, основывающуюся на принятии решений                                                           |                                 [Принятие решений](../2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        Основы JavaScript                         |                            Массивы и Циклы                            | Изучить работу с данными, используя массивы и циклы в JavaScript                                                                                 |                                   [Массивы и Циклы](../2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Террариум](../3-terrarium/solution/README.md)       |                            HTML в действии                            | Создать свой онлайн террариум используя HTML. Акцентировать внимание на построении макета страницы                                                         |                                 [Введение в HTML](../3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Террариум](../3-terrarium/solution/README.md)       |                            CSS в действии                             | Оформить стиль своего онлайн террариума используя CSS. Акцентировать внимание на основах CSS, позволяющих сделать страницу адаптивной                     |                                  [Введение в CSS](../3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Террариум](../3-terrarium/solution/README.md)            |                 Иерархия в JavaScript, взаимодействие со страницей                  | Добавить JavaScript, превращающий ваш террариум в интерактивное "потяни-и-отпусти" приложение. Акцентировать внимание на взаимодействии со страницей и иерархиях в JavaScript             |                  [Иерархия в JavaScript, взаимодействие со страницей](../3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          ["Печатная игра"](../4-typing-game/solution/README.md)          |                          Создадите "Печатную игру"                           | Научиться использовать события с клавиатуры, чтобы управлять своим приложением JavaScript                                                       |                                [Программирование, основанное на событиях](../4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | ["Зелёное" расширение для браузера](../5-browser-extension/solution/README.md) |                         Работа с браузерами                          | Изучить как работают браузеры, их историю и сделать свои первые шаги в разработке расширений для браузера                               |                               [О браузерах](../5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | ["Зелёное" расширение для браузера](../5-browser-extension/solution/README.md) | Строим форму, обращаемся к API и сохраняем данные | Создать элементы JavaScript для своего расширения, чтобы обращаться к API, использовать сохраненные данные                      |                [API, формы и хранение данных](../5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | ["Зелёное" расширение для браузера](../5-browser-extension/solution/README.md) |          Фоновые процессы в браузере, эффективность          | Использовать фоновые процессы браузера, чтобы изменять иконку вашего расширения, изучить работу с сетью и узнать, какие оптимизации можно применить к вашему проекту   |             [Фоновые процессы и эффективность](../5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Космическая игра](../6-space-game/solution/README.md)           |             Более сложная разработка игр с использованием JavaScript             | Узнать о наследовании, используя Классы и Композиции, а также познакомиться с паттерном "Pub/Sub" в качестве подготовки к построению игры             |                      [Введение в более сложную разработку игр](../6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Космическая игра](../6-space-game/solution/README.md)           |                           Рисование с использованием Canvas                            | Изучить Canvas API, чтобы рисовать элементы на экране                                                                      |                                [Рисование с помощью Canvas](../6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Космическая игра](../6-space-game/solution/README.md)           |                   Двигаем элементы на экране                    | Узнать, как вы можете заставить объекты на экране двигаться, используя координатную систему Canvas API                                            |                           [Двигаем элементы](../6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Космическая игра](../6-space-game/solution/README.md)           |                          Обработка столкновений                           | Заставить элементы сталкиваться друг с другом при нажатии на клавиши, а также добавьте cooldown-функцию, чтобы повысить эффективность игры    |                              [Обработка столкновений](../6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Космическая игра](../6-space-game/solution/README.md)           |                             Подсчет очков                              | Совершить математические вычисления, основываясь на статусе игры и уровне игрока                                                                |                                    [Подсчет очков](../6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Космическая игра](../6-space-game/solution/README.md)           |                     Окончание и перезапуск игры                     | Изучить как заканчивать и заново начинать игру, включая очистку ресурсов и обнуление переменных                              |                                [Условия окончания](../6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Банковское приложение](../7-bank-project/solution/README.md)          |                 Пути и Шаблоны в веб-приложениях HTML                | Изучить как начать построение мультистраничного веб-сайта с использованием путей и шаблонов HTML                              |                            [Пути и Шаблоны в HTML](../7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Банковское приложение](../7-bank-project/solution/README.md)          |                  Постройте форму для входа и регистрации                   | Изучить построение форм и их валидацию                                                                          |                                           [Формы](../7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Банковское приложение](../7-bank-project/solution/README.md)          |                   Методы обработки и использования информации                   | Изучить как информация проходит через ваше приложение, как обрабатывать, хранить и уничтожать её                                                |                                            [Информация](../7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Банковское приложение](../7-bank-project/solution/README.md)          |                      Концепции управления состояниями                      | Изучить как ваше приложение запоминает состояния и как управлять ими программно                                                              |                                [Управление состояниями](../7-bank-project/4-state-management/README.md)                                |          Yohan          |
+
+## Оффлайн доступ
+
+Вы можете использовать эту документацию оффлайн при помощи [Docsify](https://docsify.js.org/#/). Сделайте fork этого репозитория, [установите Docsify](https://docsify.js.org/#/quickstart) на ваш компьютер, а затем в корневой директории этого репозитория воспользуйтесь командой `docsify serve`. Вебсайт будет доступен по адресу `localhost:3000`.
+
+## PDF
+
+Все уроки в формате PDF доступны [здесь](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)
+
+## Другие курсы
+
+Наша команда создает и другие курсы! Рекомендуем взглянуть:
+
+- [Машинное Обучение для Начинающих](https://aka.ms/ml-beginners)
+- [IoT для Начинающих](https://aka.ms/iot-beginners)
+- [Data Science для Начинающих](https://aka.ms/datascience-beginners)
diff --git a/translations/README.ta.md b/translations/README.ta.md
new file mode 100644
index 00000000..f16c6263
--- /dev/null
+++ b/translations/README.ta.md
@@ -0,0 +1,104 @@
+[![GitHub license](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
+[![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
+[![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
+[![GitHub pull-requests](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
+[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
+
+[![GitHub watchers](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
+[![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
+[![GitHub stars](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
+
+[![Open in Visual Studio Code](https://open.vscode.dev/badges/open-in-vscode.svg)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
+
+# ஆரம்ப நிலையாளர்களுக்கான வலை அபிவிருத்தி - ஒரு பாடத்திட்டம்
+
+மைக்ரோசாப்ட் அஸூர் கிளவுட் வழக்கறிஞர்கள் ஜாவாஸ்கிரிப்ட், சிஎஸ்எஸ் மற்றும் ஹெச்டிஎம்எல் அடிப்படைகள் பற்றி ஒரு 12 வார, 24 பாட பாடத்திட்டத்தை வழங்க மகிழ்ச்சி யடைகிறார்கள். ஒவ்வொரு பாடத்திலும் முன் மற்றும் பிந்தைய பாட வினாடி வினாக்கள், பாடத்தை முடிக்க எழுதப்பட்ட அறிவுறுத்தல்கள், ஒரு தீர்வு, ஒரு ஒதுக்கீடு மற்றும் பல அடங்கும். எங்கள் திட்டம் அடிப்படையிலான கற்பித்தல் நீங்கள் கட்டிடம் போது கற்றுக்கொள்ள அனுமதிக்கிறது, புதிய திறன்கள் 'ஒட்டிக்கொள்கின்றன' ஒரு நிரூபிக்கப்பட்ட வழி.
+
+
+**எங்கள் ஆசிரியர்கள் ஜென் லூப்பர், கிறிஸ் நோரிங், கிறிஸ்டோபர் ஹாரிசன், ஜாஸ்மின் கிரீனவே, யோஹான் லசோர்சா, ஃப்ளோர் ட்ரீஸ் மற்றும் ஸ்கெட்ச்நோட் கலைஞர் டோமோமி இமுரா வுக்கு மனமார்ந்த நன்றி!**
+
+# தொடங்குதல்
+
+> **ஆசிரியர்கள்**,இந்த பாடத்திட்டத்தை எவ்வாறு பயன்படுத்துவது என்பது குறித்து நாங்கள் [சில ஆலோசனைகளை சேர்த்துள்ளோம்](/for-teachers.md). உங்கள் கருத்துக்களை நாங்கள் விரும்புகிறோம் [எங்கள் விவாத மன்றத்தில்](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+
+> **மாணவர்கள்**, இந்த பாடத்திட்டத்தை சொந்தமாக பயன்படுத்த, முழு ரெப்போவை முட்கரண்டிமற்றும் உங்கள் சொந்த பயிற்சிகளை முடிக்க, ஒரு முன் விரிவுரை வினாடி வினா தொடங்கி, பின்னர் விரிவுரை படித்து மீதமுள்ள நடவடிக்கைகளை நிறைவு.  தீர்வு குறியீட்டை நகலெடுக்காமல் பாடங்களைபுரிந்து கொண்டு திட்டங்களை உருவாக்க முயற்சிக்கவும்; எனினும் அந்த குறியீடு ஒவ்வொரு திட்டம் சார்ந்த பாடத்தில் /தீர்வுகள் கோப்புறைகளில் கிடைக்கிறது. மற்றொரு யோசனை நண்பர்களுடன் ஒரு ஆய்வுக் குழுவை உருவாக்கி உள்ளடக்கத்தை ஒன்றாகச் செல்வது. மேலும் ஆய்வுக்காக, நாங்கள் [மைக்ரோசாப்ட் கற்றல்](https://docs.microsoft.com/users/jenlooper-2911/collections/jg2gax8pzd6o81?WT.mc_id=academic-13441-cxa).
+
+[![Promo video](/images/web.gif)](https://youtube.com/watch?v=R1wrdtmBSII "Promo video")
+
+ஜிஃப் மூலம் [மோஹித் ஜெய்சல்](https://linkedin.com/in/mohitjaisal) உருவாக்கப்பட்டது.
+
+> 🎥 திட்டம் மற்றும் அதை உருவாக்கிய எல்லோரும் பற்றி ஒரு வீடியோ மேலே படத்தை கிளிக் செய்யவும்!
+
+## ஆசிரியரியல்
+
+இந்த பாடத்திட்டத்தை உருவாக்கும் போது நாங்கள் இரண்டு கற்பித்தல் கோட்பாடுகளைத் தேர்ந்தெடுத்துள்ளோம்: இது திட்ட அடிப்படையிலானது மற்றும் இது அடிக்கடி வினாடி வினாக்களை உள்ளடக்கியது என்பதை உறுதிப்படுத்துகிறது. இந்த தொடரின் முடிவில், மாணவர்கள் ஒரு தட்டச்சு விளையாட்டு, ஒரு மெய்நிகர் டெரரியம், ஒரு 'பச்சை' உலாவி நீட்டிப்பு, ஒரு 'விண்வெளி படையெடுப்பாளர்கள்' வகை விளையாட்டு, மற்றும் ஒரு வணிக வகை வங்கி பயன்பாட்டை உருவாக்கியிருப்பார்கள், மேலும் இன்றைய வலை டெவலப்பரின் நவீன கருவிச்சங்கிலியுடன் ஜாவாஸ்கிரிப்ட், ஹெச்டிஎம்எல் மற்றும் சிஎஸ்எஸ் ஆகியவற்றின் அடிப்படைகளைக் கற்றுக்கொண்டிருப்பார்கள்.
+
+> 🎓 நீங்கள் மைக்ரோசாப்ட் கற்றல் ஒரு [கற்றல் பாதை](https://docs.microsoft.com/learn/paths/web-development-101?WT.mc_id=academic-13441-cxa) இந்த பாடத்திட்டத்தில் முதல் சில பாடங்களை எடுக்க முடியும்! 
+
+உள்ளடக்கம் திட்டங்களுடன் பொருந்துவதை உறுதி செய்வதன் மூலம், செயல்முறை மாணவர்களுக்கு அதிக ஈடுபாடு மற்றும் கருத்துகளை தக்கவைத்தல் அதிகரிக்கப்படும். நாங்கள் கருத்துக்களை அறிமுகப்படுத்த ஜாவாஸ்கிரிப்ட் அடிப்படைகளில் பல ஸ்டார்டர் பாடங்களை எழுதினோம், வீடியோ டுரிட்டோரியல்களின் "[தொடக்கநிலைதொடர்: ஜாவாஸ்கிரிப்ட்](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript?WT.mc_id=academic-13441-cxa)" தொகுப்பிலிருந்து வீடியோவுடன் இணைந்தது, அதன் ஆசிரியர்கள் சிலர் இந்த பாடத்திட்டத்திற்கு பங்களித்தனர்.
+
+கூடுதலாக, ஒரு வர்க்கம் ஒரு தலைப்பைக் கற்றுக்கொள்வதை நோக்கி மாணவரின் நோக்கத்தை அமைக்கும் முன் ஒரு குறைந்த பங்குகள் வினாடி வினா, அதே நேரத்தில் வகுப்புக்குப் பிறகு இரண்டாவது வினாடி வினா மேலும் தக்கவைத்தல் உறுதி. இந்த பாடத்திட்டம் நெகிழ்வான மற்றும் வேடிக்கையான தாக வடிவமைக்கப்பட்டது மற்றும் முழுமையாகவோ அல்லது பகுதியாகவோ எடுத்துக் கொள்ளலாம். திட்டங்கள் சிறிய தொடங்கி 12 வார சுழற்சி முடிவில் பெருகிய முறையில் சிக்கலான ஆக.
+
+ஒரு கட்டமைப்பை ஏற்றுக்கொள்வதற்கு முன் ஒரு வலை டெவலப்பராக தேவையான அடிப்படை திறன்களில் கவனம் செலுத்துவதற்காக ஜாவாஸ்கிரிப்ட் கட்டமைப்புகளை அறிமுகப்படுத்துவதை நாங்கள் வேண்டுமென்றே தவிர்த்திருந்தாலும், இந்த பாடத்திட்டத்தை நிறைவு செய்வதற்கான ஒரு நல்ல அடுத்த படி, வீடியோக்களின் மற்றொரு சேகரிப்பு வழியாக நோடீ.ஜேஎஸ் வைப் பற்றி கற்றுக்கொள்வதாகும்:"[தொடக்க தொடர்: நோடீ.ஜேஎஸ்](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs?WT.mc_id=academic-13441-cxa)".
+
+> எங்கள் [நடத்தை விதிகள்](/CODE_OF_CONDUCT.md), [பங்களிப்பு](/CONTRIBUTING.md), மற்றும் [மொழிபெயர்ப்பு](/TRANSLATIONS.md) வழிகாட்டுதல்களைக் கண்டறியவும். உங்கள் ஆக்கப்பூர்வமான கருத்துக்களை நாங்கள் வரவேற்கிறோம்!
+
+## ஒவ்வொரு பாடமும் அடங்கும்:
+
+- விருப்ப ஸ்கெட்ச்நோட்
+- விருப்ப துணை வீடியோ
+- முன் பாடம் வார்ம்அப் வினாடி வினா
+- எழுதப்பட்ட பாடம்
+- திட்டம் அடிப்படையிலான பாடங்களுக்கு, திட்டத்தை எவ்வாறு உருவாக்குவது என்பது பற்றிய படிப்படியான வழிகாட்டிகள்
+- அறிவு காசோலைகள்
+- ஒரு சவால்
+- துணை வாசிப்பு
+- வகுத்தமைத்தல்
+- பிந்தைய பாடம் வினாடி வினா
+
+> **வினாடி வினாக்கள் பற்றிய குறிப்பு**: அனைத்து வினாடி வினாக்களும் [இந்த பயன்பாட்டில்](https://happy-mud-02d95f10f.azurestaticapps.net/) உள்ளன, ஒவ்வொன்றும் மூன்று கேள்விகளின் 48 மொத்த வினாடி வினாக்களுக்கு. அவர்கள் பாடங்களில் இருந்து இணைக்கப்பட்டுள்ளது ஆனால் வினாடி வினா பயன்பாட்டை உள்நாட்டில் இயக்க முடியும்; `வினாடி வினா-பயன்பாடு` கோப்புறையில் உள்ள அறிவுறுத்தலைப் பின்பற்றவும். அவை படிப்படியாக உள்ளூர்மயமாக்கப்படுகின்றன.
+
+
+## பாடங்கள்
+
+|     |                       திட்ட பெயர்                      |                            கற்பிக்கப்பட்ட கருத்துக்கள்                             | கற்றல் நோக்கங்கள்                                                                                                                 |                                                         இணைக்கப்பட்ட பாடம்                                                          |         நுலாசிரியன்           |
+| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     தொடங்குதல்                      |           வர்த்தக த்தின் நிரலாக்க மற்றும் கருவிகள் அறிமுகம்           | தொழில்முறை டெவலப்பர்கள் தங்கள் வேலைகளைச் செய்ய உதவும் பெரும்பாலான நிரலாக்க மொழிகளுக்குப் பின்னால் உள்ள அடிப்படை அடித்தளங்களையும் மென்பொருளைப் பற்றியும் கற்றுக்கொள்ளுங்கள் | [நிரலாக்க மொழிகள் மற்றும் வர்த்தக கருவிகள் அறிமுகம்](/1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         ஜாஸ்மின்         |
+| 02  |                     தொடங்குதல்                      |             கிட்ஹப் அடிப்படைகள், ஒரு குழுவுடன் வேலை செய்வதை உள்ளடக்கியது             | உங்கள் திட்டத்தில் கிட்ஹப் பயன்படுத்துவது எப்படி, குறியீட்டு த் தளத்தில் மற்றவர்களுடன் எவ்வாறு ஒத்துழைப்பது                                                    |                            [கிட்ஹப் அறிமுகம்](/1-getting-started-lessons/2-github-basics/README.md)                             |          ஃப்ளோர்          |
+| 03  |                     தொடங்குதல்                      |                             எளிவரல்                              | இணைய அணுகல் தன்மையின் அடிப்படைகளை அறிக                                                                                                |                       [அணுகல் அடிப்படைகள்](/1-getting-started-lessons/3-accessibility/README.md)                       |       கிறிஸ்டோபர்       |
+| 04  |                        ஜேஎஸ் அடிப்படைகள்                         |                         ஜாவாஸ்கிரிப்ட் தரவு வகைகள்                          | ஜாவாஸ்கிரிப்ட் தரவு வகைகளின் அடிப்படைகள்                                                                                                 |                                       [தரவு வகைகள்](/2-js-basics/1-data-types/README.md)                                        |         ஜாஸ்மின்         |
+| 05  |                        ஜேஎஸ் அடிப்படைகள்                         |                         தொழிற்பாடுகளும் முறைகளும்                          | பயன்பாட்டின் தர்க்க ஓட்டத்தை நிர்வகிக்க செயல்பாடுகள் மற்றும் முறைகளைப் பற்றி அறிக                                                             |                              [தொழிற்பாடுகளும் முறைகளும்](/2-js-basics/2-functions-methods/README.md)                               | ஜாஸ்மின் மற்றும் கிறிஸ்டோபர் |
+| 06  |                        ஜேஎஸ் அடிப்படைகள்                         |                         ஜே.எஸ். உடன் முடிவுகளை எடுப்பது                        | முடிவெடுக்கும் முறைகளைப் பயன்படுத்தி உங்கள் குறியீட்டில் நிலைமைகளை எவ்வாறு உருவாக்குவது என்பதை அறிக                                                           |                                 [ ஜே.எஸ். உடன் முடிவுகளை எடுப்பது](/2-js-basics/3-making-decisions/README.md)                                  |         ஜாஸ்மின்         |
+| 07  |                        ஜேஎஸ் அடிப்படைகள்                         |                            வரிசைகள் மற்றும் வளையங்கள்                            | ஜாவாஸ்கிரிப்டில் உள்ள தகவல் வரிசைகள் மற்றும் வளையங்களைப் பயன்படுத்தி தரவுகளுடன் பணியாற்றுங்கள்                                                                                 |                                   [வரிசைகள் மற்றும் வளையங்கள்](/2-js-basics/4-arrays-loops/README.md)                                    |         ஜாஸ்மின்         |
+| 08  |       [டெரரியம்](/3-terrarium/solution/README.md)       |                            நடைமுறையில் ஹெச்டிஎம்எல்                            | ஒரு தளவமைப்பை உருவாக்குவதில் கவனம் செலுத்தி, ஆன்லைன் டெரரியம் உருவாக்க, ஹெச்டிஎம்எல் ஐ உருவாக்கவும்                                                         |                                 [ஹெச்டிஎம்எல் அறிமுகம்](/3-terrarium/1-intro-to-html/README.md)                                 |           ஜென்           |
+| 09  |       [டெரரியம்](/3-terrarium/solution/README.md)       |                            நடைமுறையில் சி.எஸ்.எஸ்.                             | பக்கத்தை பதிலளிக்கச் செய்வது உட்பட சிஎஸ்எஸ் இன் அடிப்படைகளில் கவனம் செலுத்தி, ஆன்லைன் டெரரியம் பாணியில் சிஎஸ்எஸ் ஐ உருவாக்கவும்                     |                                  [சி.எஸ்.எஸ் அறிமுகம்](/3-terrarium/2-intro-to-css/README.md)                                  |           ஜென்           |
+| 10  |            [டெரரியம்](/3-terrarium/solution/README.md)            |                 ஜாவாஸ்கிரிப்ட் மூடல்கள், டோம் கையாளுதல்                  | மூடல்கள் மற்றும் டோம் கையாளுதல் கவனம் செலுத்தி, ஒரு இழுவை/துளி இடைமுகமாக டெரரியம் செயல்பட ஜாவாஸ்கிரிப்டை உருவாக்கவும்             |                  [ஜாவாஸ்கிரிப்ட் மூடல்கள், டோம் கையாளுதல்](/3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           ஜென்           |
+| 11  |          [தட்டச்சு விளையாட்டு](/4-typing-game/solution/README.md)          |                          தட்டச்சு விளையாட்டு உருவாக்கவும்                           | உங்கள் ஜாவாஸ்கிரிப்ட் பயன்பாட்டின் தர்க்கத்தை இயக்க விசைப்பலகை நிகழ்வுகளை எவ்வாறு பயன்படுத்துவது என்பதை அறிக                                                          |                                [நிகழ்வு-இயக்கப்படும் நிரலாக்கம்](/4-typing-game/typing-game/README.md)                                |       கிறிஸ்டோபர்       |
+| 12  | [பச்சை உலாவி நீட்டிப்பு](/5-browser-extension/solution/README.md) |                         உலாவிகளில் வேலை                          | உலாவிகள் எவ்வாறு வேலை செய்கின்றன, அவற்றின் வரலாறு மற்றும் உலாவி நீட்டிப்பின் முதல் கூறுகளை எவ்வாறு தூக்குமேடைசெய்வது என்பதை அறிக                               |                               [உலாவிகள் பற்றி](/5-browser-extension/1-about-browsers/README.md)                                |           ஜென்           |
+| 13  | [பச்சை உலாவி நீட்டிப்பு](/5-browser-extension/solution/README.md) | ஒரு படிவத்தை உருவாக்குதல், ஒரு ஏபிஐ ஐ அழைத்தல் மற்றும் உள்ளூர் சேமிப்பகத்தில் மாறிகளை சேமித்தல் | உங்கள் உலாவி நீட்டிப்பின் ஜாவாஸ்கிரிப்ட் கூறுகளை உருவாக்கி, உள்ளூர் சேமிப்பகத்தில் சேமிக்கப்படும் மாறிகளைப் பயன்படுத்தி ஒரு ஏபிஐ ஐ அழைக்கவும்                      |                [ஏபிஐகள், படிவங்கள் மற்றும் உள்ளூர் சேமிப்பு](/5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           ஜென்           |
+| 14  | [பச்சை உலாவி நீட்டிப்பு](/5-browser-extension/solution/README.md) |          உலாவியில் பின்னணி செயல்முறைகள், வலை செயல்திறன்          | விரிவாக்கத்தின் படவுருவை நிர்வகிக்க உலாவியின் பின்னணி செயல்முறைகளைப் பயன்படுத்தவும்; வலை செயல்திறன் மற்றும் சில தேர்வுமுறைபற்றி அறியவும்   |             [பின்னணி பணிகள் மற்றும் செயல்திறன்](/5-browser-extension/3-background-tasks-and-performance/README.md)              |           ஜென்           |
+| 15  |           [விண்வெளி விளையாட்டு](/6-space-game/solution/README.md)           |             ஜாவாஸ்கிரிப்ட் உடன் மேலும் மேம்பட்ட விளையாட்டு வளர்ச்சி              | ஒரு விளையாட்டை உருவாக்குவதற்கான தயாரிப்பில், வகுப்புகள் மற்றும் கலவை மற்றும் பப் / துணை முறை இரண்டையும் பயன்படுத்தி பரம்பரை பற்றி அறியவும்               |                      [மேம்பட்ட விளையாட்டு அபிவிருத்தி அறிமுகம்](/6-space-game/1-introduction/README.md)                       |          கிறிஸ்          |
+| 16  |           [விண்வெளி விளையாட்டு](/6-space-game/solution/README.md)           |                           கேன்வாஸ் வரைதல்                            | ஒரு திரைக்கு உறுப்புகளை வரைய பயன்படுத்தப்படும் கேன்வாஸ் ஏபிஐ பற்றி அறியவும்                                                                       |                                [கேன்வாஸ் வரைதல்](/6-space-game/2-drawing-to-canvas/README.md)                                |          கிறிஸ்          |
+| 17  |           [விண்வெளி விளையாட்டு](/6-space-game/solution/README.md)           |                   திரையைச் சுற்றி நகரும் கூறுகள்                     | கார்ட்டீசியன் ஆயத்தொலைவுகள் மற்றும் கேன்வாஸ் ஏபிஐ பயன்படுத்தி கூறுகள் எவ்வாறு இயக்கத்தைப் பெற முடியும் என்பதைக் கண்டறியவும்                                            |                           [சுற்றி நகரும் கூறுகள்](/6-space-game/3-moving-elements-around/README.md)                           |          கிறிஸ்          |
+| 18  |           [விண்வெளி விளையாட்டு](/6-space-game/solution/README.md)           |                          மோதல் கண்டறிதல்                           | கூறுகள் மோதிக்கொண்டு விசைஅழுத்தங்கள் பயன்படுத்தி ஒருவருக்கொருவர் எதிர்வினை மற்றும் விளையாட்டின் செயல்திறனை உறுதி செய்ய ஒரு குளிர்விக்கும் செயல்பாட்டை வழங்க    |                              [மோதல் கண்டறிதல்](/6-space-game/4-collision-detection/README.md)                              |          கிறிஸ்          |
+| 19  |           [விண்வெளி விளையாட்டு](/6-space-game/solution/README.md)           |                             மதிப்பெண் வைத்து                               | விளையாட்டின் நிலை மற்றும் செயல்திறன் அடிப்படையில் கணித கணக்கீடுகளை செய்ய                                                               |                                    [மதிப்பெண் வைத்து ](/6-space-game/5-keeping-score/README.md)                                    |          கிறிஸ்          |
+| 20  |           [விண்வெளி விளையாட்டு](/6-space-game/solution/README.md)           |                     விளையாட்டை முடித்து மறுதொடக்கம் செய்தல்                     | சொத்துக்களை சுத்தம் செய்தல் மற்றும் மாறி மதிப்புகளை மறுசீரமைப்பது உட்பட விளையாட்டை முடிப்பது மற்றும் மறுதொடக்கம் செய்வது பற்றி அறிக                               |                                [முடிவுநிலை](/6-space-game/6-end-condition/README.md)                                 |          கிறிஸ்          |
+| 21  |         [வங்கிச் சேவை](/7-bank-project/solution/README.md)          |                 ஒரு வலை பயன்பாட்டில் உள்ள ஹெச்டிஎம்எல் கள் வார்ப்புருக்கள் மற்றும் வழிகள்                 | ரூட்டிங் மற்றும் ஹெச்டிஎம்எல் டெம்ப்ளேட்களைப் பயன்படுத்தி பலபக்க வலைத்தளத்தின் கட்டிடக்கலையின் தூக்குமேடையை எவ்வாறு உருவாக்குவது என்பதை அறிக                             |                            [ஹெச்டிஎம்எல் வார்ப்புருக்கள் மற்றும் வழிகள்](/7-bank-project/1-template-route/README.md)                             |          யோஹான்          |
+| 22  |         [வங்கிச் சேவை](/7-bank-project/solution/README.md)          |                  உள்நுழைவு மற்றும் பதிவு படிவத்தை உருவாக்கவும்                   | கட்டிட படிவங்கள் மற்றும் சரிபார்ப்பு நடைமுறைகளை வழங்குவது பற்றி அறிக                                                                          |                                           [படிவங்கள்](/7-bank-project/2-forms/README.md)                                           |          யோஹான்          |
+| 23  |         [வங்கிச் சேவை](/7-bank-project/solution/README.md)          |                   தரவுகளை ப் பெறுதல் மற்றும் பயன்படுத்துதல் முறைகள்                   | உங்கள் பயன்பாட்டிற்கு உள்ளேயும் வெளியேயும் தரவு எவ்வாறு பாய்கிறது, அதை எவ்வாறு கொண்டு வருவது, சேமித்து, அதை அகற்றுவது எப்படி                                                 |                                            [தரப்பட்டவை](/7-bank-project/3-data/README.md)                                            |          யோஹான்          |
+| 24  |         [வங்கிச் சேவை](/7-bank-project/solution/README.md)          |                      நிலை மேலாண்மை பற்றிய கருத்துக்கள்                      | உங்கள் பயன்பாடு எவ்வாறு மாநிலத்தை த் தக்கவைத்துக் கொள்கிறது மற்றும் அதை நிரலாக்கரீதியாக எவ்வாறு நிர்வகிப்பது என்பதை அறிக                                                              |                                [நிலை மேலாண்மை](/7-bank-project/4-state-management/README.md)                                |          யோஹான்          |
+
+## ஆஃப்லைன் அணுகல்
+[டாக்சிபி](https://docsify.js.org/#/) பயன்படுத்தி இந்த டாக்சிபி ஆஃப்லைனில் இயக்கலாம். இந்த ரெப்போவை ஃபோர்க் செய்யவும், [உங்கள் உள்ளூர் இயந்திரத்தில் டாக்சிபி நிறுவவும்](https://docsify.js.org/#/quickstart), பின்னர் இந்த ரெப்போவின் ரூட் கோப்புறையில், `docsify serve` தட்டச்சு செய்யவும். வலைத்தளம் உங்கள் உள்ளூர் ஹோஸ்ட்டில் போர்ட் 3000 இல் வழங்கப்படும்: `localhost:3000`.
+
+## பிடிஎப்
+
+அனைத்து பாடங்களின் பிடிஎப் ஐ [இங்கே](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) காணலாம்
+
+## ஏனைய பாடத்திட்டம்
+
+எங்கள் அணி மற்ற பாடத்திட்டத்தை தயாரிக்கிறது! செக்அவுட்:
+
+- [ஆரம்ப மெஷின் கற்றல்](https://aka.ms/ml-beginners)
+- [ஆரம்ப ங்களுக்கான ஐஓடி](https://aka.ms/iot-beginners)
+- [ஆரம்ப தரவு அறிவியல்](https://aka.ms/datascience-beginners)
diff --git a/translations/README.te.md b/translations/README.te.md
index ad667ccd..69ee4c1a 100644
--- a/translations/README.te.md
+++ b/translations/README.te.md
@@ -70,21 +70,21 @@
 | 07  |                      జెఎస్ బేసిక్స్                       |                            ఎరాయ్ లు మరియు లూప్ లు                            | జావాస్క్రిప్ట్ లో ఎరాయ్ లు మరియు లూప్ లను ఉపయోగించి డేటాతో పనిచేయండి.                                                                                 |                                   [ఎరాయ్ లు మరియు లూప్ లు](/2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
 | 08  |       [టెర్రిరియం](/3-terrarium/solution/README.md)       |                            ప్రాక్టీస్ లో హెచ్ టిఎమ్ ఎల్                            | లేఅవుట్ నిర్మించడంపై దృష్టి సారించి, ఆన్ లైన్ టెర్రిరియం సృష్టించడం కొరకు హెచ్ టిఎమ్ ఎల్ ని రూపొందించండి.                                                         |                                 [హెచ్ టిఎమ్ ఎల్ పరిచయం](/3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
 | 09  |       [టెర్రిరియం](/3-terrarium/solution/README.md)       |                            ఆచరణలో సిఎస్ఎస్                             | పేజీని ప్రతిస్పందించేలా చేయడం సహా సిఎస్ఎస్ యొక్క ప్రాథమికాంశాలపై దృష్టి సారించి, ఆన్ లైన్ టెర్రరియంస్టైల్ చేయడానికి సిఎస్ఎస్ ని నిర్మించండి.                     |                                  [సిఎస్ఎస్ పరిచయం](/3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [టెర్రిరియం](/3-terrarium/solution)            |                 జావాస్క్రిప్ట్ మూసివేతలు, డి.ఒ.ఎం మానిప్యులేషన్                  | క్లోజర్లు మరియు డివోఎమ్ మానిప్యులేషన్ పై దృష్టి సారించి, డ్రాగ్/డ్రాప్ ఇంటర్ ఫేస్ వలే టెర్రిరియం పనిచేయడానికి జావాస్క్రిప్ట్ ని రూపొందించండి.             |                  [జావాస్క్రిప్ట్ మూసివేతలు, డి.ఒ.ఎం మానిప్యులేషన్](/3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [టైపింగ్ గేమ్](/4-typing-game/solution)          |                          టైపింగ్ గేమ్ నిర్మించండి                           | మీ జావాస్క్రిప్ట్ యాప్ యొక్క లాజిక్ డ్రైవ్ చేయడం కొరకు కీబోర్డ్ ఈవెంట్ లను ఎలా ఉపయోగించాలో తెలుసుకోండి.                                                          |                                [ఈవెంట్ ఆధారిత ప్రోగ్రామింగ్](/4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [గ్రీన్ బ్రౌజర్ పొడిగింపు](/5-browser-extension/solution) |                         బ్రౌజర్ లతో పనిచేయడం                          | బ్రౌజర్ లు ఏవిధంగా పనిచేస్తాయి, వాటి చరిత్ర మరియు బ్రౌజర్ పొడిగింపు యొక్క మొదటి ఎలిమెంట్ లను ఎలా పరంజా చేయాలో తెలుసుకోండి.                               |                               [బ్రౌజర్ల గురించి](/5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [గ్రీన్ బ్రౌజర్ పొడిగింపు](/5-browser-extension/solution) | ఒక ఫారాన్ని నిర్మించడం, APఐని పిలవడం మరియు స్థానిక స్టోరేజీలో వేరియబుల్స్ నిల్వ చేయడం | స్థానిక స్టోరేజీలో నిల్వ చేయబడ్డ వేరియబుల్స్ ఉపయోగించి APఐకి కాల్ చేయడం కొరకు మీ బ్రౌజర్ పొడిగింపు యొక్క జావాస్క్రిప్ట్ ఎలిమెంట్ లను రూపొందించండి.                      |                [APఐలు, ఫారాలు మరియు స్థానిక స్టోరేజీ](/5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [గ్రీన్ బ్రౌజర్ పొడిగింపు](/5-browser-extension/solution) |          బ్రౌజర్ లో నేపథ్య ప్రక్రియలు, వెబ్ పనితీరు           | ఎక్స్ టెన్షన్ యొక్క ఐకాన్ ని నిర్వహించడం కొరకు బ్రౌజర్ యొక్క బ్యాక్ గ్రౌండ్ ప్రాసెస్ లను ఉపయోగించండి. వెబ్ పనితీరు మరియు కొన్ని ఆప్టిమైజేషన్ ల గురించి తెలుసుకోండి   |             [బ్యాక్ గ్రౌండ్ టాస్క్ లు మరియు పనితీరు](/5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [స్పేస్ గేమ్](/6-space-game/solution)            |             జావాస్క్రిప్ట్ తో మరింత అధునాతన గేమ్ డెవలప్ మెంట్             | ఒక గేమ్ ని రూపొందించడం కొరకు సిద్ధం చేయడం కొరకు క్లాసులు మరియు కంపోజిషన్ మరియు పబ్/సబ్ ప్యాట్రన్ రెండింటిని ఉపయోగించి ఇన్హెరిటెన్స్ గురించి తెలుసుకోండి.              |                      [అధునాతన గేమ్ డెవలప్ మెంట్ పరిచయం](/6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [స్పేస్ గేమ్](/6-space-game/solution)            |                           కాన్వాస్ కు డ్రాయింగ్                            | స్క్రీన్ కు ఎలిమెంట్ లను గీయడం కొరకు ఉపయోగించే కాన్వాస్ APఐ గురించి తెలుసుకోండి.                                                                       |                                [కాన్వాస్ కు డ్రాయింగ్](/6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [స్పేస్ గేమ్](/6-space-game/solution)            |                   స్క్రీన్ చుట్టూ మూలకాలను కదిలించడం                    | కార్టేసియన్ కోఆర్డినేట్ లు మరియు కాన్వాస్ ఎపిఐఉపయోగించి ఎలిమెంట్ లు చలనాన్ని ఎలా పొందగలవో కనుగొనండి.                                            |                           [చుట్టూ మూలకాలను తరలించడం](/6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [స్పేస్ గేమ్](/6-space-game/solution)            |                          తాడన గుర్తింపు                           | కీప్రెస్ లను ఉపయోగించి ఎలిమెంట్ లు ఒకదానికొకటి ఢీకొనడం మరియు ప్రతిస్పందించేలా చేయడం మరియు గేమ్ యొక్క పనితీరును ధృవీకరించడం కొరకు కూల్ డౌన్ ఫంక్షన్ ని అందించడం    |                              [తాడన గుర్తింపు](/6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [స్పేస్ గేమ్](/6-space-game/solution)            |                             స్కోరును ఉంచడం                              | ఆట యొక్క స్థితి మరియు పనితీరు ఆధారంగా గణిత గణనలు నిర్వహించండి                                                                |                                    [కీపింగ్ స్కోరు](/6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [స్పేస్ గేమ్](/6-space-game/solution)            |                     ఆటను ముగించడం మరియు తిరిగి ప్రారంభించడం                     | ఆస్తులను శుభ్రం చేయడం మరియు వేరియబుల్ విలువలను రీసెట్ చేయడం సహా గేమ్ ని ముగించడం మరియు తిరిగి ప్రారంభించడం గురించి తెలుసుకోండి.                              |                                [ముగింపు పరిస్థితి](/6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |          [బ్యాంకింగ్ యాప్](/7-bank-project/solution)          |                 వెబ్ యాప్ లో హెచ్ టిఎమ్ ఎల్ టెంప్లెట్ లు మరియు రూట్ లు                 | రూటింగ్ మరియు హెచ్ టిఎమ్ ఎల్ టెంప్లెట్ లను ఉపయోగించి మల్టీపేజీ వెబ్ సైట్ యొక్క ఆర్కిటెక్చర్ యొక్క పరంజాను ఎలా సృష్టించాలో తెలుసుకోండి.                             |                            [హెచ్ టిఎమ్ ఎల్ టెంప్లెట్ లు మరియు రూట్ లు](/7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |          [బ్యాంకింగ్ యాప్](/7-bank-project/solution)          |                  లాగిన్ మరియు రిజిస్ట్రేషన్ ఫారాన్ని రూపొందించండి                   | బిల్డింగ్ ఫారాలు మరియు ధ్రువీకరణ రొటీన్ ల హ్యాండింగ్ గురించి తెలుసుకోండి                                                                          |                                           [రూపాలు](/7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |          [బ్యాంకింగ్ యాప్](/7-bank-project/solution)          |                   డేటాను పొందడం మరియు ఉపయోగించే విధానాలు                   | డేటా మీ యాప్ లో మరియు బయటకు ఎలా ప్రవహిస్తుంది, దానిని ఎలా తీసుకురావాలి, నిల్వ చేయాలి మరియు పారవేయాలి                                                 |                                            [రూపాలు](/7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |          [బ్యాంకింగ్ యాప్](/7-bank-project/solution)          |                      స్టేట్ మేనేజ్ మెంట్ యొక్క భావనలు                      | మీ యాప్ స్థితిని ఎలా నిలుపుకుందో మరియు దానిని ప్రోగ్రామ్ గా ఎలా నిర్వహించాలో తెలుసుకోండి.                                                              |                                [రాష్ట్ర నిర్వహణ](/7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 10  |            [టెర్రిరియం](/3-terrarium/solution/README.md)            |                 జావాస్క్రిప్ట్ మూసివేతలు, డి.ఒ.ఎం మానిప్యులేషన్                  | క్లోజర్లు మరియు డివోఎమ్ మానిప్యులేషన్ పై దృష్టి సారించి, డ్రాగ్/డ్రాప్ ఇంటర్ ఫేస్ వలే టెర్రిరియం పనిచేయడానికి జావాస్క్రిప్ట్ ని రూపొందించండి.             |                  [జావాస్క్రిప్ట్ మూసివేతలు, డి.ఒ.ఎం మానిప్యులేషన్](/3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [టైపింగ్ గేమ్](/4-typing-game/solution/README.md)          |                          టైపింగ్ గేమ్ నిర్మించండి                           | మీ జావాస్క్రిప్ట్ యాప్ యొక్క లాజిక్ డ్రైవ్ చేయడం కొరకు కీబోర్డ్ ఈవెంట్ లను ఎలా ఉపయోగించాలో తెలుసుకోండి.                                                          |                                [ఈవెంట్ ఆధారిత ప్రోగ్రామింగ్](/4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [గ్రీన్ బ్రౌజర్ పొడిగింపు](/5-browser-extension/solution/README.md) |                         బ్రౌజర్ లతో పనిచేయడం                          | బ్రౌజర్ లు ఏవిధంగా పనిచేస్తాయి, వాటి చరిత్ర మరియు బ్రౌజర్ పొడిగింపు యొక్క మొదటి ఎలిమెంట్ లను ఎలా పరంజా చేయాలో తెలుసుకోండి.                               |                               [బ్రౌజర్ల గురించి](/5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [గ్రీన్ బ్రౌజర్ పొడిగింపు](/5-browser-extension/solution/README.md) | ఒక ఫారాన్ని నిర్మించడం, APఐని పిలవడం మరియు స్థానిక స్టోరేజీలో వేరియబుల్స్ నిల్వ చేయడం | స్థానిక స్టోరేజీలో నిల్వ చేయబడ్డ వేరియబుల్స్ ఉపయోగించి APఐకి కాల్ చేయడం కొరకు మీ బ్రౌజర్ పొడిగింపు యొక్క జావాస్క్రిప్ట్ ఎలిమెంట్ లను రూపొందించండి.                      |                [APఐలు, ఫారాలు మరియు స్థానిక స్టోరేజీ](/5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [గ్రీన్ బ్రౌజర్ పొడిగింపు](/5-browser-extension/solution/README.md) |          బ్రౌజర్ లో నేపథ్య ప్రక్రియలు, వెబ్ పనితీరు           | ఎక్స్ టెన్షన్ యొక్క ఐకాన్ ని నిర్వహించడం కొరకు బ్రౌజర్ యొక్క బ్యాక్ గ్రౌండ్ ప్రాసెస్ లను ఉపయోగించండి. వెబ్ పనితీరు మరియు కొన్ని ఆప్టిమైజేషన్ ల గురించి తెలుసుకోండి   |             [బ్యాక్ గ్రౌండ్ టాస్క్ లు మరియు పనితీరు](/5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [స్పేస్ గేమ్](/6-space-game/solution/README.md)            |             జావాస్క్రిప్ట్ తో మరింత అధునాతన గేమ్ డెవలప్ మెంట్             | ఒక గేమ్ ని రూపొందించడం కొరకు సిద్ధం చేయడం కొరకు క్లాసులు మరియు కంపోజిషన్ మరియు పబ్/సబ్ ప్యాట్రన్ రెండింటిని ఉపయోగించి ఇన్హెరిటెన్స్ గురించి తెలుసుకోండి.              |                      [అధునాతన గేమ్ డెవలప్ మెంట్ పరిచయం](/6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [స్పేస్ గేమ్](/6-space-game/solution/README.md)            |                           కాన్వాస్ కు డ్రాయింగ్                            | స్క్రీన్ కు ఎలిమెంట్ లను గీయడం కొరకు ఉపయోగించే కాన్వాస్ APఐ గురించి తెలుసుకోండి.                                                                       |                                [కాన్వాస్ కు డ్రాయింగ్](/6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [స్పేస్ గేమ్](/6-space-game/solution/README.md)            |                   స్క్రీన్ చుట్టూ మూలకాలను కదిలించడం                    | కార్టేసియన్ కోఆర్డినేట్ లు మరియు కాన్వాస్ ఎపిఐఉపయోగించి ఎలిమెంట్ లు చలనాన్ని ఎలా పొందగలవో కనుగొనండి.                                            |                           [చుట్టూ మూలకాలను తరలించడం](/6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [స్పేస్ గేమ్](/6-space-game/solution/README.md)            |                          తాడన గుర్తింపు                           | కీప్రెస్ లను ఉపయోగించి ఎలిమెంట్ లు ఒకదానికొకటి ఢీకొనడం మరియు ప్రతిస్పందించేలా చేయడం మరియు గేమ్ యొక్క పనితీరును ధృవీకరించడం కొరకు కూల్ డౌన్ ఫంక్షన్ ని అందించడం    |                              [తాడన గుర్తింపు](/6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [స్పేస్ గేమ్](/6-space-game/solution/README.md)            |                             స్కోరును ఉంచడం                              | ఆట యొక్క స్థితి మరియు పనితీరు ఆధారంగా గణిత గణనలు నిర్వహించండి                                                                |                                    [కీపింగ్ స్కోరు](/6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [స్పేస్ గేమ్](/6-space-game/solution/README.md)            |                     ఆటను ముగించడం మరియు తిరిగి ప్రారంభించడం                     | ఆస్తులను శుభ్రం చేయడం మరియు వేరియబుల్ విలువలను రీసెట్ చేయడం సహా గేమ్ ని ముగించడం మరియు తిరిగి ప్రారంభించడం గురించి తెలుసుకోండి.                              |                                [ముగింపు పరిస్థితి](/6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |          [బ్యాంకింగ్ యాప్](/7-bank-project/solution/README.md)          |                 వెబ్ యాప్ లో హెచ్ టిఎమ్ ఎల్ టెంప్లెట్ లు మరియు రూట్ లు                 | రూటింగ్ మరియు హెచ్ టిఎమ్ ఎల్ టెంప్లెట్ లను ఉపయోగించి మల్టీపేజీ వెబ్ సైట్ యొక్క ఆర్కిటెక్చర్ యొక్క పరంజాను ఎలా సృష్టించాలో తెలుసుకోండి.                             |                            [హెచ్ టిఎమ్ ఎల్ టెంప్లెట్ లు మరియు రూట్ లు](/7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |          [బ్యాంకింగ్ యాప్](/7-bank-project/solution/README.md)          |                  లాగిన్ మరియు రిజిస్ట్రేషన్ ఫారాన్ని రూపొందించండి                   | బిల్డింగ్ ఫారాలు మరియు ధ్రువీకరణ రొటీన్ ల హ్యాండింగ్ గురించి తెలుసుకోండి                                                                          |                                           [రూపాలు](/7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |          [బ్యాంకింగ్ యాప్](/7-bank-project/solution/README.md)          |                   డేటాను పొందడం మరియు ఉపయోగించే విధానాలు                   | డేటా మీ యాప్ లో మరియు బయటకు ఎలా ప్రవహిస్తుంది, దానిని ఎలా తీసుకురావాలి, నిల్వ చేయాలి మరియు పారవేయాలి                                                 |                                            [రూపాలు](/7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |          [బ్యాంకింగ్ యాప్](/7-bank-project/solution/README.md)          |                      స్టేట్ మేనేజ్ మెంట్ యొక్క భావనలు                      | మీ యాప్ స్థితిని ఎలా నిలుపుకుందో మరియు దానిని ప్రోగ్రామ్ గా ఎలా నిర్వహించాలో తెలుసుకోండి.                                                              |                                [రాష్ట్ర నిర్వహణ](/7-bank-project/4-state-management/README.md)                                |          Yohan          |
 
 ## ఆఫ్ లైన్ యాక్సెస్
 
diff --git a/translations/for-teachers.ta.md b/translations/for-teachers.ta.md
new file mode 100644
index 00000000..d7060772
--- /dev/null
+++ b/translations/for-teachers.ta.md
@@ -0,0 +1,33 @@
+## கல்வியாளர்களுக்கு
+
+உங்கள் வகுப்பறையில் இந்தப் பாடத்திட்டத்தை பயன்படுத்த விரும்புகிறீர்களா? தயவுசெய்து சுதந்திரமாக உணருங்கள்!
+
+உண்மையில், நீங்கள் கீதுப் வகுப்பறையைப் பயன்படுத்தி அதை கீதுப்க்குள் பயன்படுத்தலாம்.
+
+அதை செய்ய, இந்த ரெப்போவை முட்கரண்டி. நீங்கள் ஒவ்வொரு பாடத்திற்கும் ஒரு ரெப்போவை உருவாக்க வேண்டும், எனவே நீங்கள் ஒவ்வொரு கோப்புறையை ஒரு தனி ரெப்போவில் பிரித்தெடுக்க வேண்டும்.அந்த வழியில், [கிட்ஹப் வகுப்பறை](https://classroom.github.com/classrooms) ஒவ்வொரு பாடமும் தனித்தனியாக எடுக்க முடியும்.
+
+இந்த [முழு அறிவுறுத்தல்கள்](https://github.blog/2020-03-18-set-up-your-digital-classroom-with-github-classroom/) உங்கள் வகுப்பறையை எவ்வாறு அமைப்பது என்பது பற்றிய ஒரு யோசனையை உங்களுக்கு வழங்கும்.
+
+## மூடல், கேன்வாஸ் அல்லது பிளாக்போர்டில் அதைப் பயன்படுத்துதல்
+
+இந்த பாடத்திட்டம் இந்த கற்றல் மேலாண்மை அமைப்புகளில் நன்றாக வேலை செய்கிறது! முழு உள்ளடக்கத்திற்கு [மூடல் பதிவேற்றக் கோப்பை](../teaching-files/webdev-moodle.mbz) பயன்படுத்தவும், அல்லது உள்ளடக்கத்தில் சிலவற்றைக் கொண்ட [பொதுவான பொதியுறை கோப்பு](../teaching-files/webdev-common-cartridge.imscc) முயற்சிக்கவும்.
+
+![Moodle](../teaching-files/moodle.png)
+> ஒரு மூடல் வகுப்பறையில் பாடத்திட்டம்
+
+![Canvas](../teaching-files/canvas.png)
+> கேன்வாஸ் பாடத்திட்டம்
+
+## ரெப்போவைப் பயன்படுத்துதல்
+
+நீங்கள் இந்த ரெப்போவை தற்போது உள்ளது போல் பயன்படுத்த விரும்பினால், கிட்ஹப் வகுப்பறையைப் பயன்படுத்தாமல், அதையும் செய்யலாம். நீங்கள் ஒன்றாக வேலை செய்ய எந்த பாடம் உங்கள் மாணவர்களுடன் தொடர்பு கொள்ள வேண்டும்.
+
+ஒரு ஆன்லைன் வடிவத்தில் (ஜூம், அணிகள், அல்லது பிற) நீங்கள் வினாடி வினாக்களுக்கு பிரேக்அவுட் அறைகளை உருவாக்கலாம், மேலும் மாணவர்கள் கற்றுக்கொள்ள தயாராக உதவஉதவலாம். பின்னர் வினாடி வினாக்களுக்கு மாணவர்களை அழைத்து, ஒரு குறிப்பிட்ட நேரத்தில் 'சிக்கல்களாக' தங்கள் பதில்களை சமர்ப்பிக்கவும். மாணவர்கள் திறந்த வெளியில் கூட்டாக வேலை செய்ய விரும்பினால், நீங்கள் நியமிப்புகளிலும் அதையே செய்யலாம்.
+
+நீங்கள் ஒரு தனிப்பட்ட வடிவத்தை விரும்பினால், உங்கள் மாணவர்களை பாடத்திட்டத்தை, பாடத்தின் மூலம் பாடம், தங்கள் சொந்த கிட்ஹப் ரெப்போக்களை தனியார் ரெப்போக்களாக க்ளெக் செய்யுமாறு கேளுங்கள், உங்களுக்கு அணுகலை வழங்கவும். பின்னர் அவர்கள் தனிப்பட்ட முறையில் வினாடி வினாக்கள் மற்றும் பணிகளை முடிக்க மற்றும் உங்கள் வகுப்பறை ரெப்போ பிரச்சினைகள் மூலம் நீங்கள் அவற்றை சமர்ப்பிக்க முடியும்.
+
+ஒரு ஆன்லைன் வகுப்பறை வடிவத்தில் இந்த வேலை செய்ய பல வழிகள் உள்ளன. உங்களுக்கு எது சிறந்தது என்பதை எங்களுக்குத் தெரியப்படுத்துங்கள்!
+
+## தயவுசெய்து உங்கள் எண்ணங்களை எங்களுக்குத் கொடுங்கள்!
+
+இந்த பாடத்திட்டத்தை உங்களுக்கும் உங்கள் மாணவர்களுக்கும் வேலை செய்ய விரும்புகிறோம். தயவுசெய்து எங்களுக்கு [கருத்து](https://forms.microsoft.com/Pages/ResponsePage.aspx?id=v4j5cvGGr0GRqy180BHbR2humCsRZhxNuI79cm6n0hRUQzRVVU9VVlU5UlFLWTRLWlkyQUxORTg5WS4u) கொடுங்கள்
\ No newline at end of file