day 30

5 years ago · 6c3be24135
parent d215262816
commit 6c3be24135
10 changed files with 2083 additions and 2 deletions
--- a/.gitignore
+++ b/.gitignore
@ -14,6 +14,6 @@ day9.md
 day10.md
 01_02_03_days_backup.md
 test.md
-30_Day
+31_Day
 test.html
 res.js
--- a/29_Day/29_day_dom_day_9.md
+++ b/29_Day/29_day_dom_day_9.md
@ -16,7 +16,7 @@

 [<< Day 27](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master27_Day27_day_dom_day_7.md) | [Day 29>>](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/29_Day/29_day_dom_day_9.md)

-![Thirty Days Of JavaScript](../images/banners/day_1_28.png)
+![Thirty Days Of JavaScript](../images/banners/day_1_29.png)

 - [Day 29](#day-29)
  - [Exercises](#exercises)
--- a/30_Day/30_day_dom_day_10.md
+++ b/30_Day/30_day_dom_day_10.md
@ -0,0 +1,52 @@
+<div align="center">
+  <h1> 30 Days Of JavaScript</h1>
+  <a class="header-badge" target="_blank" href="https://www.linkedin.com/in/asabeneh/">
+  <img src="https://img.shields.io/badge/style--5eba00.svg?label=LinkedIn&logo=linkedin&style=social">
+  </a>
+  <a class="header-badge" target="_blank" href="https://twitter.com/Asabeneh">
+  <img alt="Twitter Follow" src="https://img.shields.io/twitter/follow/asabeneh?style=social">
+  </a>
+
+<sub>Author:
+<a href="https://www.linkedin.com/in/asabeneh/" target="_blank">Asabeneh Yetayeh</a><br>
+<small> January, 2020</small>
+</sub>
+
+</div>
+
+[<< Day 29](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master29_Day29_day_dom_day_9.md) | [Day 30>>](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/30_Day/30_day_dom_day_10.md)
+
+![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)
+
+# Day 30
+
+## Exercises
+
+### Exercise: Level 1
+
+1. Create the following animation using (HTML, CSS, JS)
+
+![Countries daata](./../images/projects/dom_mini_project_countries_object_day_10.1.gif)
+
+2. Validate the following form using regex.
+
+   ![form validation](./../images/projects/dom_mini_project_form_validation_day_10.2.1.png)
+   
+   ![form validation](./../images/projects/dom_mini_project_form_validation_day_10.2.png)
+
+
+### Exercise: Level 2
+
+### Exercise: Level 3
+
+🌕 Your journey to greatness completed successfully. You reached high level of greatness. Now, you are much greater than ever before. I knew what it takes to reach to this level and you made to this point. You are a real hero. Now, it is time to celebrate your success with a friend or with a family. I am looking forward to seeing you in an other challenge.
+
+~![Congratulations](./../images/projects/congratulations.gif)
+
+[<< Day 29](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master29_Day29_day_dom_day_9.md) | [Day 30>>](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/30_Day/30_day_dom_day_10.md)
--- a/30_Day/30_day_starters/project_1/data/countries_data.js
+++ b/30_Day/30_day_starters/project_1/data/countries_data.js
--- a/30_Day/30_day_starters/project_1/index.html
+++ b/30_Day/30_day_starters/project_1/index.html
@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>30DaysOfJavaScript:30 </title>
+</head>
+
+<body>
+   
+
+    <script src="./data/countries_data.js"></script>
+    <script src="./scripts/main.js"></script>
+
+</body>
+
+</html>
--- a/30_Day/30_day_starters/project_1/scripts/main.js
+++ b/30_Day/30_day_starters/project_1/scripts/main.js
--- a/images/projects/congratulations.gif
+++ b/images/projects/congratulations.gif
--- a/images/projects/dom_mini_project_countries_object_day_10.1.gif
+++ b/images/projects/dom_mini_project_countries_object_day_10.1.gif
--- a/images/projects/dom_mini_project_form_validation_day_10.2.1.png
+++ b/images/projects/dom_mini_project_form_validation_day_10.2.1.png
--- a/images/projects/dom_mini_project_form_validation_day_10.2.png
+++ b/images/projects/dom_mini_project_form_validation_day_10.2.png