day 30

6 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