Skip to content

Commit a3b0ecb

Browse files
committed
#17: updates after code review
1 parent 7f9b9cb commit a3b0ecb

1 file changed

Lines changed: 10 additions & 10 deletions

File tree

8-web-components/1-webcomponents-intro/article.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# С орбитальной высоты
22

3-
Этот раздел описывает набор современных стандартов для "web компонентов".
3+
Этот раздел описывает набор современных стандартов для "веб-компонентов".
44

55
На текущий момент, эти стандарты находятся в процессе разработки. Некоторые фичи имеют хорошую поддержку и интеграцию в современный стандарт HTML/DOM, в то время как другие пока еще в черновиках. Вы можете попробовать примеры в любом современном браузере (возможно, Google Chrome поддерживает самые последние фичи, так как ребята из Google предположительно стоят за большинством спецификаций по этой теме).
66

@@ -12,13 +12,13 @@
1212

1313
![](satellite.jpg)
1414

15-
Это Международная Космическая Станция (МКС).
15+
Это международная космическая станция (МКС).
1616

1717
А это то, как она устроена (приблизительно):
1818

1919
![](satellite-expanded.jpg)
2020

21-
Международная Космическая Станция:
21+
Международная космическая станция:
2222
- Состоит из множества компонентов.
2323
- Каждый компонент в свою очередь, состоит из множества более мелких деталей.
2424
- Компоненты имеют очень сложное устройство, и гораздо сложнее большинства сайтов.
@@ -40,7 +40,7 @@
4040

4141
Мы можем разделить пользовательский интерфейс на визуальные компоненты: каждый из них занимает свое место на странице, может "выполнять" хорошо описанную задачу, и отделен от остальных.
4242

43-
Рассмотрим какой-нибудь вебсайт, например Twitter.
43+
Рассмотрим какой-нибудь сайт, например Twitter.
4444

4545
Он естественным образом разделен на компоненты:
4646

@@ -56,20 +56,20 @@
5656

5757
Как мы определяем, что является компонентом? Это приходит из соображений здравого смысла, а также с интуицией и опытом. Обычно это объект, отделимый визуально, который мы можем описать с точки зрения того, что он делает и как он взаимодействует со страницей. В примере выше, страница сожержит блоки, каждый из которых играет свою роль, и логично выделить их в компоненты.
5858

59-
- Компонент имеет свой собственный JavaScript класс.
60-
- DOM структура управляется исключительно своим классом, и внешний код не имеет к ней доступа (принцип "инкапсуляции").
61-
- CSS стили, примененные к компоненту.
59+
- Компонент имеет свой собственный JavaScript-класс.
60+
- DOM-структура управляется исключительно своим классом, и внешний код не имеет к ней доступа (принцип "инкапсуляции").
61+
- CSS-стили, примененные к компоненту.
6262
- API: события, методы класса и т.п., для взаимодействия с другими компонентами.
6363

6464
Опять же, компонент в целом не представляет ничего особенного.
6565

66-
Существует множество фреймворков и методов разработки для их создания, каждый из которых со своими плюсами и минусами. Обычно особые CSS классы и условности используются для обеспечения "ощущения компонентов" -- области видимости CSS и инкапсуляция DOM.
66+
Существует множество фреймворков и методов разработки для их создания, каждый из которых со своими плюсами и минусами. Обычно особые CSS классы и соглашения используются для обеспечения "ощущения компонентов" -- области видимости CSS и инкапсуляция DOM.
6767

6868
"Веб-компоненты" предоставляют встроенные возможности браузера для этого, поэтому нам больше не нужно имитировать их.
6969

7070
- [Пользовательские элементы](https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements) -- для определения пользовательских HTML-элементов.
7171
- [Теневой DOM](https://dom.spec.whatwg.org/#shadow-trees) -- для создание внутреннего DOM компонента, скрытого от остальных.
72-
- [CSS области видимости](https://drafts.csswg.org/css-scoping/) -- для определения стилей, которые применяются только внутри теневого DOM компонента.
72+
- [Области видимости CSS](https://drafts.csswg.org/css-scoping/) -- для определения стилей, которые применяются только внутри теневого DOM компонента.
7373
- [Перенаправление событий](https://dom.spec.whatwg.org/#retarget) и другие мелочи для создания более удобных в разработке пользовательских компонентов.
7474

75-
В следующей главе мы погрузимся в детали "Пользовательских Элементов" -- основа и хорошо поддерживаемая особенность веб-компонентов, которая и сама по себе хороша.
75+
В следующей главе мы погрузимся в детали "пользовательских элементов" -- основа и хорошо поддерживаемая особенность веб-компонентов, которая и сама по себе хороша.

0 commit comments

Comments
 (0)