Skip to content

Commit f301cb7

Browse files
iliakaniliakan
committed
init
1 parent 06f61d8 commit f301cb7

2,271 files changed

Lines changed: 103162 additions & 0 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎01-js/01-getting-started/01-intro/article.md‎

Lines changed: 143 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,143 @@
1+
# Введение в JavaScript
2+
3+
Давайте посмотрим, что такого особенного в JavaScript, почему именно он, и какие еще технологии существуют, кроме JavaScript.
4+
[cut]
5+
## Что такое JavaScript?
6+
7+
*JavaScript* изначально создавался для того, чтобы сделать web-странички "живыми".
8+
Программы на этом языке называются *скриптами*. Они подключаются напрямую к HTML и, как только загружается страничка -- тут же выполняются.
9+
10+
**Программы на JavaScript -- обычный текст**. Они не требуют какой-то специальной подготовки.
11+
12+
В этом плане JavaScript сильно отличается от другого языка, который называется Java.
13+
14+
[smart header="Почему <u>Java</u>Script?"]
15+
Когда создавался язык JavaScript, у него изначально было другое название: "LiveScript". Но тогда был очень популярен язык Java, и маркетологи решили, что схожее название сделает новый язык более популярным.
16+
17+
Планировалось, что JavaScript будет эдаким "младшим братом" Java. Однако, история распорядилась по-своему, JavaScript сильно вырос, и сейчас это совершенно независимый язык, со своей спецификацией, которая называется <a href="http://en.wikipedia.org/wiki/ECMAScript">ECMAScript</a>, и к Java не имеет никакого отношения.
18+
19+
У него много особенностей, которые усложняют освоение, но по ходу учебника мы с ними разберемся.
20+
[/smart]
21+
22+
Чтобы читать и выполнять текст на JavaScript, нужна специальная программа -- [интерпретатор](http://ru.wikipedia.org/wiki/%D0%98%D0%BD%D1%82%D0%B5%D1%80%D0%BF%D1%80%D0%B5%D1%82%D0%B0%D1%82%D0%BE%D1%80). Процесс выполнения скрипта называют *"интерпретацией"*.
23+
24+
[smart header="Компиляция и интерпретация, для программистов"]
25+
Строго говоря, для выполнения программ существуют "компиляторы" и "интерпретаторы".
26+
27+
Компиляторы преобразуют программу в машинный код. Этот машинный код затем распространяется и запускается.
28+
29+
А интерпретаторы, в частности, встроенный JS-интерпретатор браузера -- получают программу в виде исходного кода. При этом распространяется именно сам исходный код (скрипт).
30+
31+
Современные интерпретаторы перед выполнением преобразуют JavaScript в машинный код или близко к нему, а уже затем выполняют.
32+
[/smart]
33+
34+
Во все основные браузеры встроен интерпретатор JavaScript, именно поэтому они могут выполнять скрипты на странице.
35+
36+
Но, разумеется, этим возможности JavaScript не ограничены. Это полноценный язык, программы на котором можно запускать и на сервере, и даже в стиральной машинке, если в ней установлен соответствующий интерпретатор.
37+
38+
## Что умеет JavaScript?
39+
40+
Современный JavaScript -- это "безопасный" язык программирования общего назначения. Он не предоставляет низкоуровневых средств работы с памятью, процессором, так как изначально был ориентирован на браузеры, в которых это не требуется.
41+
42+
Что же касается остальных возможностей -- они зависят от окружения, в котором запущен JavaScript.
43+
44+
В браузере JavaScript умеет делать все, что относится к манипуляции со страницей, взаимодействию с посетителем и, в какой-то мере, с сервером:
45+
46+
<ul>
47+
<li>Создавать новые HTML-теги, удалять существующие, менять стили элементов, прятать, показывать элементы и т.п.</li>
48+
<li>Реагировать на действия посетителя, обрабатывать клики мыши, перемещение курсора, нажатие на клавиатуру и т.п. </li>
49+
<li>Посылать запросы на сервер и загружать данные без перезагрузки страницы(эта технология называется &quot;AJAX&quot;).</li>
50+
<li>Получать и устанавливать cookie, запрашивать данные, выводить сообщения...</li>
51+
<li>...и многое, многое другое!</li>
52+
</ul>
53+
54+
## Что НЕ умеет JavaScript?
55+
56+
**JavaScript -- быстрый и мощный язык, но браузер накладывает на его исполнение некоторые ограничения**.
57+
58+
Это сделано для безопасности пользователей, чтобы злоумышленник не мог с помощью JavaScript получить личные данные или как-то навредить компьютеру пользователя.
59+
60+
Этих ограничений нет там, где JavaScript используется вне браузера, например на сервере. Кроме того, различные браузеры предоставляют свои механизмы по установке плагинов и расширений, которые обладают расширенными возможностями, но требуют специальных действий по установке от пользователя
61+
62+
**Большинство возможностей JavaScript в браузере ограничено текущим окном и страницей.**
63+
64+
<img src="jslimit.jpg">
65+
66+
<ul>
67+
<li>JavaScript не может читать/записывать произвольные файлы на жесткий диск, копировать их или вызывать программы. Он не имеет прямого доступа к операционной системе.
68+
69+
Современные браузеры могут работать с файлами, но эта возможность ограничена специально выделенной директорией -- *"песочницей"*. Возможности по доступу к устройствам также прорабатываются в современных стандартах и частично доступны в некоторых браузерах.
70+
</li>
71+
<li>JavaScript, работающий в одной вкладке, не может общаться с другими вкладками и окнами, за исключением случая, когда он сам открыл это окно или несколько вкладок из одного источника (одинаковый домен, порт, протокол).
72+
73+
Есть способы это обойти, и они раскрыты в учебнике, но они требуют внедрения специального кода на оба документа, которые находятся в разных вкладках или окнах. Без него, из соображений безопасности, залезть из одной вкладки в другую при помощи JavaScript нельзя.
74+
</li>
75+
<li>Из JavaScript можно легко посылать запросы на сервер, с которого пришла страница. Запрос на другой домен тоже возможен, но менее удобен, т.к. и здесь есть ограничения безопасности.
76+
</li>
77+
</ul>
78+
79+
## В чем уникальность JavaScript?
80+
81+
Есть как минимум *три* замечательных особенности JavaScript:
82+
83+
[compare]
84+
+Полная интеграция с HTML/CSS.
85+
+Простые вещи делаются просто.
86+
+Поддерживается всеми распространенными браузерами и включен по умолчанию.
87+
[/compare]
88+
89+
**Этих трёх вещей одновременно нет больше ни в одной браузерной технологии.** Поэтому JavaScript и является самым распространенным средством создания браузерных интерфейсов.
90+
91+
## Тенденции развития.
92+
93+
Перед тем, как вы планируете изучить новую технологию, полезно ознакомиться с ее развитием и перспективами. Здесь в JavaScript всё более чем хорошо.
94+
95+
### HTML 5
96+
97+
*HTML 5* -- эволюция стандарта HTML, добавляющая новые теги и, что более важно, ряд новых возможностей браузерам.
98+
99+
Вот несколько примеров:
100+
<ul>
101+
<li>Чтение/запись файлов на диск (в специальной "песочнице", то есть не любые).</li>
102+
<li>Встроенная в браузер база данных, которая позволяет хранить данные на компьютере пользователя.</li>
103+
<li>Многозадачность с одновременным использованием нескольких ядер процессора.</li>
104+
<li>Проигрывание видео/аудио, без Flash.</li>
105+
<li>2d и 3d-рисование с аппаратной поддержкой, как в современных играх.</li>
106+
</ul>
107+
108+
Многие возможности HTML5 всё ещё в разработке, но браузеры постепенно начинают их поддерживать.
109+
110+
[summary]Тенденция: JavaScript становится всё более и более мощным и возможности браузера растут в сторону десктопных приложений.[/summary]
111+
112+
### EcmaScript 6
113+
114+
Сам язык JavaScript улучшается. Современный стандарт EcmaScript 5 включает в себя новые возможности для разработки, EcmaScript 6 будет шагом вперёд в улучшении синтаксиса языка.
115+
116+
Современные браузеры улучшают свои движки, чтобы увеличить скорость исполнения JavaScript, исправляют баги и стараются следовать стандартам.
117+
118+
[summary]Тенденция: JavaScript становится всё быстрее и стабильнее.[/summary]
119+
120+
Очень важно то, что новые стандарты HTML5 и ECMAScript сохраняют максимальную совместимость с предыдущими версиями. Это позволяет избежать неприятностей с уже существующими приложениями.
121+
122+
Впрочем, небольшая проблема с HTML5 всё же есть. Иногда браузеры стараются включить новые возможности, которые еще не полностью описаны в стандарте, но настолько интересны, что разработчики просто не могут ждать.
123+
124+
...Однако, со временем стандарт меняется и браузерам приходится подстраиваться к нему, что может привести к ошибкам в уже написанном (старом) коде. Поэтому следует дважды подумать перед тем, как применять на практике такие "супер-новые" решения.
125+
126+
При этом все браузеры сходятся к стандарту, и различий между ними уже гораздо меньше, чем всего лишь несколько лет назад.
127+
128+
[summary]Тенденция: всё идет к полной совместимости со стандартом.[/summary]
129+
130+
## Недостатки JavaScript
131+
132+
Зачастую, недостатки подходов и технологий -- это обратная сторона их полезности. Стоит ли упрекать молоток в том, что он -- тяжелый? Да, неудобно, зато гвозди забиваются лучше.
133+
134+
В JavaScript, однако, есть вполне объективные недоработки, связанные с тем, что язык, по выражению его автора (Brendan Eich) делался "за 10 бессонных дней и ночей". Поэтому некоторые моменты продуманы плохо, есть и откровенные ошибки (которые признает тот же Brendan).
135+
136+
Конкретные примеры мы увидим в дальнейшем, т.к. их удобнее обсуждать в процессе освоения языка.
137+
138+
Пока что нам важно знать, что некоторые "странности" языка не являются чем-то очень умным, а просто не были достаточно хорошо продуманы в своё время. В этом учебнике мы будем обращать особое внимание на основные недоработки и "грабли". Ничего критичного в них нет, если знаешь -- не наступишь.
139+
140+
**В новых версиях JavaScript (ECMAScript) эти недостатки постепенно убирают.**
141+
142+
Процесс внедрения небыстрый, в первую очередь из-за старых версий IE, но они постепенно вымирают. Современный IE в этом отношении несравнимо лучше.
143+

‎01-js/01-getting-started/01-intro/jslimit.jpg‎

46.9 KB
Loading

‎01-js/01-getting-started/02-alternatives/allow.png‎

20.2 KB
Loading

0 commit comments

Comments
 (0)