Общая
Пройти весь Learn.js
Давно хочу пройти его от и до, но происходит какими-то отрывками, основы забываются, что-то проскочило мимо. Пора бы все упорядочить.
Критерий завершения
Завершены все главы
Личные ресурсы
Немного свободного времени каждый день
Экологичность цели
Закреплю базовые знания, узнаю много нового.
-
Часть 1. Язык JavaScript
Привет, мир!Структура кодаСтрогий режим — "use strict"ПеременныеТипы данныхВзаимодействие: alert, prompt, confirmПреобразование типовБазовые операторы, математикаОператоры сравненияУсловное ветвление: if, '?'Логические операторыОператор нулевого слияния (??)Циклы while и for- Конструкция "switch"
- Функции
- Function Expression
- Стрелочные функции, основы
- Особенности JavaScript
- Отладка в браузере
- Советы по стилю кода
- Комментарии
- Ниндзя-код
- Автоматическое тестирование c использованием фреймворка Mocha
- Полифилы
- Объекты
- Копирование объектов и ссылки
- Сборка мусора
- Методы объекта, "this"
- Конструкторы, создание объектов через "new"
- Опциональная цепочка '?.'
- Тип данных Symbol
- Преобразование объектов в примитивы
- Методы примитивов
- Числа
- Строки
- Массивы
- Методы массивов
- Перебираемые объекты
- Map и Set
- WeakMap и WeakSet
- Object.keys, values, entries
- Деструктурирующее присваивание
- Дата и время
- Формат JSON, метод toJSON
Продвинутая работа с функциями
- Рекурсия и стек
- Остаточные параметры и оператор расширения
- Замыкание
- Устаревшее ключевое слово "var"
- Глобальный объект
- Объект функции, NFE
- Синтаксис "new Function"
- Планирование: setTimeout и setInterval
- Декораторы и переадресация вызова, call/apply
- Привязка контекста к функции
- Повторяем стрелочные функции
Свойства объекта, их конфигурация
- Прототипное наследование
- F.prototype
- Встроенные прототипы
- Методы прототипов, объекты без свойства __proto__
- Класс: базовый синтаксис
- Наследование классов
- Статические свойства и методы
- Приватные и защищённые методы и свойства
- Расширение встроенных классов
- Проверка класса: "instanceof"
- Примеси
- Введение: колбэки
- Промисы
- Цепочка промисов
- Промисы: обработка ошибок
- Promise API
- Промисификация
- Микрозадачи
- Async/await
-
Браузер: документ, события, интерфейсы
- Браузерное окружение, спецификации
- DOM-дерево
- Навигация по DOM-элементам
- Поиск: getElement*, querySelector*
- Свойства узлов: тип, тег и содержимое
- Атрибуты и свойства
- Изменение документа
- Стили и классы
- Размеры и прокрутка элементов
- Размеры и прокрутка окна
- Координаты
- Введение в браузерные события
- Всплытие и погружение
- Делегирование событий
- Действия браузера по умолчанию
- Генерация пользовательских событий
- Основы событий мыши
- Движение мыши: mouseover/out, mouseenter/leave
- Drag'n'Drop с событиями мыши
- Клавиатура: keydown и keyup
- События указателя
- Прокрутка
- Свойства и методы формы
- Фокусировка: focus/blur
- События: change, input, cut, copy, paste
- Отправка формы: событие и метод submit
-
Тематические разделы
- Fetch
- FormData
- Fetch: ход загрузки
- Fetch: прерывание запроса
- Fetch: запросы на другие сайты
- Fetch API
- Объекты URL
- XMLHttpRequest
- Возобновляемая загрузка файлов
- Длинные опросы
- WebSocket
- Server Sent Events
- С орбитальной высоты
- Пользовательские элементы (Custom Elements)
- Shadow DOM
- Элемент "template"
- Слоты теневого DOM, композиция
- Настройка стилей теневого DOM
- Теневой DOM и события
- Введение: шаблоны и флаги
- Символьные классы
- Юникод: флаг "u" и класс \p{...}
- Якоря: начало строки ^ и конец $
- Многострочный режим якорей ^ $, флаг "m"
- Граница слова: \b
- Экранирование, специальные символы
- Наборы и диапазоны [...]
- Квантификаторы +, *, ? и {n}
- Жадные и ленивые квантификаторы
- Скобочные группы
- Обратные ссылки в шаблоне: \N и \k<имя>
- Альтернация (или) |
- Опережающие и ретроспективные проверки
- Катастрофический возврат
- Поиск на заданной позиции, флаг "y"
- Методы RegExp и String
CSS для JavaScript-разработчика
- О чём пойдёт речь
- Единицы измерения: px, em, rem и другие
- Все значения свойства display
- Свойство float
- Свойство position
- Центрирование горизонтальное и вертикальное
- Свойства font-size и line-height
- Свойство white-space
- Свойство outline
- Свойство box-sizing
- Свойство margin
- Лишнее место под IMG
- Свойство overflow
- Особенности свойства height в %
- Знаете ли вы селекторы?
- CSS-спрайты
- Правила форматирования CSS
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением
