Основной курс
Карта учебникаЯзык JavaScript
Эта часть позволит вам изучить JavaScript с нуля или упорядочить и дополнить существующие знания.
Мы будем использовать браузер в качестве окружения, но основное внимание будет уделяться именно самому языку JavaScript.
Документ, события, интерфейсы
Изучаем работу со страницей – как получать элементы, манипулировать их размерами, динамически создавать интерфейсы и взаимодействовать с посетителем.
Дополнительно
Тематические разделы
Веб-компоненты: взгляд в будущее
Веб-компоненты – «платформа будущего»: совокупность стандартов, которые позволяют описывать новые типы DOM-элементов, со своими свойствами и методами, инкапсулировать их DOM и стили.
AJAX и COMET
Современные средства для обмена данными с сервером и смежные аспекты.
- Введение в AJAX и COMET
- Node.JS для решения задач
- Основы XMLHttpRequest
- XMLHttpRequest POST, формы и кодировка
- XMLHttpRequest: кросс-доменные запросы
- XMLHttpRequest: индикация прогресса
- XMLHttpRequest: возобновляемая закачка
- COMET с XMLHttpRequest: длинные опросы
- WebSocket
- Протокол JSONP
- Server Side Events -- события с сервера
- IFRAME для AJAX и COMET
- Атака CSRF
- Метод fetch: замена XMLHttpRequest
- Таблица транспортов и их возможностей
Анимация
CSS анимации. Контроль над ними из JavaScript. Анимации на чистом JavaScript.
Оптимизация
Утечки памяти, увеличение скорости выполнения и загрузки скриптов.
CSS для JavaScript-разработчика
- О чём пойдёт речь
- Единицы измерения: "px", "em", "rem" и другие
- Все значения свойства "display"
- Свойство "float"
- Свойство "position"
- Центрирование горизонтальное и вертикальное
- Свойства "font-size" и "line-height"
- Свойство white-space
- Свойство "outline"
- Свойство "box-sizing"
- Свойство "margin"
- Лишнее место под IMG
- Свойство "overflow"
- Особенности свойства "height" в %
- Знаете ли вы селекторы?
- CSS-спрайты
- Правила форматирования CSS
Регулярные выражения
Регулярные выражения – мощный способ поиска и замены для строк.
- Паттерны и флаги
- Методы RegExp и String
- Классы и спецсимволы
- Наборы и диапазоны [...]
- Квантификаторы +, *, ? и {n}
- Жадные и ленивые квантификаторы
- Скобочные группы
- Обратные ссылки: \n и $n
- Альтернация (или) |
- Начало строки ^ и конец $
- Многострочный режим, флаг "m"
- Предпросмотр (неготово)
- Чёрная дыра бэктрекинга
О всякой всячине
Статьи на разные темы, которые не вошли в другие разделы.
- Эволюция шаблонных систем для JavaScript
- Книги по JS, HTML/CSS и не только
- Асинхронное выполнение: setImmediate
- Позднее связывание "bindLate"
- Sublime Text: шпаргалка
- Выделение: Range, TextRange и Selection
- Применяем ООП: Drag'n'Drop++
- Куки, document.cookie
- Intl: интернационализация в JavaScript
- Особенности регулярных выражений в Javascript
Комментарии
<code>, для нескольких строк кода — тег<pre>, если больше 10 строк — ссылку на песочницу (plnkr, JSBin, codepen…)