language menu added

YoungTsuiMing · Jun 2, 2020 · f6b0536 · f6b0536
1 parent a9f807a
commit f6b0536
Show file tree

Hide file tree

Showing 86 changed files with 78 additions and 54 deletions.
diff --git a/RU/README.md b/RU/README.md
@@ -12,6 +12,14 @@
 <small> Январь, 2020</small>
 </sub>
 
+  <div>
+
+  🇬🇧 [English](../readMe.md)
+  🇪🇸 [Spanish](../Spanish/readme.md)
+  🇷🇺 [Russian](./README.md)
+
+  </div>
+
 </div>
 
 [День 2 >>](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/RU/02_Day/02_day_data_types.md)

diff --git a/Spanish/images/30DaysOfJavaScript.png b/Spanish/images/30DaysOfJavaScript.png
diff --git a/Spanish/images/adding_project_to_vscode.png b/Spanish/images/adding_project_to_vscode.png
diff --git a/Spanish/images/arithmetic.png b/Spanish/images/arithmetic.png
diff --git a/Spanish/images/array_index.png b/Spanish/images/array_index.png
diff --git a/Spanish/images/assignment_operators.png b/Spanish/images/assignment_operators.png
diff --git a/Spanish/images/banners/Day -1 – 31.png b/Spanish/images/banners/Day -1 – 31.png
diff --git a/Spanish/images/banners/day_1_1.png b/Spanish/images/banners/day_1_1.png
diff --git a/Spanish/images/banners/day_1_10.png b/Spanish/images/banners/day_1_10.png
diff --git a/Spanish/images/banners/day_1_11.png b/Spanish/images/banners/day_1_11.png
diff --git a/Spanish/images/banners/day_1_12.png b/Spanish/images/banners/day_1_12.png
diff --git a/Spanish/images/banners/day_1_13.png b/Spanish/images/banners/day_1_13.png
diff --git a/Spanish/images/banners/day_1_14.png b/Spanish/images/banners/day_1_14.png
diff --git a/Spanish/images/banners/day_1_15.png b/Spanish/images/banners/day_1_15.png
diff --git a/Spanish/images/banners/day_1_16.png b/Spanish/images/banners/day_1_16.png
diff --git a/Spanish/images/banners/day_1_17.png b/Spanish/images/banners/day_1_17.png
diff --git a/Spanish/images/banners/day_1_18.png b/Spanish/images/banners/day_1_18.png
diff --git a/Spanish/images/banners/day_1_19.png b/Spanish/images/banners/day_1_19.png
diff --git a/Spanish/images/banners/day_1_2.png b/Spanish/images/banners/day_1_2.png
diff --git a/Spanish/images/banners/day_1_20.png b/Spanish/images/banners/day_1_20.png
diff --git a/Spanish/images/banners/day_1_21.png b/Spanish/images/banners/day_1_21.png
diff --git a/Spanish/images/banners/day_1_22.png b/Spanish/images/banners/day_1_22.png
diff --git a/Spanish/images/banners/day_1_23.png b/Spanish/images/banners/day_1_23.png
diff --git a/Spanish/images/banners/day_1_24.png b/Spanish/images/banners/day_1_24.png
diff --git a/Spanish/images/banners/day_1_25.png b/Spanish/images/banners/day_1_25.png
diff --git a/Spanish/images/banners/day_1_26.png b/Spanish/images/banners/day_1_26.png
diff --git a/Spanish/images/banners/day_1_27.png b/Spanish/images/banners/day_1_27.png
diff --git a/Spanish/images/banners/day_1_28.png b/Spanish/images/banners/day_1_28.png
diff --git a/Spanish/images/banners/day_1_29.png b/Spanish/images/banners/day_1_29.png
diff --git a/Spanish/images/banners/day_1_3.png b/Spanish/images/banners/day_1_3.png
diff --git a/Spanish/images/banners/day_1_30.png b/Spanish/images/banners/day_1_30.png
diff --git a/Spanish/images/banners/day_1_4.png b/Spanish/images/banners/day_1_4.png
diff --git a/Spanish/images/banners/day_1_5.png b/Spanish/images/banners/day_1_5.png
diff --git a/Spanish/images/banners/day_1_6.png b/Spanish/images/banners/day_1_6.png
diff --git a/Spanish/images/banners/day_1_7.png b/Spanish/images/banners/day_1_7.png
diff --git a/Spanish/images/banners/day_1_8.png b/Spanish/images/banners/day_1_8.png
diff --git a/Spanish/images/banners/day_1_9.png b/Spanish/images/banners/day_1_9.png
diff --git a/Spanish/images/comparison_operators.png b/Spanish/images/comparison_operators.png
diff --git a/Spanish/images/console_log_multipl_arguments.png b/Spanish/images/console_log_multipl_arguments.png
diff --git a/Spanish/images/date_time_object.png b/Spanish/images/date_time_object.png
diff --git a/Spanish/images/day_1.png b/Spanish/images/day_1.png
diff --git a/Spanish/images/day_1_1.png b/Spanish/images/day_1_1.png
diff --git a/Spanish/images/download_node.png b/Spanish/images/download_node.png
diff --git a/Spanish/images/google_chrome.png b/Spanish/images/google_chrome.png
diff --git a/Spanish/images/install_node.png b/Spanish/images/install_node.png
diff --git a/Spanish/images/js_code_on_chrome_console.png b/Spanish/images/js_code_on_chrome_console.png
diff --git a/Spanish/images/js_code_vscode.png b/Spanish/images/js_code_vscode.png
diff --git a/Spanish/images/launched_on_new_tab.png b/Spanish/images/launched_on_new_tab.png
diff --git a/Spanish/images/local_storage.png b/Spanish/images/local_storage.png
diff --git a/Spanish/images/multiple_script.png b/Spanish/images/multiple_script.png
diff --git a/Spanish/images/opening_chrome_console_shortcut.png b/Spanish/images/opening_chrome_console_shortcut.png
diff --git a/Spanish/images/opening_developer_tool.png b/Spanish/images/opening_developer_tool.png
diff --git a/Spanish/images/opening_project_on_vscode.png b/Spanish/images/opening_project_on_vscode.png
diff --git a/Spanish/images/projects/congratulations.gif b/Spanish/images/projects/congratulations.gif
diff --git a/...h/images/projects/dom_min_project_30DaysOfJavaScript_color_changing_day_9.1.gif b/...h/images/projects/dom_min_project_30DaysOfJavaScript_color_changing_day_9.1.gif
diff --git a/Spanish/images/projects/dom_min_project_bar_graph_day_5.1.gif b/Spanish/images/projects/dom_min_project_bar_graph_day_5.1.gif
diff --git a/Spanish/images/projects/dom_min_project_bar_graph_day_5.1.png b/Spanish/images/projects/dom_min_project_bar_graph_day_5.1.png
diff --git a/Spanish/images/projects/dom_min_project_challenge_info_day_1.1.gif b/Spanish/images/projects/dom_min_project_challenge_info_day_1.1.gif
diff --git a/Spanish/images/projects/dom_min_project_challenge_info_day_1.1.png b/Spanish/images/projects/dom_min_project_challenge_info_day_1.1.png
diff --git a/Spanish/images/projects/dom_min_project_countries_aray_day_2.2.png b/Spanish/images/projects/dom_min_project_countries_aray_day_2.2.png
diff --git a/Spanish/images/projects/dom_min_project_day_7.1.gif b/Spanish/images/projects/dom_min_project_day_7.1.gif
diff --git a/Spanish/images/projects/dom_min_project_day_number_generators_2.1.png b/Spanish/images/projects/dom_min_project_day_number_generators_2.1.png
diff --git a/Spanish/images/projects/dom_min_project_keycode_day_3.2.gif b/Spanish/images/projects/dom_min_project_keycode_day_3.2.gif
diff --git a/Spanish/images/projects/dom_min_project_number_generator_day_3.1.gif b/Spanish/images/projects/dom_min_project_number_generator_day_3.1.gif
diff --git a/Spanish/images/projects/dom_min_project_solar_system_day_4.1.gif b/Spanish/images/projects/dom_min_project_solar_system_day_4.1.gif
diff --git a/Spanish/images/projects/dom_min_project_solar_system_day_4.1.mkv b/Spanish/images/projects/dom_min_project_solar_system_day_4.1.mkv
diff --git a/Spanish/images/projects/dom_min_project_solar_system_day_4.1.mp4 b/Spanish/images/projects/dom_min_project_solar_system_day_4.1.mp4
diff --git a/Spanish/images/projects/dom_mini_project_challenge_info_day_2.3.gif b/Spanish/images/projects/dom_mini_project_challenge_info_day_2.3.gif
diff --git a/Spanish/images/projects/dom_mini_project_challenge_info_day_2.3.png b/Spanish/images/projects/dom_mini_project_challenge_info_day_2.3.png
diff --git a/Spanish/images/projects/dom_mini_project_countries_day_6.1.gif b/Spanish/images/projects/dom_mini_project_countries_day_6.1.gif
diff --git a/Spanish/images/projects/dom_mini_project_countries_object_day_10.1.gif b/Spanish/images/projects/dom_mini_project_countries_object_day_10.1.gif
diff --git a/Spanish/images/projects/dom_mini_project_form_validation_day_10.2.1.png b/Spanish/images/projects/dom_mini_project_form_validation_day_10.2.1.png
diff --git a/Spanish/images/projects/dom_mini_project_form_validation_day_10.2.png b/Spanish/images/projects/dom_mini_project_form_validation_day_10.2.png
diff --git a/Spanish/images/projects/dom_mini_project_leaderboard_day_8.1.gif b/Spanish/images/projects/dom_mini_project_leaderboard_day_8.1.gif
diff --git a/Spanish/images/projects/dom_mini_project_leaderboard_day_8.1.png b/Spanish/images/projects/dom_mini_project_leaderboard_day_8.1.png
diff --git a/Spanish/images/projects/dom_mini_project_slider_day_7.1.gif b/Spanish/images/projects/dom_mini_project_slider_day_7.1.gif
diff --git a/Spanish/images/raising_syntax_error.png b/Spanish/images/raising_syntax_error.png
diff --git a/Spanish/images/regex.png b/Spanish/images/regex.png
diff --git a/Spanish/images/running_script.png b/Spanish/images/running_script.png
diff --git a/Spanish/images/scripts_on_vscode.png b/Spanish/images/scripts_on_vscode.png
diff --git a/Spanish/images/string_indexes.png b/Spanish/images/string_indexes.png
diff --git a/Spanish/images/vscode.png b/Spanish/images/vscode.png
diff --git a/Spanish/images/vscode_ui.png b/Spanish/images/vscode_ui.png
diff --git a/Spanish/images/web_storage.png b/Spanish/images/web_storage.png
diff --git a/Spanish/Día_1/día_1.md → Spanish/readme.md b/Spanish/Día_1/día_1.md → Spanish/readme.md
@@ -12,44 +12,53 @@
   <a href="https://www.linkedin.com/in/asabeneh/" target="_blank">Asabeneh Yetayeh</a><br>
   <small> Enero de 2020</small>
   </sub>
+
+  <div>
+
+  🇬🇧 [English](../readMe.md)
+  🇪🇸 [Spanish](./readme.md)
+  🇷🇺 [Russian](../RU/README.md)
+
+  </div>
 </div>
 
 
-![Thirty Days Of JavaScript](../../images/day_1_1.png)
+![Thirty Days Of JavaScript](./images/day_1_1.png)
 
 
 [📔Día 1](#día-1)
-- [Introducción](#introducción)
-- [Requerimientos](#requerimientos)
-- [Preparación](#preparación)
-  - [Instala Node.js](#instala-nodejs)
-  - [Navegador](#navegador)
-    - [Instalando Google Chrome](#instalando-google-chrome)
-    - [Abriendo la consola de Google Chrome](#abriendo-la-consola-de-google-chrome)
-    - [Escribiendo el código en la consola del navegador](#escribiendo-el-código-en-la-consola-del-navegador)
-      - [Console.log](#consolelog)
-      - [Console.log con múltiples argumentos](#consolelog-con-múltiples-argumentos)
-      - [Comentario](#comentario)
-      - [Sintaxis](#sintaxis)
-    - [Aritmética](#aritmética)
-  - [Editor de código](#editor-de-código)
-    - [Instalando Visual Studio](#instalando-visual-studio-code)
-    - [Cómo usar Visual Studio Code](#cómo-usar-visual-studio-code)
-- [Añadiendo JavaScript a una página web](#añadiendo-javascript-a-una-página-web)
-  - [Script en línea](#script-en-línea)
-  - [Script interno](#script-interno)
-  - [Script externo](#script-externo)
-  - [Múltiples Scripts externos](#múltiples-scripts-externos)
-- [Introducción a los tipos de datos](#introducción-a-los-tipos-de-datos)
-  - [Números](#números)
-  - [Cadenas de texto](#cadenas-de-texto)
-  - [Booleanos](#booleanos)
-  - [Undefined](#undefined)
-  - [Null](#null)
-- [Comprobando los tipos de datos](#comprobando-los-tipos-de-datos)
-- [Comentarios](#comentarios)
-- [Variables](#variables)
-- [💻 Día 1: Ejercicios](#día-1-ejercicios)
+- [📔Día 1](#día-1)
+  - [Introducción](#introducción)
+  - [Requerimientos](#requerimientos)
+  - [Preparación](#preparación)
+    - [Instala Node.js](#instala-nodejs)
+    - [Navegador](#navegador)
+      - [Instalando Google Chrome](#instalando-google-chrome)
+      - [Abriendo la consola de Google Chrome](#abriendo-la-consola-de-google-chrome)
+      - [Escribiendo el código en la consola del navegador](#escribiendo-el-código-en-la-consola-del-navegador)
+        - [Console.log](#consolelog)
+        - [Console.log con múltiples argumentos](#consolelog-con-múltiples-argumentos)
+        - [Comentario](#comentario)
+        - [Sintaxis](#sintaxis)
+      - [Aritmética](#aritmética)
+    - [Editor de código](#editor-de-código)
+      - [Instalando Visual Studio](#instalando-visual-studio)
+      - [Cómo usar Visual Studio Code](#cómo-usar-visual-studio-code)
+  - [Añadiendo JavaScript a una página web](#añadiendo-javascript-a-una-página-web)
+    - [Script en línea](#script-en-línea)
+    - [Script interno](#script-interno)
+    - [Script externo](#script-externo)
+    - [Múltiples Scripts externos](#múltiples-scripts-externos)
+  - [Introducción a los tipos de datos](#introducción-a-los-tipos-de-datos)
+    - [Números](#números)
+    - [Cadenas de texto](#cadenas-de-texto)
+    - [Booleanos](#booleanos)
+    - [Undefined](#undefined)
+    - [Null](#null)
+  - [Comprobando los tipos de datos](#comprobando-los-tipos-de-datos)
+  - [Comentarios](#comentarios)
+    - [Variables](#variables)
+- [💻 Día 1: Ejercicios](#-día-1-ejercicios)
 
 # 📔Día 1
 
@@ -79,11 +88,11 @@ Asumo que tienes motivación, un fuerte deseo de convertirte en un desarrollador
 
 Tal vez no lo necesites ahora pero si más adelante. Asi que instala [node.js](https://nodejs.org/en/)
 
-![Node download](../../images/download_node.png)
+![Node download](./images/download_node.png)
 
 Luego de que se descargue, haz doble click e instálalo
 
- ![Install node](../../images/install_node.png)
+ ![Install node](./images/install_node.png)
 
 Puedes comprobar si se ha instalado correctamente abriendo la terminal del ordenador
 
@@ -100,13 +109,13 @@ Existen muchos navegadores disponibles. Sin embargo, recomiendo especialmente Go
 
 Instala [Google Chrome](https://www.google.com/chrome/) si aún no lo tienes. Podemos escribir un pequeño código JavaScript en la consola del navegador, pero no utilizamos la consola para desarrollar aplicaciones.
 
-![Google Chrome](../../images/google_chrome.png)
+![Google Chrome](./images/google_chrome.png)
 
 #### Abriendo la consola de Google Chrome
 
 Puedes abrir la consola de Google Chrome haciendo click en los tres puntos de la esquina superior derecha del navegador Chrome o utilizando un acceso directo. Yo prefiero usar los atajos.
 
-![Opening chrome](../../images/opening_developer_tool.png)
+![Opening chrome](./images/opening_developer_tool.png)
 
 Para abrir la consola Chrome usando un atajo.
 
@@ -116,11 +125,11 @@ Para abrir la consola Chrome usando un atajo.
     Windows:
     Ctl+Shift+I
 
-![Opening console](../../images/opening_chrome_console_shortcut.png)
+![Opening console](./images/opening_chrome_console_shortcut.png)
 
 Después de abrir la consola de Google Chrome, intenta explorar los botones marcados. Pasaremos la mayor parte del tiempo aquí. La consola es el lugar donde va el código de JavaScript. El motor de la Consola de Google V8 cambia tu código JavaScript a código de máquina. Escribamos un código JavaScript en la consola de Google Chrome:
 
-![write code on console](../../images/js_code_on_chrome_console.png)
+![write code on console](./images/js_code_on_chrome_console.png)
 
 #### Escribiendo el código en la consola del navegador
 
@@ -142,7 +151,7 @@ Para escribir nuestro primer código de JavaScript, usamos una función incorpor
 
 El console.log(param1, param2, param3), puede tomar múltiples argumentos.
 
-![console log multiple arguments](../../images/console_log_multipl_arguments.png)
+![console log multiple arguments](./images/console_log_multipl_arguments.png)
 
     console.log('Hola', 'Mundo', '!')
     console.log('FELIZ', 'AÑO', 'NUEVO', 2020)
@@ -175,7 +184,7 @@ Podemos añadir comentarios a nuestro código. Los comentarios son muy important
 
 JavaScript es un lenguaje de programación. Como resultado, tiene su sintaxis como otros lenguajes. Si no escribimos una sintaxis que JavaScript entienda, se producirán diferentes tipos de errores. Exploraremos diferentes tipos de errores de JavaScript más adelante. Por ahora, veamos los errores de sintaxis.
 
-![Error](../../images/raising_syntax_error.png)
+![Error](./images/raising_syntax_error.png)
 
 Cometí un error deliberado. Como resultado, la consola produce un error de sintaxis. En realidad, la sintaxis es muy informativa. Informa sobre el tipo de error que cometimos. Leyendo la guía de retroalimentación de errores, podemos corregir la sintaxis y arreglar el problema. El proceso de identificar y eliminar errores de un programa se llama 'debugging'. Corrijamos los errores:
 
@@ -192,7 +201,7 @@ Hasta ahora, hemos visto cómo mostrar el texto usando un console.log(). Si impr
 
 Ahora, practiquemos más la escritura de códigos JavaScript usando console.log() en la consola de Google Chrome para los tipos de datos numéricos. Además del texto, también podemos hacer cálculos matemáticos usando JavaScript. Hagamos los siguientes cálculos sencillos.
 
-![Arithmetic](../../images/arithmetic.png)
+![Arithmetic](./images/arithmetic.png)
 
     console.log(2 + 3) // Adición
     console.log(3 - 2) // Sustracción
@@ -209,25 +218,25 @@ Podemos escribir nuestros códigos en la consola del navegador, pero no será pa
 
 Visual Studio es un editor de texto de código abierto muy popular. Recomendaría descargarlo, pero si estás a favor de otros editores, siéntete libre de seguir con lo que tienes.
 
-![Vscode](../../images/vscode.png)
+![Vscode](./images/vscode.png)
 
 Si ya instalaste Visual Studio Code, empezaremos a usarlo.
 
 #### Cómo usar Visual Studio Code
 
 Abre Visual Studio Code haciendo doble clic en el ícono de Visual Studio. Cuando lo abras, obtendrás este tipo de interfaz. Intenta interactuar con los iconos etiquetados.
 
-![Vscode ui](../../images/vscode_ui.png)
+![Vscode ui](./images/vscode_ui.png)
 
-![Vscode add project](../../images/adding_project_to_vscode.png)
+![Vscode add project](./images/adding_project_to_vscode.png)
 
-![Vscode open project](../../images/opening_project_on_vscode.png)
+![Vscode open project](./images/opening_project_on_vscode.png)
 
-![script file](../../images/scripts_on_vscode.png)
+![script file](./images/scripts_on_vscode.png)
 
-![running script](../../images/running_script.png)
+![running script](./images/running_script.png)
 
-![coding running](../../images/launched_on_new_tab.png)
+![coding running](./images/launched_on_new_tab.png)
 
 ## Añadiendo JavaScript a una página web
 
@@ -290,7 +299,7 @@ Así es como escribimos el guión interno la mayor parte del tiempo. Escribir el
 
 Abre la consola del navegador para ver la respuesta del console.log()
 
-![js code from vscode](../../images/js_code_vscode.png)
+![js code from vscode](./images/js_code_vscode.png)
 
 ### Script externo
 
@@ -347,7 +356,7 @@ Podemos enlazar múltiples archivos externos de JavaScript a una página web. Cr
 
 Tu archivo main.js debería estar por debajo de todos los otros scripts. Ten cuidado con tu ejercicio para entender esta línea.
 
-![Multiple Script](../../images/multiple_script.png)
+![Multiple Script](./images/multiple_script.png)
 
 ## Introducción a los tipos de datos
 
@@ -509,7 +518,7 @@ Declaremos las variables con diferentes tipos de datos. Para declarar una variab
 
 Cuando ejecutas los archivos en la carpeta Día_1 deberías obtener esto:
 
-![Day one](../../images/day_1.png)
+![Day one](./images/day_1.png)
 
 🌕 Eres increíble. Acabas de completar el desafío del día 1 y estás en camino a la grandeza. Ahora haz algunos ejercicios para tu cerebro y para tus músculos.
 

diff --git a/readMe.md b/readMe.md
@@ -11,13 +11,20 @@
   <a href="https://www.linkedin.com/in/asabeneh/" target="_blank">Asabeneh Yetayeh</a><br>
   <small> January, 2020</small>
   </sub>
+  <div>
+
+  🇬🇧 [English](./readMe.md)
+  🇪🇸 [Spanish](./Spanish/readme.md)
+  🇷🇺 [Russian](./RU/README.md)
+
+  </div>
 </div>
 
 [Day 2 >>](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/02_Day/02_day_data_types.md)
 
 ![Thirty Days Of JavaScript](./images/day_1_1.png)
 
-- [📔Day 1](#%f0%9f%93%94day-1)
+- [📔Day 1](#day-1)
   - [Introduction](#introduction)
   - [Requirements](#requirements)
   - [Setup](#setup)
@@ -39,7 +46,7 @@
     - [Internal Script](#internal-script)
     - [External Script](#external-script)
     - [Multiple External Scripts](#multiple-external-scripts)
-  - [Introduction to Data Types](#introduction-to-data-types)
+  - [Introduction to Data types](#introduction-to-data-types)
     - [Number](#number)
     - [String](#string)
     - [Booleans](#booleans)
@@ -48,7 +55,7 @@
   - [Checking Data Types](#checking-data-types)
   - [Comments Again](#comments-again)
   - [Variables](#variables)
-- [💻 Day 1: Exercises](#%f0%9f%92%bb-day-1-exercises)
+- [💻 Day 1: Exercises](#-day-1-exercises)
 
 # 📔Day 1