msb-public
/
30-Days-Of-JavaScript
mirror of https://github.com/Asabeneh/30-Days-Of-JavaScript
1
0
Code Issues Projects Releases Wiki Activity

some changes

Browse Source
pull/283/head
Asabeneh 3 years ago
parent e20d6e4a38
commit ef014b8fb9
44 changed files with 19819 additions and 4336 deletions
Show Stats Download Patch File Download Diff File

18
01_Day_Introduction/01_day_starter/index.html
Unescape View File

@ -1,18 +1,18 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript</title>
<title>30DaysOfJavaScript</title>
</head>
<body>
<h1>30DaysOfJavaScript:03 Day</h1>
<h2>Introduction</h2>
<button onclick="alert('Welcome to 30DaysOfJavaScript!');">Click Me</button>
<script src="./helloworld.js"></script>
<script src="./introduction.js"></script>
<script src="./varaible.js"></script>
<script src="./main.js"></script>
<h1>30DaysOfJavaScript:03 Day</h1>
<h2>Introduction</h2>
<button onclick="alert('Welcome to 30DaysOfJavaScript!');">Click Me</button>
<script src="./helloworld.js"></script>
<script src="./introduction.js"></script>
<script src="./varaible.js"></script>
<script src="./main.js"></script>
</body>

2
02_Day_Data_types/02_day_starter/index.html
Unescape View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript</title>

2
03_Day_Booleans_operators_date/03_day_starter/index.html
Unescape View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript: 03 Day</title>

8
04_Day_Conditionals/04_day_starter/index.html
Unescape View File

@ -1,14 +1,14 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript</title>
<title>30DaysOfJavaScript</title>
</head>
<body>
<!-- import your scripts here -->
<script src="./scripts/main.js"></script>
<!-- import your scripts here -->
<script src="./scripts/main.js"></script>
</body>

14
05_Day_Arrays/05_day_starter/index.html
Unescape View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:05 Day </title>
<title>30DaysOfJavaScript:05 Day </title>
</head>
<body>
<h1>30DaysOfJavaScript:05 Day</h1>
<h2>Arrays</h2>
<script src="./data/countries.js"></script>
<script src="./scripts/main.js"></script>
<h1>30DaysOfJavaScript:05 Day</h1>
<h2>Arrays</h2>
<script src="./data/countries.js"></script>
<script src="./scripts/main.js"></script>
</body>

14
06_Day_Loops/06_day_starter/index.html
Unescape View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:06 Day </title>
<title>30DaysOfJavaScript:06 Day </title>
</head>
<body>
<h1>30DaysOfJavaScript:06 Day</h1>
<h2>Loops</h2>
<script src="./data/countries.js"></script>
<script src="./scripts/main.js"></script>
<h1>30DaysOfJavaScript:06 Day</h1>
<h2>Loops</h2>
<script src="./data/countries.js"></script>
<script src="./scripts/main.js"></script>
</body>

14
07_Day_Functions/07_day_starter/index.html
Unescape View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:07 Day </title>
<title>30DaysOfJavaScript:07 Day </title>
</head>
<body>
<h1>30DaysOfJavaScript:07 Day</h1>
<h2>Functions</h2>
<script src="./data/countries.js"></script>
<script src="./scripts/main.js"></script>
<h1>30DaysOfJavaScript:07 Day</h1>
<h2>Functions</h2>
<script src="./data/countries.js"></script>
<script src="./scripts/main.js"></script>
</body>

12
08_Day_Objects/08_day_starter/index.html
Unescape View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:08 Day </title>
<title>30DaysOfJavaScript:08 Day </title>
</head>
<body>
<h1>30DaysOfJavaScript:08 Day</h1>
<h2>Objects</h2>
<h1>30DaysOfJavaScript:08 Day</h1>
<h2>Objects</h2>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
</body>

12
09_Day_Higher_order_functions/09_day_starter/index.html
Unescape View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:09 Day </title>
<title>30DaysOfJavaScript:09 Day </title>
</head>
<body>
<h1>30DaysOfJavaScript:09 Day</h1>
<h2>Functional Programming</h2>
<h1>30DaysOfJavaScript:09 Day</h1>
<h2>Functional Programming</h2>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
</body>

2
10_Day_Sets_and_Maps/10_day_starter/index.html
Unescape View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:10 Day </title>

12
11_Day_Destructuring_and_spreading/11_day_starter/index.html
Unescape View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:11 Day </title>
<title>30DaysOfJavaScript:11 Day </title>
</head>
<body>
<h1>30DaysOfJavaScript:11 Day</h1>
<h2>Destructuring and Spread</h2>
<h1>30DaysOfJavaScript:11 Day</h1>
<h2>Destructuring and Spread</h2>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
</body>

12
12_Day_Regular_expressions/12_day_starter/index.html
Unescape View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:11 Day </title>
<title>30DaysOfJavaScript:11 Day </title>
</head>
<body>
<h1>30DaysOfJavaScript:11 Day</h1>
<h2>Destructuring and Spread</h2>
<h1>30DaysOfJavaScript:11 Day</h1>
<h2>Destructuring and Spread</h2>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
</body>

12
13_Day_Console_object_methods/13_day_starter/index.html
Unescape View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:13 Day </title>
<title>30DaysOfJavaScript:13 Day </title>
</head>
<body>
<h1>30DaysOfJavaScript:13 Day</h1>
<h2>Console Object Methods</h2>
<h1>30DaysOfJavaScript:13 Day</h1>
<h2>Console Object Methods</h2>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
</body>

12
14_Day_Error_handling/14_day_starter/index.html
Unescape View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:12 Day </title>
<title>30DaysOfJavaScript:12 Day </title>
</head>
<body>
<h1>30DaysOfJavaScript:14 Day</h1>
<h2>DOM</h2>
<h1>30DaysOfJavaScript:14 Day</h1>
<h2>DOM</h2>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
</body>

12
15_Day_Classes/15_day_starter/index.html
Unescape View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:15 Day </title>
<title>30DaysOfJavaScript:15 Day </title>
</head>
<body>
<h1>30DaysOfJavaScript:15 Day</h1>
<h2>Classes</h2>
<h1>30DaysOfJavaScript:15 Day</h1>
<h2>Classes</h2>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
</body>

12
16_Day_JSON/16_day_starter/index.html
Unescape View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:16 Day </title>
<title>30DaysOfJavaScript:16 Day </title>
</head>
<body>
<h1>30DaysOfJavaScript:16 Day</h1>
<h2>JSON</h2>
<h1>30DaysOfJavaScript:16 Day</h1>
<h2>JSON</h2>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
</body>

10
17_Day_Web_storages/17_day_starter/index.html
Unescape View File

@ -1,15 +1,15 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:17 Day </title>
<title>30DaysOfJavaScript:17 Day </title>
</head>
<body>
<h1>30DaysOfJavaScript:17 Day</h1>
<h2>Web Storage</h2>
<h1>30DaysOfJavaScript:17 Day</h1>
<h2>Web Storage</h2>
<script src="./scripts/main.js"></script>
<script src="./scripts/main.js"></script>
</body>

12
18_Day_Promises/18_day_starter/index.html
Unescape View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:18 Day </title>
<title>30DaysOfJavaScript:18 Day </title>
</head>
<body>
<h1>30DaysOfJavaScript:18 Day</h1>
<h2>Promises</h2>
<h1>30DaysOfJavaScript:18 Day</h1>
<h2>Promises</h2>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
</body>

10
19_Day_Closures/19_day_starter/index.html
Unescape View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:19 Day </title>
<title>30DaysOfJavaScript:19 Day </title>
</head>
<body>
<h1>30DaysOfJavaScript:19 Day</h1>
<h2>Writing Clean Code</h2>
<h1>30DaysOfJavaScript:19 Day</h1>
<h2>Writing Clean Code</h2>
<script src="./scripts/main.js"></script>
<script src="./scripts/main.js"></script>
</body>

10
20_Day_Writing_clean_codes/20_day_starter/index.html
Unescape View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:20 Day </title>
<title>30DaysOfJavaScript:20 Day </title>
</head>
<body>
<h1>30DaysOfJavaScript:20 Day</h1>
<h2>Writing clean code</h2>
<h1>30DaysOfJavaScript:20 Day</h1>
<h2>Writing clean code</h2>
<script src="./scripts/main.js"></script>
<script src="./scripts/main.js"></script>
</body>

58
21_Day_DOM/21_day_dom.md
Unescape View File

@ -19,31 +19,31 @@
![Thirty Days Of JavaScript](../images/banners/day_1_21.png)
- [Day 21](#day-21)
- [Document Object Model (DOM) - Day 1](#document-object-model-dom---day-1)
- [Getting Element](#getting-element)
- [Getting elements by tag name](#getting-elements-by-tag-name)
- [Getting elements by class name](#getting-elements-by-class-name)
- [Getting an element by id](#getting-an-element-by-id)
- [Getting elements by using querySelector methods](#getting-elements-by-using-queryselector-methods)
- [Adding attribute](#adding-attribute)
- [Adding attribute using setAttribute](#adding-attribute-using-setattribute)
- [Adding attribute without setAttribute](#adding-attribute-without-setattribute)
- [Adding class using classList](#adding-class-using-classlist)
- [Removing class using remove](#removing-class-using-remove)
- [Adding Text to HTML element](#adding-text-to-html-element)
- [Adding Text content using textContent](#adding-text-content-using-textcontent)
- [Adding Text Content using innHTML](#adding-text-content-using-innhtml)
- [Text Content](#text-content)
- [Inner HTML](#inner-html)
- [Adding style](#adding-style)
- [Adding Style Color](#adding-style-color)
- [Adding Style Background Color](#adding-style-background-color)
- [Adding Style Font Size](#adding-style-font-size)
- [Exercises](#exercises)
- [Exercise: Level 1](#exercise-level-1)
- [Exercise: Level 2](#exercise-level-2)
- [Exercise: Level 3](#exercise-level-3)
- [DOM: Mini project 1](#dom-mini-project-1)
- [Document Object Model (DOM) - Day 1](#document-object-model-dom---day-1)
- [Getting Element](#getting-element)
- [Getting elements by tag name](#getting-elements-by-tag-name)
- [Getting elements by class name](#getting-elements-by-class-name)
- [Getting an element by id](#getting-an-element-by-id)
- [Getting elements by using querySelector methods](#getting-elements-by-using-queryselector-methods)
- [Adding attribute](#adding-attribute)
- [Adding attribute using setAttribute](#adding-attribute-using-setattribute)
- [Adding attribute without setAttribute](#adding-attribute-without-setattribute)
- [Adding class using classList](#adding-class-using-classlist)
- [Removing class using remove](#removing-class-using-remove)
- [Adding Text to HTML element](#adding-text-to-html-element)
- [Adding Text content using textContent](#adding-text-content-using-textcontent)
- [Adding Text Content using innerHTML](#adding-text-content-using-innerhtml)
- [Text Content](#text-content)
- [Inner HTML](#inner-html)
- [Adding style](#adding-style)
- [Adding Style Color](#adding-style-color)
- [Adding Style Background Color](#adding-style-background-color)
- [Adding Style Font Size](#adding-style-font-size)
- [Exercises](#exercises)
- [Exercise: Level 1](#exercise-level-1)
- [Exercise: Level 2](#exercise-level-2)
- [Exercise: Level 3](#exercise-level-3)
- [DOM: Mini project 1](#dom-mini-project-1)
# Day 21
@ -57,7 +57,7 @@ We can access already created element or elements using JavaScript. To access or
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>Document Object Model</title>
</head>
@ -234,7 +234,7 @@ It value we assign is going to be a string of HTML elements.
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>JavaScript for Everyone:DOM</title>
</head>
@ -264,7 +264,7 @@ The innerHTML property can allow us also to remove all the children of a parent
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>JavaScript for Everyone:DOM</title>
</head>
@ -378,7 +378,7 @@ As you have notice, the properties of css when we use it in JavaScript is going
```html
<!-- index.html -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>JavaScript for Everyone:DOM</title>
</head>

32
21_Day_DOM/21_day_starter/index.html
Unescape View File

@ -1,25 +1,25 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:21 Day </title>
<title>30DaysOfJavaScript:21 Day </title>
</head>
<body>
<div class="wrapper">
<h1>Asabeneh Yetayeh challenges in 2020</h1>
<h2>30DaysOfJavaScript Challenge</h2>
<ul>
<li>30DaysOfPython Challenge Done</li>
<li>30DaysOfJavaScript Challenge Ongoing</li>
<li>30DaysOfReact Challenge Coming</li>
<li>30DaysOfFullStack Challenge Coming</li>
<li>30DaysOfDataAnalysis Challenge Coming</li>
<li>30DaysOfReactNative Challenge Coming</li>
<li>30DaysOfMachineLearning Challenge Coming</li>
</ul>
</div>
<script src="./scripts/main.js"></script>
<div class="wrapper">
<h1>Asabeneh Yetayeh challenges in 2020</h1>
<h2>30DaysOfJavaScript Challenge</h2>
<ul>
<li>30DaysOfPython Challenge Done</li>
<li>30DaysOfJavaScript Challenge Ongoing</li>
<li>30DaysOfReact Challenge Coming</li>
<li>30DaysOfFullStack Challenge Coming</li>
<li>30DaysOfDataAnalysis Challenge Coming</li>
<li>30DaysOfReactNative Challenge Coming</li>
<li>30DaysOfMachineLearning Challenge Coming</li>
</ul>
</div>
<script src="./scripts/main.js"></script>
</body>

16
22_Day_Manipulating_DOM_object/22_day_starters/project_1/index.html
Unescape View File

@ -1,21 +1,21 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:22 Day: Number Generator </title>
<title>30DaysOfJavaScript:22 Day: Number Generator </title>
</head>
<body>
<h1>Number Generator</h1>
<h2>30DaysOfJavaScript:DOM Day 2</h2>
<h3>Author: Asabeneh Yetayeh</h3>
<div class="wrapper">
<h1>Number Generator</h1>
<h2>30DaysOfJavaScript:DOM Day 2</h2>
<h3>Author: Asabeneh Yetayeh</h3>
<div class="wrapper">
</div>
</div>
<script src="./scripts/main.js"></script>
<script src="./scripts/main.js"></script>
</body>

2864
22_Day_Manipulating_DOM_object/22_day_starters/project_2/data/countries_data.js
View File

File diff suppressed because it is too large Load Diff

28
22_Day_Manipulating_DOM_object/22_day_starters/project_2/index.html
Unescape View File

@ -1,28 +1,28 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:22 Day: World Countries List</title>
<title>30DaysOfJavaScript:22 Day: World Countries List</title>
</head>
<body>
<header>
<h2>World Countries List</h2>
<header>
<h2>World Countries List</h2>
<h4 id="total-countries"></h4>
<h3>30DaysOfJavaScript:DOM-Day-2</h3>
<h3>Author: Asabeneh Yetayeh</h3>
<h4 id="total-countries"></h4>
<h3>30DaysOfJavaScript:DOM-Day-2</h3>
<h3>Author: Asabeneh Yetayeh</h3>
</header>
</header>
<div class="countries-container">
<div class="countries-wrapper">
<div class="countries-container">
<div class="countries-wrapper">
</div>
</div>
</div>
</div>
<script src="./data/countries.js"></script>
<script src="./js/script.js"></script>
<script src="./data/countries.js"></script>
<script src="./js/script.js"></script>
</body>

12
22_Day_Manipulating_DOM_object/22_day_starters/project_3/index.html
Unescape View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:22 Day: Challenge Info</title>
<title>30DaysOfJavaScript:22 Day: Challenge Info</title>
</head>
<body>
<div class="wrapper">
</div>
<div class="wrapper">
</div>
<script src="./data/challenges_info.js"></script>
<script src="./js/script.js"></script>
<script src="./data/challenges_info.js"></script>
<script src="./js/script.js"></script>
</body>

16
23_Day_Event_listeners/23_day_starters/project_1/index.html
Unescape View File

@ -1,21 +1,21 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:23 Day: Number Generator </title>
<title>30DaysOfJavaScript:23 Day: Number Generator </title>
</head>
<body>
<h1>Number Generator</h1>
<h2>30DaysOfJavaScript:DOM Day 2</h2>
<h3>Author: Asabeneh Yetayeh</h3>
<div class="wrapper">
<h1>Number Generator</h1>
<h2>30DaysOfJavaScript:DOM Day 2</h2>
<h3>Author: Asabeneh Yetayeh</h3>
<div class="wrapper">
</div>
</div>
<script src="./scripts/main.js"></script>
<script src="./scripts/main.js"></script>
</body>

6
23_Day_Event_listeners/23_day_starters/project_2/index.html
Unescape View File

@ -1,14 +1,14 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:23 Day: Keyboard Key </title>
<title>30DaysOfJavaScript:23 Day: Keyboard Key </title>
</head>
<body>
<script src="./scripts/main.js"></script>
<script src="./scripts/main.js"></script>
</body>

40
24_Day_Project_solar_system/24_day_starter/index.html
Unescape View File

@ -1,39 +1,39 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>Solar System: Document Object Model:30 Days Of JavaScript</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap" rel="stylesheet">
<title>Solar System: Document Object Model:30 Days Of JavaScript</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap" rel="stylesheet">
</head>
<body>
<header>
<h1>Calculate a weight of an object on a planet</h1>
<header>
<h1>Calculate a weight of an object on a planet</h1>
<input type="text" id="mass" placeholder="Mass in Kilogram" />
<select>
<option value='none'>--select planet-- </option>
</select>
<button>Calculate weight</button>
<input type="text" id="mass" placeholder="Mass in Kilogram" />
<select>
<option value='none'>--select planet-- </option>
</select>
<button>Calculate weight</button>
</header>
<main>
<div class="flex-container">
<div class="flex-item image">
<img src='./images/earth.png' class="planet-image" />
</div>
<div class="flex-item description"></div>
</header>
<main>
<div class="flex-container">
<div class="flex-item image">
<img src='./images/earth.png' class="planet-image" />
</div>
<div class="flex-item description"></div>
</div>
</div>
</main>
</main>
<script src="./scripts/main.js"></script>
<script src="./scripts/main.js"></script>
</body>
</html>

4877
25_Day_World_countries_data_visualization_1/25_day_starter/data/countries_data.js
View File

File diff suppressed because it is too large Load Diff

2013
25_Day_World_countries_data_visualization_1/25_day_starter/data/countries_data_old.js
View File

File diff suppressed because it is too large Load Diff

50
25_Day_World_countries_data_visualization_1/25_day_starter/index.html
Unescape View File

@ -2,36 +2,36 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>World Countries Data</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" />
<link rel="stylesheet" href="./css/style.css" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>World Countries Data</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" />
<link rel="stylesheet" href="./css/style.css" />
</head>
<body>
<header id="countries">
<h2>World Countries Data</h2>
<p class="subtitle"></p>
<p class="feedback"></p>
</header>
<main>
<header id="countries">
<h2>World Countries Data</h2>
<p class="subtitle"></p>
<p class="feedback"></p>
</header>
<main>
<div class="wrapper">
<div class="graph-buttons">
<button class="population">Population</button>
<button class="languages">Languages</button>
</div>
<h4 class="graph-title"></h4>
<div class="graphs">
<div class="graph-wrapper" id="stat"></div>
</div>
</div>
</main>
<div class="wrapper">
<div class="graph-buttons">
<button class="population">Population</button>
<button class="languages">Languages</button>
</div>
<h4 class="graph-title"></h4>
<div class="graphs">
<div class="graph-wrapper" id="stat"></div>
</div>
</div>
</main>
<script src="./data/countries_data.js"></script>
<script src="./js/main.js"></script>
<script src="./data/countries_data.js"></script>
<script src="./js/main.js"></script>
</body>

12
26_Day_World_countries_data_visualization_2/26_day_starter/index.html
Unescape View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:11 Day </title>
<title>30DaysOfJavaScript:11 Day </title>
</head>
<body>
<h1>30DaysOfJavaScript:11 Day</h1>
<h2>Destructuring and Spread</h2>
<h1>30DaysOfJavaScript:11 Day</h1>
<h2>Destructuring and Spread</h2>
<script src="./data/countries.js"></script>
<script src="./scripts/main.js"></script>
<script src="./data/countries.js"></script>
<script src="./scripts/main.js"></script>
</body>

2864
27_Day_Mini_project_portfolio/27_day_starter/data/countries_data.js
View File

File diff suppressed because it is too large Load Diff

2013
27_Day_Mini_project_portfolio/27_day_starter/data/countries_data_old.js
View File

File diff suppressed because it is too large Load Diff

12
27_Day_Mini_project_portfolio/27_day_starter/index.html
Unescape View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:11 Day </title>
<title>30DaysOfJavaScript:11 Day </title>
</head>
<body>
<h1>30DaysOfJavaScript:11 Day</h1>
<h2>Destructuring and Spread</h2>
<h1>30DaysOfJavaScript:11 Day</h1>
<h2>Destructuring and Spread</h2>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
</body>

2013
28_Day_Mini_project_leaderboard/28_day_starter/data/countries_data.js
View File

File diff suppressed because it is too large Load Diff

12
28_Day_Mini_project_leaderboard/28_day_starter/index.html
Unescape View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:11 Day </title>
<title>30DaysOfJavaScript:11 Day </title>
</head>
<body>
<h1>30DaysOfJavaScript:11 Day</h1>
<h2>Destructuring and Spread</h2>
<h1>30DaysOfJavaScript:11 Day</h1>
<h2>Destructuring and Spread</h2>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
</body>

22
29_Day_Mini_project_animating_characters/29_day_starters/project_1/index.html
Unescape View File

@ -2,24 +2,24 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link
href="https://fonts.googleapis.com/css?family=Aldrich|Lato:300,400,700|Montserrat:300,400,500|Nunito:300,400,600|Oswald|Raleway+Dots|Raleway:300,400|Roboto:300,400,500&display=swap"
rel="stylesheet">
<script src="https://kit.fontawesome.com/ce3e7ed90f.js" crossorigin="anonymous"></script>
<title>30Days Of JavaScript: 29 Project 1</title>
<link
href="https://fonts.googleapis.com/css?family=Aldrich|Lato:300,400,700|Montserrat:300,400,500|Nunito:300,400,600|Oswald|Raleway+Dots|Raleway:300,400|Roboto:300,400,500&display=swap"
rel="stylesheet">
<script src="https://kit.fontawesome.com/ce3e7ed90f.js" crossorigin="anonymous"></script>
<title>30Days Of JavaScript: 29 Project 1</title>
</head>
<body>
<div>
<div>
</div>
</div>
<script src="./scripts/main.js"></script>
<script src="./scripts/main.js"></script>
</body>

10
29_Day_Mini_project_animating_characters/29_day_starters/project_2/index.html
Unescape View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript: Day 29 - Project 2 </title>
<title>30DaysOfJavaScript: Day 29 - Project 2 </title>
</head>
<body>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
<script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script>
</body>

11
30_Day_Mini_project_final/30_day_mini_project_final.md
Unescape View File

@ -17,7 +17,7 @@
<div>
<small>Support [**Asabeneh**](https://www.patreon.com/asabeneh?fan_landing=true) to create more educational materials</small>
[<img src = '../images/become_patreon.png' alt='become-asabeneh-patreon' title='click' />](https://www.patreon.com/asabeneh?fan_landing=true)
</div>
@ -26,10 +26,11 @@
![Thirty Days Of JavaScript](../images/banners/day_1_30.png)
- [Day 30](#day-30)
- [Exercises](#exercises)
- [Exercise: Level 1](#exercise-level-1)
- [Exercise: Level 2](#exercise-level-2)
- [Exercise: Level 3](#exercise-level-3)
- [Exercises](#exercises)
- [Exercise: Level 1](#exercise-level-1)
- [Exercise: Level 2](#exercise-level-2)
- [Exercise: Level 3](#exercise-level-3)
- [Testimony](#testimony)
# Day 30

4877
30_Day_Mini_project_final/30_day_starters/project_1/data/countries_data.js
View File

File diff suppressed because it is too large Load Diff

2013
30_Day_Mini_project_final/30_day_starters/project_1/data/countries_data_old.js
View File

File diff suppressed because it is too large Load Diff

72
readMe.md
Unescape View File

@ -71,36 +71,36 @@
- [30 Days Of JavaScript](#30-days-of-javascript)
- [📔 Day 1](#-day-1)
- [Introduction](#introduction)
- [Requirements](#requirements)
- [Setup](#setup)
- [Install Node.js](#install-nodejs)
- [Browser](#browser)
- [Installing Google Chrome](#installing-google-chrome)
- [Opening Google Chrome Console](#opening-google-chrome-console)
- [Writing Code on Browser Console](#writing-code-on-browser-console)
- [Console.log](#consolelog)
- [Console.log with Multiple Arguments](#consolelog-with-multiple-arguments)
- [Comments](#comments)
- [Syntax](#syntax)
- [Arithmetics](#arithmetics)
- [Code Editor](#code-editor)
- [Installing Visual Studio Code](#installing-visual-studio-code)
- [How to Use Visual Studio Code](#how-to-use-visual-studio-code)
- [Adding JavaScript to a Web Page](#adding-javascript-to-a-web-page)
- [Inline Script](#inline-script)
- [Internal Script](#internal-script)
- [External Script](#external-script)
- [Multiple External Scripts](#multiple-external-scripts)
- [Introduction to Data types](#introduction-to-data-types)
- [Numbers](#numbers)
- [Strings](#strings)
- [Booleans](#booleans)
- [Undefined](#undefined)
- [Null](#null)
- [Checking Data Types](#checking-data-types)
- [Comments Again](#comments-again)
- [Variables](#variables)
- [Introduction](#introduction)
- [Requirements](#requirements)
- [Setup](#setup)
- [Install Node.js](#install-nodejs)
- [Browser](#browser)
- [Installing Google Chrome](#installing-google-chrome)
- [Opening Google Chrome Console](#opening-google-chrome-console)
- [Writing Code on Browser Console](#writing-code-on-browser-console)
- [Console.log](#consolelog)
- [Console.log with Multiple Arguments](#consolelog-with-multiple-arguments)
- [Comments](#comments)
- [Syntax](#syntax)
- [Arithmetics](#arithmetics)
- [Code Editor](#code-editor)
- [Installing Visual Studio Code](#installing-visual-studio-code)
- [How to Use Visual Studio Code](#how-to-use-visual-studio-code)
- [Adding JavaScript to a Web Page](#adding-javascript-to-a-web-page)
- [Inline Script](#inline-script)
- [Internal Script](#internal-script)
- [External Script](#external-script)
- [Multiple External Scripts](#multiple-external-scripts)
- [Introduction to Data types](#introduction-to-data-types)
- [Numbers](#numbers)
- [Strings](#strings)
- [Booleans](#booleans)
- [Undefined](#undefined)
- [Null](#null)
- [Checking Data Types](#checking-data-types)
- [Comments Again](#comments-again)
- [Variables](#variables)
- [💻 Day 1: Exercises](#-day-1-exercises)
# 📔 Day 1
@ -323,7 +323,7 @@ Create a project folder on your desktop or in any location, name it 30DaysOfJS a
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfScript:Inline Script</title>
</head>
@ -342,7 +342,7 @@ First, let us write on the head part of the page.
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfScript:Internal Script</title>
<script>
@ -357,7 +357,7 @@ This is how we write an internal script most of the time. Writing the JavaScript
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfScript:Internal Script</title>
</head>
@ -387,7 +387,7 @@ External scripts in the _head_:
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:External script</title>
<script src="introduction.js"></script>
@ -400,7 +400,7 @@ External scripts in the _body_:
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>30DaysOfJavaScript:External script</title>
</head>
@ -425,7 +425,7 @@ console.log('Hello, World!')
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>Multiple External Scripts</title>
</head>

Write Preview
Loading…
Cancel
Save