Путь в front-end

01 - Настройка рабочего окружения 14.07

02 - Workflow 16.07

03 - Верстка(часть 1) 18.07

04 - Верстка(часть 2) 20.07

05 - Верстка(часть 3) 22.07

06 - Верстка(часть 4) 24.07

07 - Javascript(часть 1) 26.07

08 - Анимации 28.07

Окружение: 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

Навигация и свойства элементов формы

Фокусировка: focus/blur

Изменение: change, input, cut, copy, paste

Формы: отправка, событие и метод submit

01 - Открытие потока

02 - Как устроен интернет

03 - HTML#1

06 - ВЕРСТКА 1

07 - ФОТОШОП

08 - Верстка 2

09 - CSS2(SASS)

10 - Мастеркласс №1

11 - CSS#3 - 13.04

12 - ВЕРСТКА #2.1 - 15.04

13 - АДАПТИВ - 17.04

14 - Верстка №3 - 19.04

15 - Мастеркласс ДЗ1 - 21.04

16 - JavaScript#1 - 04.06

17 - JavaScript #2 - 07.06

18 - jQuery - 10.06

19 - Пакетные менеджеры и основы работы с консолью - 13.06

20 - jQuery на практике - 16.06

21 - BOOTSTRAP - 19.06

22 - SVG - 22.06

23 - GULP - 25.06

24 - Git - 28.06

25 - HTML5 и работа с API - 31.06

26 - CMS MODx - 3.07

27 - Мастеркласс ДЗ-2 - 6.07

28 - Устройство на работу. Закрытие - 9.07

Введение в JavaScript

Справочники и спецификации

Редакторы для кода

Консоль разработчика

Привет, мир!

Внешние скрипты, порядок исполнения

Структура кода

Современный стандарт, "use strict"

Переменные

Правильный выбор имени переменной

Шесть типов данных, typeof

Основные операторы

Операторы сравнения и логические значения

Побитовые операторы

Взаимодействие с пользователем: alert, prompt, confirm

Условные операторы: if, '?'

Логические операторы

Преобразование типов для примитивов

Циклы while, for

Конструкция switch

Функции

Функциональные выражения

Рекурсия, стек

Именованные функциональные выражения

Всё вместе: особенности JavaScript

Отладка в браузере Chrome

Советы по стилю кода

Как писать неподдерживаемый код?

Автоматические тесты при помощи chai и mocha

Введение в методы и свойства

Числа

Строки

Объекты как ассоциативные массивы

Объекты: перебор свойств

Объекты: передача по ссылке

Массивы с числовыми индексами

Массивы: методы

Массив: перебирающие методы

Псевдомассив аргументов "arguments"

Дата и Время

Глобальный объект

Замыкания, функции изнутри

[[Scope]] для new Function

Локальные переменные для объекта

Модули через замыкания

Управление памятью в JavaScript

Устаревшая конструкция "with"

Методы объектов, this (доделать 2 последние задачи)

Преобразование объектов: toString и valueOf

Создание объектов через "new"

Дескрипторы, геттеры и сеттеры свойств

Статические и фабричные методы

Явное указание this: "call", "apply"

Привязка контекста и карринг: "bind"

Функции-обёртки, декораторы

Типы данных: [[Class]], instanceof и утки

Формат JSON, метод toJSON

setTimeout и setInterval

Запуск кода из строки: eval

Перехват ошибок, "try..catch"

Введение

Внутренний и внешний интерфейс

Геттеры и сеттеры

Функциональное наследование

Прототип объекта

Свойство F.prototype и создание объектов через new

Встроенные "классы" в JavaScript

Свои классы на прототипах

Наследование классов в JavaScript

Проверка класса: "instanceof"

Свои ошибки, наследование от Error

Примеси

ES-2015 сейчас

Переменные: let и const

Деструктуризация

Функции

Строки

Объекты и прототипы

Классы

Тип данных Symbol

Итераторы

01. Введение в web-технологии