From 703b7b720f6fcc5f932d451ec49258a658c30184 Mon Sep 17 00:00:00 2001 From: fan4cz Date: Tue, 31 Mar 2026 20:19:34 +0500 Subject: [PATCH 1/3] ffffffffffffffffffffffffffffffffffffffffffffff --- index.html | 22 ++++++++++++++++++ styles.css | 65 +++++++++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 86 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 5e60e40..e9e015e 100644 --- a/index.html +++ b/index.html @@ -7,5 +7,27 @@ +

Замыкания в JavaScript для начинающих

+

+ Замыкания — это одна из фундаментальных концепций JavaScript, вызывающая сложности у многих новичков, знать и понимать которую должен каждый JS-программист. Хорошо разобравшись с замыканиями, вы сможете писать более качественный, эффективный и чистый код. А это, в свою очередь, будет способствовать вашему профессиональному росту. +Материал, перевод которого мы публикуем сегодня, посвящён рассказу о внутренних механизмах замыканий и о том, как они работают в JavaScript-программах. +

+

Что такое замыкание?

+

+ Замыкание — это функция, у которой есть доступ к области видимости, сформированной внешней по отношению к ней функции даже после того, как эта внешняя функция завершила работу. Это значит, что в замыкании могут храниться переменные, объявленные во внешней функции и переданные ей аргументы. Прежде чем мы перейдём, собственно, к замыканиям, разберёмся с понятием «лексическое окружение». +

+

Что такое лексическое окружение?

+

+ Понятие «лексическое окружение» или «статическое окружение» в JavaScript относится к возможности доступа к переменным, функциям и объектам на основе их физического расположения в исходном коде. Рассмотрим пример: +

+ article-design/2744EFD6-B878-4DCB-B0D5-526F1B233733/CA501510-E978-4377-9076-8F392B899C1B@1x.png +

+ Здесь у функции inner() есть доступ к переменным, объявленным в её собственной области видимости, в области видимости функции outer() и в глобальной области видимости. Функция outer() имеет доступ к переменным, объявленным в её собственной области видимости и в глобальной области видимости. +Цепочка областей видимости вышеприведённого кода будет выглядеть так: +

+ article-design/2744EFD6-B878-4DCB-B0D5-526F1B233733/848B0BFD-C857-4F1E-93BF-3822E0A81A7E@0.5x.png +

+ Обратите внимание на то, что функция inner() окружена лексическим окружением функции outer(), которая, в свою очередь, окружена глобальной областью видимости. Именно поэтому функция inner() может получить доступ к переменным, объявленным в функции outer() и в глобальной области видимости. +

\ No newline at end of file diff --git a/styles.css b/styles.css index 1cbd2e0..ef30fa6 100644 --- a/styles.css +++ b/styles.css @@ -1,8 +1,71 @@ /* Тут пиши основные стили */ +h1 { + font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; + font-size: 42px; + color: rgba(0, 0, 0, 0.84); + text-align: left; + line-height: 44px; + width: 700px; + height: 88px; + margin-top: 55px; + margin-left: 360px; + margin-right: 364px; +} +p { + font-family: Georgia, Cambria, "Times New Roman", Times, serif; + font-size: 21px; + color: rgba(0, 0, 0, 0.84); + text-align: left; + line-height: 33px; + margin-top: 10px; + margin-left: 362px; + margin-right: 362px; +} + +h2 { + font-family: LucidaGrande-Bold; + font-size: 34px; + color: rgba(0, 0, 0, 0.84); + text-align: left; + line-height: 39px; + margin-top: 55px; + margin-left: 360px; + margin-right: 364px; +} + +img { + width: 700px; + height: 727px; + margin-left: 362px; + margin-right: 362px; + margin-top: 43px; + margin-bottom: 37; +} + +.img1 { + width: 700px; + height: 923px; + margin-left: 362px; + margin-right: 362px; + margin-top: 43px; + margin-bottom: 37; +} + +body { + width: 1424px; + color: #333; + background-color: #fff; + margin: 0px; +} + +code { + font-family: "Courier New", monospace; + background-color: #F1F1F1; +} @media (max-width: 800px) { -/* Тут пиши стили для мобилки. + /* Тут пиши стили для мобилки. Стили применятся только когда страничка будет ≤800px шириной */ } \ No newline at end of file From fd2002cc49c035a1f420863958bda26068739702 Mon Sep 17 00:00:00 2001 From: MatrikSer Date: Tue, 31 Mar 2026 20:36:33 +0500 Subject: [PATCH 2/3] finish 1-3 --- index.html | 77 ++++++++++++++++++++++++++++++++++++++++++------------ styles.css | 43 ++++++++++++++++++++++++++++-- 2 files changed, 101 insertions(+), 19 deletions(-) diff --git a/index.html b/index.html index e9e015e..c0a430d 100644 --- a/index.html +++ b/index.html @@ -1,33 +1,76 @@ - + - - + + Практика верстки - - - + + + + +

Замыкания в JavaScript для начинающих

- Замыкания — это одна из фундаментальных концепций JavaScript, вызывающая сложности у многих новичков, знать и понимать которую должен каждый JS-программист. Хорошо разобравшись с замыканиями, вы сможете писать более качественный, эффективный и чистый код. А это, в свою очередь, будет способствовать вашему профессиональному росту. -Материал, перевод которого мы публикуем сегодня, посвящён рассказу о внутренних механизмах замыканий и о том, как они работают в JavaScript-программах. + Замыкания — это одна из фундаментальных концепций JavaScript, вызывающая + сложности у многих новичков, знать и понимать которую должен каждый + JS-программист. Хорошо разобравшись с замыканиями, вы сможете писать более + качественный, эффективный и чистый код. А это, в свою очередь, будет + способствовать вашему профессиональному росту. Материал, перевод которого + мы публикуем сегодня, посвящён рассказу о внутренних механизмах замыканий + и о том, как они работают в JavaScript-программах.

Что такое замыкание?

- Замыкание — это функция, у которой есть доступ к области видимости, сформированной внешней по отношению к ней функции даже после того, как эта внешняя функция завершила работу. Это значит, что в замыкании могут храниться переменные, объявленные во внешней функции и переданные ей аргументы. Прежде чем мы перейдём, собственно, к замыканиям, разберёмся с понятием «лексическое окружение». + Замыкание — это функция, у которой есть доступ к области видимости, + сформированной внешней по отношению к ней функции даже после того, как эта + внешняя функция завершила работу. Это значит, что в замыкании могут + храниться переменные, объявленные во внешней функции и переданные ей + аргументы. Прежде чем мы перейдём, собственно, к замыканиям, разберёмся с + понятием «лексическое окружение».

Что такое лексическое окружение?

- Понятие «лексическое окружение» или «статическое окружение» в JavaScript относится к возможности доступа к переменным, функциям и объектам на основе их физического расположения в исходном коде. Рассмотрим пример: + Понятие «лексическое окружение» или «статическое окружение» в JavaScript + относится к возможности доступа к переменным, функциям и объектам на + основе их физического расположения в исходном коде. Рассмотрим пример:

- article-design/2744EFD6-B878-4DCB-B0D5-526F1B233733/CA501510-E978-4377-9076-8F392B899C1B@1x.png + article-design/2744EFD6-B878-4DCB-B0D5-526F1B233733/CA501510-E978-4377-9076-8F392B899C1B@1x.png

- Здесь у функции inner() есть доступ к переменным, объявленным в её собственной области видимости, в области видимости функции outer() и в глобальной области видимости. Функция outer() имеет доступ к переменным, объявленным в её собственной области видимости и в глобальной области видимости. -Цепочка областей видимости вышеприведённого кода будет выглядеть так: + Здесь у функции inner() есть доступ к переменным, объявленным + в её собственной области видимости, в области видимости функции + outer() и в глобальной области видимости. Функция + outer() имеет доступ к переменным, объявленным в её + собственной области видимости и в глобальной области видимости. Цепочка + областей видимости вышеприведённого кода будет выглядеть так:

- article-design/2744EFD6-B878-4DCB-B0D5-526F1B233733/848B0BFD-C857-4F1E-93BF-3822E0A81A7E@0.5x.png + article-design/2744EFD6-B878-4DCB-B0D5-526F1B233733/848B0BFD-C857-4F1E-93BF-3822E0A81A7E@0.5x.png

- Обратите внимание на то, что функция inner() окружена лексическим окружением функции outer(), которая, в свою очередь, окружена глобальной областью видимости. Именно поэтому функция inner() может получить доступ к переменным, объявленным в функции outer() и в глобальной области видимости. + Обратите внимание на то, что функция inner() окружена лексическим + окружением функции outer(), которая, в свою очередь, окружена глобальной + областью видимости. Именно поэтому функция inner() может + получить доступ к переменным, объявленным в функции outer() и + в глобальной области видимости.

- - \ No newline at end of file + + diff --git a/styles.css b/styles.css index ef30fa6..5a58d0b 100644 --- a/styles.css +++ b/styles.css @@ -64,8 +64,47 @@ code { background-color: #F1F1F1; } +img.nav { + width: 97px; + height: 64px; + margin-left: 37px; + margin-top: 10px; + margin-bottom: 10px; +} + +nav { + background-color: #FAF9F8; +} + +nav > ul { + list-style: none; +} + +nav > ul > li { + display: inline-block; + margin-right: 30px; +} + +a { + font-family: LucidaGrande; + font-size: 24px; + color: #333333; + text-align: left; + line-height: 36px; + text-decoration: none; + cursor: url("responsive-design/E8E9A56B-53B7-494E-BE52-747EE607EC62/5301AFFB-CEE8-43FC-8F06-FB9785DF6E4A@1x.png"), pointer; +} + +a:hover{ + text-decoration: underline; +} + +a.cur_pos { + color: #D0031C; +} + @media (max-width: 800px) { - /* Тут пиши стили для мобилки. + /* Тут пиши стили для мобилки. Стили применятся только когда страничка будет ≤800px шириной */ -} \ No newline at end of file +} From 64e229880d2fa9de41fb31d65fb974f05a77edaf Mon Sep 17 00:00:00 2001 From: fan4cz Date: Tue, 31 Mar 2026 20:57:18 +0500 Subject: [PATCH 3/3] =?UTF-8?q?4=20=D1=82=D0=B8=D0=BF=D0=BE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 137 +++++++++++++++++++++++++++-------------------------- styles.css | 116 ++++++++++++++++++++++++++++----------------- 2 files changed, 142 insertions(+), 111 deletions(-) diff --git a/index.html b/index.html index c0a430d..2f68dae 100644 --- a/index.html +++ b/index.html @@ -1,76 +1,77 @@ - + + Практика верстки - - - + + + + -

Замыкания в JavaScript для начинающих

-

- Замыкания — это одна из фундаментальных концепций JavaScript, вызывающая - сложности у многих новичков, знать и понимать которую должен каждый - JS-программист. Хорошо разобравшись с замыканиями, вы сможете писать более - качественный, эффективный и чистый код. А это, в свою очередь, будет - способствовать вашему профессиональному росту. Материал, перевод которого - мы публикуем сегодня, посвящён рассказу о внутренних механизмах замыканий - и о том, как они работают в JavaScript-программах. -

-

Что такое замыкание?

-

- Замыкание — это функция, у которой есть доступ к области видимости, - сформированной внешней по отношению к ней функции даже после того, как эта - внешняя функция завершила работу. Это значит, что в замыкании могут - храниться переменные, объявленные во внешней функции и переданные ей - аргументы. Прежде чем мы перейдём, собственно, к замыканиям, разберёмся с - понятием «лексическое окружение». -

-

Что такое лексическое окружение?

-

- Понятие «лексическое окружение» или «статическое окружение» в JavaScript - относится к возможности доступа к переменным, функциям и объектам на - основе их физического расположения в исходном коде. Рассмотрим пример: -

- article-design/2744EFD6-B878-4DCB-B0D5-526F1B233733/CA501510-E978-4377-9076-8F392B899C1B@1x.png -

- Здесь у функции inner() есть доступ к переменным, объявленным - в её собственной области видимости, в области видимости функции - outer() и в глобальной области видимости. Функция - outer() имеет доступ к переменным, объявленным в её - собственной области видимости и в глобальной области видимости. Цепочка - областей видимости вышеприведённого кода будет выглядеть так: -

- article-design/2744EFD6-B878-4DCB-B0D5-526F1B233733/848B0BFD-C857-4F1E-93BF-3822E0A81A7E@0.5x.png -

- Обратите внимание на то, что функция inner() окружена лексическим - окружением функции outer(), которая, в свою очередь, окружена глобальной - областью видимости. Именно поэтому функция inner() может - получить доступ к переменным, объявленным в функции outer() и - в глобальной области видимости. -

- - +
+
+

Замыкания в JavaScript для начинающих

+

+ Замыкания — это одна из фундаментальных концепций JavaScript, вызывающая + сложности у многих новичков, знать и понимать которую должен каждый + JS-программист. Хорошо разобравшись с замыканиями, вы сможете писать более + качественный, эффективный и чистый код. А это, в свою очередь, будет + способствовать вашему профессиональному росту. Материал, перевод которого + мы публикуем сегодня, посвящён рассказу о внутренних механизмах замыканий + и о том, как они работают в JavaScript-программах. +

+

Что такое замыкание?

+

+ Замыкание — это функция, у которой есть доступ к области видимости, + сформированной внешней по отношению к ней функции даже после того, как эта + внешняя функция завершила работу. Это значит, что в замыкании могут + храниться переменные, объявленные во внешней функции и переданные ей + аргументы. Прежде чем мы перейдём, собственно, к замыканиям, разберёмся с + понятием «лексическое окружение». +

+

Что такое лексическое окружение?

+

+ Понятие «лексическое окружение» или «статическое окружение» в JavaScript + относится к возможности доступа к переменным, функциям и объектам на + основе их физического расположения в исходном коде. Рассмотрим пример: +

+ article-design/2744EFD6-B878-4DCB-B0D5-526F1B233733/CA501510-E978-4377-9076-8F392B899C1B@1x.png +

+ Здесь у функции inner() есть доступ к переменным, объявленным + в её собственной области видимости, в области видимости функции + outer() и в глобальной области видимости. Функция + outer() имеет доступ к переменным, объявленным в её + собственной области видимости и в глобальной области видимости. Цепочка + областей видимости вышеприведённого кода будет выглядеть так: +

+ article-design/2744EFD6-B878-4DCB-B0D5-526F1B233733/848B0BFD-C857-4F1E-93BF-3822E0A81A7E@0.5x.png +

+ Обратите внимание на то, что функция inner() окружена лексическим + окружением функции outer(), которая, в свою очередь, окружена глобальной + областью видимости. Именно поэтому функция inner() может + получить доступ к переменным, объявленным в функции outer() и + в глобальной области видимости. +

+
+
+ + + \ No newline at end of file diff --git a/styles.css b/styles.css index 5a58d0b..8595bdd 100644 --- a/styles.css +++ b/styles.css @@ -1,62 +1,58 @@ /* Тут пиши основные стили */ + h1 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 42px; color: rgba(0, 0, 0, 0.84); text-align: left; line-height: 44px; - width: 700px; - height: 88px; - margin-top: 55px; - margin-left: 360px; - margin-right: 364px; } p { - font-family: Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; color: rgba(0, 0, 0, 0.84); text-align: left; line-height: 33px; - margin-top: 10px; - margin-left: 362px; - margin-right: 362px; } h2 { - font-family: LucidaGrande-Bold; - font-size: 34px; + font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; + font-size: 42px; color: rgba(0, 0, 0, 0.84); text-align: left; line-height: 39px; - margin-top: 55px; - margin-left: 360px; - margin-right: 364px; } img { width: 700px; height: 727px; - margin-left: 362px; - margin-right: 362px; - margin-top: 43px; - margin-bottom: 37; + text-align: left; } .img1 { width: 700px; height: 923px; - margin-left: 362px; - margin-right: 362px; - margin-top: 43px; - margin-bottom: 37; + text-align: left; } body { - width: 1424px; - color: #333; - background-color: #fff; margin: 0px; + padding: 0px; + width: 100%; + height: 100%; +} + + +.wrapper { + display: flex; + justify-content: center; +} + +.content { + font-family: Georgia, Cambria, "Times New Roman", Times, serif; + font-size: 18px; + width: 700px; + } code { @@ -65,37 +61,37 @@ code { } img.nav { - width: 97px; - height: 64px; - margin-left: 37px; - margin-top: 10px; - margin-bottom: 10px; + width: 97px; + height: 64px; + margin-left: 37px; + margin-top: 10px; + margin-bottom: 10px; } nav { - background-color: #FAF9F8; + background-color: #FAF9F8; } -nav > ul { +nav>ul { list-style: none; } -nav > ul > li { +nav>ul>li { display: inline-block; margin-right: 30px; } a { - font-family: LucidaGrande; - font-size: 24px; - color: #333333; - text-align: left; - line-height: 36px; - text-decoration: none; - cursor: url("responsive-design/E8E9A56B-53B7-494E-BE52-747EE607EC62/5301AFFB-CEE8-43FC-8F06-FB9785DF6E4A@1x.png"), pointer; + font-family: LucidaGrande; + font-size: 24px; + color: #333333; + text-align: left; + line-height: 36px; + text-decoration: none; + cursor: url("responsive-design/E8E9A56B-53B7-494E-BE52-747EE607EC62/5301AFFB-CEE8-43FC-8F06-FB9785DF6E4A@1x.png"), pointer; } -a:hover{ +a:hover { text-decoration: underline; } @@ -104,7 +100,41 @@ a.cur_pos { } @media (max-width: 800px) { - /* Тут пиши стили для мобилки. + + /* Тут пиши стили для мобилки. Стили применятся только когда страничка будет ≤800px шириной */ -} + img.nav { + margin-left: 20px; + } + + nav>ul { + flex-direction: column; + padding-left: 20px; + } + + nav>ul>li { + display: block; + padding: 0px; + margin: 5px 0px 5px 0px; + font-size: 20px; + } + + body { + width: 90%; + } + + img { + width: 100%; + } + + p { + font-size: 18px; + line-height: 22px; + } + + h1 { + font-size: 26px; + line-height: 28px; + } +} \ No newline at end of file