From aea51d295ef114c6641938338813d136fb25c0b3 Mon Sep 17 00:00:00 2001 From: Alex-Smil Date: Mon, 24 Dec 2018 12:26:53 +0300 Subject: [PATCH 01/28] =?UTF-8?q?=D0=9F=D0=B5=D1=80=D0=B5=D0=BD=D0=B5?= =?UTF-8?q?=D1=81=20=D0=94=D0=97=20=D0=B8=D0=B7=20=D0=B2=D0=B5=D1=82=D0=BA?= =?UTF-8?q?=D0=B8=20master=20=D0=B2=20=D0=B2=D0=B5=D1=82=D0=BA=D1=83=20les?= =?UTF-8?q?1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- les01ex01RemoveMenu/menuES5/Menu.js | 27 + les01ex01RemoveMenu/menuES5/MenuItem.js | 11 + les01ex01RemoveMenu/menuES5/menu.html | 42 + les01ex01RemoveMenu/menuES6/Menu.js | 31 + les01ex01RemoveMenu/menuES6/MenuItem.js | 14 + les01ex01RemoveMenu/menuES6/menu.html | 34 + les01ex01RemoveMenu/project.txt | 12 + les01ex02SubMenu/Menu.js | 31 + les01ex02SubMenu/MenuItem.js | 11 + les01ex02SubMenu/menu.html | 61 + les01ex03Hamburgers/app/css/style.css | 1 + les01ex03Hamburgers/app/img/bg.jpg | Bin 0 -> 405397 bytes les01ex03Hamburgers/app/index.html | 56 + les01ex03Hamburgers/app/js/hamburger.js | 292 ++ les01ex03Hamburgers/app/scss/style.scss | 68 + les01ex03Hamburgers/gulpfile.js | 34 + les01ex03Hamburgers/package-lock.json | 5656 +++++++++++++++++++++++ les01ex03Hamburgers/package.json | 20 + 18 files changed, 6401 insertions(+) create mode 100644 les01ex01RemoveMenu/menuES5/Menu.js create mode 100644 les01ex01RemoveMenu/menuES5/MenuItem.js create mode 100644 les01ex01RemoveMenu/menuES5/menu.html create mode 100644 les01ex01RemoveMenu/menuES6/Menu.js create mode 100644 les01ex01RemoveMenu/menuES6/MenuItem.js create mode 100644 les01ex01RemoveMenu/menuES6/menu.html create mode 100644 les01ex01RemoveMenu/project.txt create mode 100644 les01ex02SubMenu/Menu.js create mode 100644 les01ex02SubMenu/MenuItem.js create mode 100644 les01ex02SubMenu/menu.html create mode 100644 les01ex03Hamburgers/app/css/style.css create mode 100644 les01ex03Hamburgers/app/img/bg.jpg create mode 100644 les01ex03Hamburgers/app/index.html create mode 100644 les01ex03Hamburgers/app/js/hamburger.js create mode 100644 les01ex03Hamburgers/app/scss/style.scss create mode 100644 les01ex03Hamburgers/gulpfile.js create mode 100644 les01ex03Hamburgers/package-lock.json create mode 100644 les01ex03Hamburgers/package.json diff --git a/les01ex01RemoveMenu/menuES5/Menu.js b/les01ex01RemoveMenu/menuES5/Menu.js new file mode 100644 index 0000000..ad25250 --- /dev/null +++ b/les01ex01RemoveMenu/menuES5/Menu.js @@ -0,0 +1,27 @@ +function Menu(myId, myClass, myItems) { + this.id = myId; + this.className = myClass; + this.items = myItems; +} + +Menu.prototype.render = function () { + var result = `'; + return result; +}; + +//TODO: удаление меню +Menu.prototype.remove = function () { + //document + let parent = document.getElementById(`${this.id}`).parentNode; + parent.removeChild(document.getElementById(`${this.id}`)); + + // Можно и так + // document.getElementById(`${this.id}`).parentNode.removeChild(document.getElementById(`${this.id}`)); +}; \ No newline at end of file diff --git a/les01ex01RemoveMenu/menuES5/MenuItem.js b/les01ex01RemoveMenu/menuES5/MenuItem.js new file mode 100644 index 0000000..e64b46c --- /dev/null +++ b/les01ex01RemoveMenu/menuES5/MenuItem.js @@ -0,0 +1,11 @@ +//Класс для пункта меню +function MenuItem(href, title) { + this.href = href; + this.title = title; +} + +//Метод возвращает html код для конкретного пункта +MenuItem.prototype.renderItem = function () { + //return '
  • ' + this.title + '
    • '; //ES5 + return `
  • ${this.title}
    • `; //ES6 +}; \ No newline at end of file diff --git a/les01ex01RemoveMenu/menuES5/menu.html b/les01ex01RemoveMenu/menuES5/menu.html new file mode 100644 index 0000000..d962705 --- /dev/null +++ b/les01ex01RemoveMenu/menuES5/menu.html @@ -0,0 +1,42 @@ + + + + + Menu + + + + + + + + + \ No newline at end of file diff --git a/les01ex01RemoveMenu/menuES6/Menu.js b/les01ex01RemoveMenu/menuES6/Menu.js new file mode 100644 index 0000000..d0469f4 --- /dev/null +++ b/les01ex01RemoveMenu/menuES6/Menu.js @@ -0,0 +1,31 @@ +class Menu { + constructor(myId, myClass, myItems) + { + this.id = myId; + this.className = myClass; + this.items = myItems; + } + + render () { + var result = `'; + return result; + } + + //TODO: удаление меню + remove() + { + //document + let parent = document.getElementById(`${this.id}`).parentNode; + parent.removeChild(document.getElementById(`${this.id}`)); + + // Можно и так + // document.getElementById(`${this.id}`).parentNode.removeChild(document.getElementById(`${this.id}`)); + } +} diff --git a/les01ex01RemoveMenu/menuES6/MenuItem.js b/les01ex01RemoveMenu/menuES6/MenuItem.js new file mode 100644 index 0000000..bbf1366 --- /dev/null +++ b/les01ex01RemoveMenu/menuES6/MenuItem.js @@ -0,0 +1,14 @@ + //Класс для пункта меню +class MenuItem { + constructor(href, title) + { + this.href = href; + this.title = title; + } + + //Метод возвращает html код для конкретного пункта + renderItem () { + //return '
  • ' + this.title + '
    • '; //ES5 + return `
  • ${this.title}
    • `; //ES6 + } +} \ No newline at end of file diff --git a/les01ex01RemoveMenu/menuES6/menu.html b/les01ex01RemoveMenu/menuES6/menu.html new file mode 100644 index 0000000..a364a0f --- /dev/null +++ b/les01ex01RemoveMenu/menuES6/menu.html @@ -0,0 +1,34 @@ + + + + + Menu + + + + + + + + \ No newline at end of file diff --git a/les01ex01RemoveMenu/project.txt b/les01ex01RemoveMenu/project.txt new file mode 100644 index 0000000..93d6c1f --- /dev/null +++ b/les01ex01RemoveMenu/project.txt @@ -0,0 +1,12 @@ +