Общая
Современный учебник JavaScript
Основной курс
Критерий завершения
изучить JavaScript с нуля или упорядочить и дополнить существующие знания.
Личные ресурсы
Острая нужда в знании JavaScript :D
Экологичность цели
Ну прям очень нужно :D
-
Введение
-
Основы JavaScript
Привет, мир!Внешние скрипты, порядок исполненияСтруктура кодаСовременный стандарт, "use strict"ПеременныеПравильный выбор имени переменнойШесть типов данных, typeofОсновные операторыОператоры сравнения и логические значенияПобитовые операторыВзаимодействие с пользователем: alert, prompt, confirmУсловные операторы: if, '?'Логические операторыПреобразование типов для примитивовЦиклы while, forКонструкция switchФункцииФункциональные выраженияРекурсия, стекИменованные функциональные выраженияВсё вместе: особенности JavaScript
-
Качество кода
-
Структуры данных
-
Замыкания, область видимости
-
Методы объектов и контекст вызова
-
Некоторые другие возможности
-
ООП в функциональном стиле
-
ООП в прототипном стиле
-
Современные возможности ES-2015
-
Документ и объекты страницы
- Окружение: DOM, BOM и JS
- Дерево DOM
- Работа с DOM из консоли
- Навигация по DOM-элементам
- Поиск: getElement* и querySelector* и не только
- Внутреннее устройство поисковых методов
- Свойства узлов: тип, тег и содержимое
- Современный DOM: полифиллы
- Атрибуты и DOM-свойства
- Методы contains и compareDocumentPosition
- Добавление и удаление узлов
- Мультивставка: insertAdjacentHTML и DocumentFragment
- Метод document.write
- Стили, getComputedStyle
- Размеры и прокрутка элементов
- Размеры и прокрутка страницы
- Координаты в окне
- Координаты в документе
- Итого
-
Основы работы с событиями
-
События в деталях
- Мышь: клики, кнопка, координаты
- Мышь: отмена выделения, невыделяемые элементы
- Мышь: движение mouseover/out, mouseenter/leave
- Мышь: Drag'n'Drop
- Мышь: Drag'n'Drop более глубоко
- Мышь: колёсико, событие wheel
- Мышь: IE8-, исправление события
- Прокрутка: событие scroll
- Клавиатура: keyup, keydown, keypress
- Загрузка документа: DOMContentLoaded, load, beforeunload, unload
- Загрузка скриптов, картинок, фреймов: onload и onerror
-
Формы, элементы управления
-
Создание графических компонентов
-
Веб-компоненты: взгляд в будущее
-
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-разработчика
- О чём пойдёт речь
- Единицы измерения: "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
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением
