Илья Борисович Государев - Введение в веб разработку на языке JavaScript

важны удобные средства редактирования, которые включают подсветку синтаксиса (https://kodaktor.ru/highlight)
и выявление проблемных мест (типа «переменная объявлена, но нигде не используется»).
Эти задачи решаются адекватной настройкой редактора или IDE, при
этом если говорить конкретно о выявлении ошибок, существует элемент сложившейся JavaScript-экосистемы, известный как линтер eslint, который может
быть настроен на совместную работу с выбранным редактором. Пакет eslint желательно установить сразу и оперативно освоить работу с ним
(https://kodaktor.ru/g/eslint). Вносимые линтером правки как бы насильственно
держат разработчика в рамках некоторого стиля, который в совокупности регламентируется набором настроек (например, от airbnb). Подсказки линтера содержат термины, значение которых необходимо знать веб-разработчику (например, sparse arrays).
На сегодняшний день использование систем контроля версий является
фактическим стандартом, но здесь хотелось бы выделить конкретную возможность таких инструментов, как Git сравнивать между собой различные версии
одного и того же файла или разные файлы и визуализировать разницу в очень
наглядной форме. Для экспорта получившейся визуализации удобно использовать пакет diff2html-cli — образец его применения показан в начале главы 2.
Различные примеры цветовых схем подсветки приведены в примерах на сайте
kodaktor.ru и в электронной версии пособия.

Замечание об инструментах
Пособие по своей природе связано с сайтом kodaktor.ru (кодактор), являясь его печатным образом. При этом задействуются следующие дополнительные инструменты:
• https://github.com/GossJS — репозитории с примерами кода;
• https://www.youtube.com/user/gossoudarev/videos?view=0&flow=grid
—
скринкасты и видеоролики с устными объяснениями материала;
• https://ide.c9.io/gossoudarev/js-study1 — проект на платформе Cloud9 для
совместной работы с кодом;
• https://kodaktor.ru/g/onlineeditors — различные онлайн-редакторы кода.
7

Рекомендации студенту
Уважаемый студент, пожалуйста, используйте информацию этого пособия как один из способов ориентироваться в веб-разработке. Применяйте критическое мышление для сравнения изложенного здесь с другими источниками.
Всякий раз, встречая странное или незнакомое слово, выясняйте его значение
(ФИЗ) в Google, других книгах и научных статьях. Сравнивайте решение задач
на JavaScript и на других языках (PHP, Go, Dart, ...), сравнивайте устройство
этих языков по тем параметрам, которые допускают сопоставление.
Важно исследовать язык (в данном случае JavaScript). К этому относятся,
в том числе, следующие действия:
• работа со статистикой по языку (использование в различных проектах
и т. п.);
• измерение времени и пространства, которые тратятся на выполнение/вычисление;
• выяснение идей/концептов, стоящих за характеристиками языка;
• поиск ошибок, противоречий;
• сравнение реального поведения с документацией;
• формулирование предложений по совершенствованию;
• попытки написания собственных расширений/библиотек/фреймворков/
компиляторов.
Некоторые методы исследования специфичны для используемой среды.
Например, запустив node, в консоли мы можем ввести начало имени команды
(Refl) и нажать клавишу табуляции, чтобы функция автодополнения предложила нам доступные варианты дальнейшей записи (Reflect). Так можно получить
как бы быструю встроенную справку.
Пререквизитами к освоению материала являются знания и умения в области языков разметки (HTML5, CSS, SVG, XML) и алгоритмизации. Вам также нужно иметь представление о командной строке Linux или родственных
систем, о системе контроля версий Git и системе контейнеризации Docker.
Весьма желательно установить эти продукты на свой компьютер. Для комфортной работы с node на компьютере, на котором основной операционной системой является Windows, лучше установить виртуальную машину Linux (например, Ubuntu для VirtualBox). Ещё одним способом является использование Vagrant (https://github.com/GossJS/vagrant).
Подготовьте своё рабочее место к изучению и практикованию JavaScript:
• установите платформу node.js по инструкциям с официального сайта
(https://nodejs.org/en/download/ и https://kodaktor.ru/g/node);
• установите и настройте удобный редактор кода (рекомендуется Atom.io);
• установите как минимум два браузера Google Chrome и Mozilla FireFox;
• подготовьте свой репозиторий, в котором можно хранить код, а также
ссылки на другие варианты размещения работающих примеров (результатов выполнения заданий) и который можно рассматривать как вебпортфолио (см. --">