day 27

5 years ago · 2d41069899
parent 60e8737dc0
commit 2d41069899
7 changed files with 56 additions and 3 deletions
--- a/.gitignore
+++ b/.gitignore
@ -14,7 +14,6 @@ day9.md
 day10.md
 01_02_03_days_backup.md
 test.md
-27_Day
 28_Day
 29_Day
 30_Day
--- a/26_Day/26_day_dom_day_6.md
+++ b/26_Day/26_day_dom_day_6.md
@ -30,8 +30,8 @@

 1. Visualize the countries array as follows

-![Countries](./../images/projects/dom_mini_project_countries_day_6.1.gif)
+![Motivation](./../images/projects/dom_mini_project_countries_day_6.1.gif)

 🎉 CONGRATULATIONS ! 🎉

-[<< Day 25](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/25_Day/25_day_dom_day_5.md) | [Day 27>>](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/27_Day/27_day_dom_day_7.md)
+[<< Day 25](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/25_Day/25_day_dom_day_5.md) | [Day 27>>](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/27_Day/27_day_dom_day_7.md)
--- a/27_Day/27_day_dom_day_7.md
+++ b/27_Day/27_day_dom_day_7.md
@ -0,0 +1,37 @@
+<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 26](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/26_Day/26_day_dom_day_6.md) | [Day 28>>](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/28_Day/28_day_dom_day_8.md)
+
+![Thirty Days Of JavaScript](../images/banners/day_1_27.png)
+
+- [Day 27](#day-27)
+  - [Exercises](#exercises)
+    - [Exercise: Level 1](#exercise-level-1)
+
+# Day 27
+
+## Exercises
+
+### Exercise: Level 1
+
+1. Create the following using HTML, CSS, and JavaScript
+
+![Slider](./../images/projects/dom_mini_project_slider_day_7.1.gif)
+
+🎉 CONGRATULATIONS ! 🎉
+
+[<< Day 26](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/26_Day/26_day_dom_day_6.md) | [Day 28>>](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/28_Day/28_day_dom_day_8.md)
--- a/27_Day/27_day_starter/index.html
+++ b/27_Day/27_day_starter/index.html
@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>30DaysOfJavaScript:11 Day </title>
+</head>
+
+<body>
+    <h1>30DaysOfJavaScript:11 Day</h1>
+    <h2>Destructuring and Spread</h2>
+
+    <script src="./data/countries_data.js"></script>
+    <script src="./scripts/main.js"></script>
+
+</body>
+
+</html>
--- a/27_Day/27_day_starter/scripts/main.js
+++ b/27_Day/27_day_starter/scripts/main.js
--- a/images/projects/dom_min_project_day_7.1.gif
+++ b/images/projects/dom_min_project_day_7.1.gif
--- a/images/projects/dom_mini_project_slider_day_7.1.gif
+++ b/images/projects/dom_mini_project_slider_day_7.1.gif