diff --git a/lesson_12/js/index.js b/lesson_12/js/index.js index 923d096..7b2aec2 100644 --- a/lesson_12/js/index.js +++ b/lesson_12/js/index.js @@ -1 +1,40 @@ -'use strict' \ No newline at end of file +'use strict' +const group = { + + users: ['student 1', 'student 2'], + + sayHi: function(user) { + console.log(`Hi ${user}`); + }, + + sayHiToAll: function() { + this.users.forEach(user => this.sayHi(user)) + } +} + + group.sayHiToAll(); + +// 2 + +function callWithTimer(func) { + + return function innerFunc(){ + console.time('time'); + let resActFunction = func(); + console.timeEnd('time'); + return resActFunction; + }; + +}; + +function testFunction() { + const arr = new Array(4000000).fill('test'); + + const newArr = arr.map((el,index) => `${el}_${index}`); + return newArr; +} + +const testFunctionWrapper = callWithTimer(testFunction); +const result = testFunctionWrapper(); + +console.log('result:', result); \ No newline at end of file diff --git a/lesson_2/index.html b/lesson_2/index.html index b6b99c4..720eb47 100755 --- a/lesson_2/index.html +++ b/lesson_2/index.html @@ -8,6 +8,30 @@ +

+ FLEXBOX CSS +

+
+
+ 1 +
+
+ 2 +
+
+ 3 +
+
+ 4 +
+
+ 5 +
+
+ 6 +
+ +
diff --git a/lesson_2/styles/styles.css b/lesson_2/styles/styles.css index 9d23ceb..1afea12 100755 --- a/lesson_2/styles/styles.css +++ b/lesson_2/styles/styles.css @@ -1,3 +1,96 @@ + body { - font-family: sans-serif; + font-family: Tahoma, Arial, sans-serif; } + +div { + box-sizing: border-box; +} + +.intro { + width: 1003px; + margin: 70px auto 0px auto; + color: #36c1d0; +} + +.block__element span { + background: #dee8fb; + color: #366bd0; + display: block; + width: 40px; + height: 40px; + line-height: 40px; + text-align: center; + border-radius: 50%; + position: absolute; + left: 50%; + margin-left: -20px; + top: 50%; + margin-top: -20px; +} + +.block { + background: #36c1d0; + width: 1000px; + height: 600px; + margin: 60px auto; + padding: 20px; +} + +.block__element { + background: #fff; + width: 10%; + height: 100px; + position: relative; + margin: 6px; +} + +.credits { + width: 1000px; + margin: 0 auto 65px auto; +} + +.credits__links { + padding: 0; + margin: 0; +} + +.credits__link { + display: block; +} + +.credits__link a { + font-size: 13px; + text-decoration: none; + border-bottom: 1px solid rgba(54, 193, 208, 0.42); + color: #36c1d0; + font-weight: bold; + margin-right: 30px; + padding-bottom: 4px; +} + +.credits__link a:hover { + border-bottom: 0; +} + +/* Flexbox CSS Styling */ + +.flex-container { + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} + +.flex-element { + width: 30%; + background-color: #1418e0; +} + +.block__element1 { + height: 300px; +} + +.block__element { + height: 150 px; +} + diff --git "a/lesson_2/\320\267\320\260\320\264\320\260\320\275\320\270\320\2651/index.html" "b/lesson_2/\320\267\320\260\320\264\320\260\320\275\320\270\320\2651/index.html" new file mode 100644 index 0000000..720eb47 --- /dev/null +++ "b/lesson_2/\320\267\320\260\320\264\320\260\320\275\320\270\320\2651/index.html" @@ -0,0 +1,38 @@ + + + + + + Homework + + + + +

+ FLEXBOX CSS +

+
+
+ 1 +
+
+ 2 +
+
+ 3 +
+
+ 4 +
+
+ 5 +
+
+ 6 +
+ +
+ + + + \ No newline at end of file diff --git "a/lesson_2/\320\267\320\260\320\264\320\260\320\275\320\270\320\2651/styles/styles.css" "b/lesson_2/\320\267\320\260\320\264\320\260\320\275\320\270\320\2651/styles/styles.css" new file mode 100644 index 0000000..1afea12 --- /dev/null +++ "b/lesson_2/\320\267\320\260\320\264\320\260\320\275\320\270\320\2651/styles/styles.css" @@ -0,0 +1,96 @@ + +body { + font-family: Tahoma, Arial, sans-serif; +} + +div { + box-sizing: border-box; +} + +.intro { + width: 1003px; + margin: 70px auto 0px auto; + color: #36c1d0; +} + +.block__element span { + background: #dee8fb; + color: #366bd0; + display: block; + width: 40px; + height: 40px; + line-height: 40px; + text-align: center; + border-radius: 50%; + position: absolute; + left: 50%; + margin-left: -20px; + top: 50%; + margin-top: -20px; +} + +.block { + background: #36c1d0; + width: 1000px; + height: 600px; + margin: 60px auto; + padding: 20px; +} + +.block__element { + background: #fff; + width: 10%; + height: 100px; + position: relative; + margin: 6px; +} + +.credits { + width: 1000px; + margin: 0 auto 65px auto; +} + +.credits__links { + padding: 0; + margin: 0; +} + +.credits__link { + display: block; +} + +.credits__link a { + font-size: 13px; + text-decoration: none; + border-bottom: 1px solid rgba(54, 193, 208, 0.42); + color: #36c1d0; + font-weight: bold; + margin-right: 30px; + padding-bottom: 4px; +} + +.credits__link a:hover { + border-bottom: 0; +} + +/* Flexbox CSS Styling */ + +.flex-container { + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} + +.flex-element { + width: 30%; + background-color: #1418e0; +} + +.block__element1 { + height: 300px; +} + +.block__element { + height: 150 px; +} + diff --git "a/lesson_2/\320\267\320\260\320\264\320\260\320\275\320\270\320\2652/index.html" "b/lesson_2/\320\267\320\260\320\264\320\260\320\275\320\270\320\2652/index.html" new file mode 100644 index 0000000..8b47884 --- /dev/null +++ "b/lesson_2/\320\267\320\260\320\264\320\260\320\275\320\270\320\2652/index.html" @@ -0,0 +1,46 @@ + + + + + + Homework + + + + +

+ FLEXBOX CSS +

+
+
+ 1 +
+
+ 2 +
+
+ 3 +
+
+ 4 +
+
+ 5 +
+
+ 6 +
+
+ 7 +
+
+ 8 +
+
+ 9 +
+
+ + + + \ No newline at end of file diff --git "a/lesson_2/\320\267\320\260\320\264\320\260\320\275\320\270\320\2652/styles/styles.css" "b/lesson_2/\320\267\320\260\320\264\320\260\320\275\320\270\320\2652/styles/styles.css" new file mode 100644 index 0000000..3c7f757 --- /dev/null +++ "b/lesson_2/\320\267\320\260\320\264\320\260\320\275\320\270\320\2652/styles/styles.css" @@ -0,0 +1,108 @@ +/* General Styling */ + +body { + font-family: Tahoma, Arial, sans-serif; +} + +div { + box-sizing: border-box; +} + +.intro { + width: 1003px; + margin: 70px auto 0px auto; + color: #36c1d0; +} + +.block__element span { + background: #dee8fb; + color: #366bd0; + display: block; + width: 40px; + height: 40px; + line-height: 40px; + text-align: center; + border-radius: 50%; + position: absolute; + left: 50%; + margin-left: -20px; + top: 50%; + margin-top: -20px; +} + +.block { + background: #36c1d0; + width: 1000px; + height: 600px; + margin: 60px auto; + padding: 20px; +} + +.block__element { + background: #fff; + width: 10%; + height: 100px; + position: relative; + margin: 6px; +} + +.credits { + width: 1000px; + margin: 0 auto 65px auto; +} + +.credits__links { + padding: 0; + margin: 0; +} + +.credits__link { + display: block; +} + +.credits__link a { + font-size: 13px; + text-decoration: none; + border-bottom: 1px solid rgba(54, 193, 208, 0.42); + color: #36c1d0; + font-weight: bold; + margin-right: 30px; + padding-bottom: 4px; +} + +.credits__link a:hover { + border-bottom: 0; +} + +/* Flexbox CSS Styling */ + +.flex-container { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + align-items: center; +} + +.flex-element { + width: 10%; + background-color: yellow; + height: 45%; +} +.flex-element1 { + background-color: #43cf15; + width: 100%; + height: 45%; +} +.flex-element2 { + background-color: #43cf15; + height: 45%; + +} + +.flex-element3 { + background-color: yellow; + width: 15%; + height: 45%; + +} + diff --git "a/lesson_2/\320\267\320\260\320\264\320\260\320\275\320\270\320\2653/index.html" "b/lesson_2/\320\267\320\260\320\264\320\260\320\275\320\270\320\2653/index.html" new file mode 100644 index 0000000..968a00b --- /dev/null +++ "b/lesson_2/\320\267\320\260\320\264\320\260\320\275\320\270\320\2653/index.html" @@ -0,0 +1,27 @@ + + + + + + Homework + + + + +

+ FLEXBOX CSS +

+
+ +
1
+
2
+
3
+
4
+
5
+ +
+ + + + + \ No newline at end of file diff --git "a/lesson_2/\320\267\320\260\320\264\320\260\320\275\320\270\320\2653/styles/styles.css" "b/lesson_2/\320\267\320\260\320\264\320\260\320\275\320\270\320\2653/styles/styles.css" new file mode 100644 index 0000000..ba280f3 --- /dev/null +++ "b/lesson_2/\320\267\320\260\320\264\320\260\320\275\320\270\320\2653/styles/styles.css" @@ -0,0 +1,43 @@ +body { + font-family: sans-serif; +} +.container_main { + background: #77F2E4; + display: flex; + justify-content: space-between; + flex-direction: ; + border: 1px solid #000000; + padding: 10px; + height: 600px; + width: 600px; +} + +.item1 { + background-color: yellow; + padding: 10px; + border: 1px solid #000000; + border-radius: 10 px; + height: 100px; + width: 100px; + align-self: flex-end; +} + +.item2 { + background-color: yellow; + padding: 10px; + border: 1px solid #000000; + border-radius: 10 px; + height: 100px; + width: 100px; + align-self: center; +} + +.item3 { + background-color: yellow; + padding: 10px; + border: 1px solid #000000; + border-radius: 10 px; + height: 100px; + width: 100px; + align-self: flexstart; +} \ No newline at end of file