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 4 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> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<title>30DaysOfJavaScript</title> <title>30DaysOfJavaScript</title>
</head> </head>
<body> <body>
<h1>30DaysOfJavaScript:03 Day</h1> <h1>30DaysOfJavaScript:03 Day</h1>
<h2>Introduction</h2> <h2>Introduction</h2>
<button onclick="alert('Welcome to 30DaysOfJavaScript!');">Click Me</button> <button onclick="alert('Welcome to 30DaysOfJavaScript!');">Click Me</button>
<script src="./helloworld.js"></script> <script src="./helloworld.js"></script>
<script src="./introduction.js"></script> <script src="./introduction.js"></script>
<script src="./varaible.js"></script> <script src="./varaible.js"></script>
<script src="./main.js"></script> <script src="./main.js"></script>
</body> </body>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -1,21 +1,21 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<title>30DaysOfJavaScript:22 Day: Number Generator </title> <title>30DaysOfJavaScript:22 Day: Number Generator </title>
</head> </head>
<body> <body>
<h1>Number Generator</h1> <h1>Number Generator</h1>
<h2>30DaysOfJavaScript:DOM Day 2</h2> <h2>30DaysOfJavaScript:DOM Day 2</h2>
<h3>Author: Asabeneh Yetayeh</h3> <h3>Author: Asabeneh Yetayeh</h3>
<div class="wrapper"> <div class="wrapper">
</div> </div>
<script src="./scripts/main.js"></script> <script src="./scripts/main.js"></script>
</body> </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> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<title>30DaysOfJavaScript:22 Day: World Countries List</title> <title>30DaysOfJavaScript:22 Day: World Countries List</title>
</head> </head>
<body> <body>
<header> <header>
<h2>World Countries List</h2> <h2>World Countries List</h2>
<h4 id="total-countries"></h4> <h4 id="total-countries"></h4>
<h3>30DaysOfJavaScript:DOM-Day-2</h3> <h3>30DaysOfJavaScript:DOM-Day-2</h3>
<h3>Author: Asabeneh Yetayeh</h3> <h3>Author: Asabeneh Yetayeh</h3>
</header> </header>
<div class="countries-container"> <div class="countries-container">
<div class="countries-wrapper"> <div class="countries-wrapper">
</div> </div>
</div> </div>
<script src="./data/countries.js"></script> <script src="./data/countries.js"></script>
<script src="./js/script.js"></script> <script src="./js/script.js"></script>
</body> </body>

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

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

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

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

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

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

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

@ -1,39 +1,39 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<title>Solar System: Document Object Model:30 Days Of JavaScript</title> <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"> <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap" rel="stylesheet">
</head> </head>
<body> <body>
<header> <header>
<h1>Calculate a weight of an object on a planet</h1> <h1>Calculate a weight of an object on a planet</h1>
<input type="text" id="mass" placeholder="Mass in Kilogram" /> <input type="text" id="mass" placeholder="Mass in Kilogram" />
<select> <select>
<option value='none'>--select planet-- </option> <option value='none'>--select planet-- </option>
</select> </select>
<button>Calculate weight</button> <button>Calculate weight</button>
</header> </header>
<main> <main>
<div class="flex-container"> <div class="flex-container">
<div class="flex-item image"> <div class="flex-item image">
<img src='./images/earth.png' class="planet-image" /> <img src='./images/earth.png' class="planet-image" />
</div> </div>
<div class="flex-item description"></div> <div class="flex-item description"></div>
</div> </div>
</main> </main>
<script src="./scripts/main.js"></script> <script src="./scripts/main.js"></script>
</body> </body>
</html> </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"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>World Countries Data</title> <title>World Countries Data</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" />
<link rel="stylesheet" href="./css/style.css" /> <link rel="stylesheet" href="./css/style.css" />
</head> </head>
<body> <body>
<header id="countries"> <header id="countries">
<h2>World Countries Data</h2> <h2>World Countries Data</h2>
<p class="subtitle"></p> <p class="subtitle"></p>
<p class="feedback"></p> <p class="feedback"></p>
</header> </header>
<main> <main>
<div class="wrapper"> <div class="wrapper">
<div class="graph-buttons"> <div class="graph-buttons">
<button class="population">Population</button> <button class="population">Population</button>
<button class="languages">Languages</button> <button class="languages">Languages</button>
</div> </div>
<h4 class="graph-title"></h4> <h4 class="graph-title"></h4>
<div class="graphs"> <div class="graphs">
<div class="graph-wrapper" id="stat"></div> <div class="graph-wrapper" id="stat"></div>
</div> </div>
</div> </div>
</main> </main>
<script src="./data/countries_data.js"></script> <script src="./data/countries_data.js"></script>
<script src="./js/main.js"></script> <script src="./js/main.js"></script>
</body> </body>

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

@ -1,16 +1,16 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<title>30DaysOfJavaScript:11 Day </title> <title>30DaysOfJavaScript:11 Day </title>
</head> </head>
<body> <body>
<h1>30DaysOfJavaScript:11 Day</h1> <h1>30DaysOfJavaScript:11 Day</h1>
<h2>Destructuring and Spread</h2> <h2>Destructuring and Spread</h2>
<script src="./data/countries.js"></script> <script src="./data/countries.js"></script>
<script src="./scripts/main.js"></script> <script src="./scripts/main.js"></script>
</body> </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> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<title>30DaysOfJavaScript:11 Day </title> <title>30DaysOfJavaScript:11 Day </title>
</head> </head>
<body> <body>
<h1>30DaysOfJavaScript:11 Day</h1> <h1>30DaysOfJavaScript:11 Day</h1>
<h2>Destructuring and Spread</h2> <h2>Destructuring and Spread</h2>
<script src="./data/countries_data.js"></script> <script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script> <script src="./scripts/main.js"></script>
</body> </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> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<title>30DaysOfJavaScript:11 Day </title> <title>30DaysOfJavaScript:11 Day </title>
</head> </head>
<body> <body>
<h1>30DaysOfJavaScript:11 Day</h1> <h1>30DaysOfJavaScript:11 Day</h1>
<h2>Destructuring and Spread</h2> <h2>Destructuring and Spread</h2>
<script src="./data/countries_data.js"></script> <script src="./data/countries_data.js"></script>
<script src="./scripts/main.js"></script> <script src="./scripts/main.js"></script>
</body> </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"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<link <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" 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"> rel="stylesheet">
<script src="https://kit.fontawesome.com/ce3e7ed90f.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/ce3e7ed90f.js" crossorigin="anonymous"></script>
<title>30Days Of JavaScript: 29 Project 1</title> <title>30Days Of JavaScript: 29 Project 1</title>
</head> </head>
<body> <body>
<div> <div>
</div> </div>
<script src="./scripts/main.js"></script> <script src="./scripts/main.js"></script>
</body> </body>

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

@ -1,16 +1,16 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<title>30DaysOfJavaScript: Day 29 - Project 2 </title> <title>30DaysOfJavaScript: Day 29 - Project 2 </title>
</head> </head>
<body> <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> </body>

11
30_Day_Mini_project_final/30_day_mini_project_final.md
Unescape View File

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

Write Preview
Loading…
Cancel
Save