1

Этап 1

Введение

2

Этап 2

Основы JavaScript

3

Этап 3

Качество кода

4

Этап 4

Структуры данных

5

Этап 5

Замыкания, область видимости

6

Этап 6

Методы объектов и контекст вызова

7

Этап 7

Некоторые другие возможности

8

Этап 8

ООП в функциональном стиле

9

Этап 9

ООП в прототипном стиле

10

Этап 10

Современные возможности ES-2015

11

Этап 11

Документ и объекты страницы

12

Этап 12

Основы работы с событиями

13

Этап 13

События в деталях

14

Этап 14

Формы, элементы управления

15

Этап 15

Создание графических компонентов

16

Этап 16

Веб-компоненты: взгляд в будущее

17

Этап 17

AJAX и COMET

18

Этап 18

Анимация

19

Этап 19

Оптимизация

20

Этап 20

Окна и Фреймы

21

Этап 21

CSS для JavaScript-разработчика

22

Этап 22

Сундучок с инструментами

23

Этап 23

Регулярные выражения

24

Этап 24

О всякой всячине

1

Этап 1

Введение

2

Этап 2

Основы JavaScript

3

Этап 3

Качество кода

4

Этап 4

Структуры данных

5

Этап 5

Замыкания, область видимости

6

Этап 6

Методы объектов и контекст вызова

7

Этап 7

Некоторые другие возможности

8

Этап 8

ООП в функциональном стиле

9

Этап 9

ООП в прототипном стиле

10

Этап 10

Современные возможности ES-2015

11

Этап 11

Документ и объекты страницы

12

Этап 12

Основы работы с событиями

13

Этап 13

События в деталях

14

Этап 14

Формы, элементы управления

15

Этап 15

Создание графических компонентов

16

Этап 16

Веб-компоненты: взгляд в будущее

17

Этап 17

AJAX и COMET

18

Этап 18

Анимация

19

Этап 19

Оптимизация

20

Этап 20

Окна и Фреймы

21

Этап 21

CSS для JavaScript-разработчика

22

Этап 22

Сундучок с инструментами

23

Этап 23

Регулярные выражения

24

Этап 24

О всякой всячине

17 июля 2015
Цель завершена 24 декабря 2023
Общая

Современный учебник JavaScript

Уже как месяц серьезно занимаюсь изучением фронтенда ,но ,черт возьми ,не прочитал ни строчки про JS. В общем решил исправить это недоразумение.

Знания Js на нуле. Из-за этого не могу нормально верстать макеты. Этот серьезный пробел нужно срочно закрыть.

 Критерий завершения

Учебник изучен

  1. Введение

    1. Введение в JavaScript

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

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

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

  2. Основы JavaScript

    1. Привет, мир!

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

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

    4. Современный стандарт, «use strict»

    5. Переменные

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

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

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

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

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

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

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

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

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

    15. Циклы while, for

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

    17. Функции

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

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

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

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

  3. Качество кода

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

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

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

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

  4. Структуры данных

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

    2. Числа

    3. Строки

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

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

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

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

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

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

    10. Псевдомассив аргументов «arguments»

    11. Дата и Время

  5. Замыкания, область видимости

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

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

    3. [[Scope]] для new Function

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

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

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

    7. Устаревшая конструкция «with»

  6. Методы объектов и контекст вызова

    1. Методы объектов, this

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

    3. Создание объектов через «new»

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

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

    6. Явное указание this: «call», «apply»

    7. Привязка контекста и карринг: «bind»

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

  7. Некоторые другие возможности

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

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

    3. setTimeout и setInterval

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

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

  8. ООП в функциональном стиле

    1. Введение

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

    3. Геттеры и сеттеры

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

  9. ООП в прототипном стиле

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

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

    3. Встроенные «классы» в JavaScript

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

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

    6. Проверка класса: «instanceof»

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

    8. Примеси

  10. Современные возможности ES-2015

    1. ES-2015 сейчас

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

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

    4. Функции

    5. Строки

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

    7. Классы

    8. Тип данных Symbol

    9. Итераторы

    10. Set, Map, WeakSet и WeakMap

    11. Promise

    12. Генераторы

  11. Документ и объекты страницы

    1. Окружение: DOM, BOM и JS

    2. Дерево DOM

    3. Работа с DOM из консоли

    4. Навигация по DOM-элементам

    5. Поиск: getElement* и querySelector* и не только

    6. Внутреннее устройство поисковых методов

    7. Свойства узлов: тип, тег и содержимое

    8. Современный DOM: полифиллы

    9. Атрибуты и DOM-свойства

    10. Методы contains и compareDocumentPosition

    11. Добавление и удаление узлов

    12. Мультивставка: insertAdjacentHTML и DocumentFragment

    13. Метод document.write

    14. Стили, getComputedStyle

    15. Размеры и прокрутка элементов

    16. Размеры и прокрутка страницы

    17. Координаты в окне

    18. Координаты в документе

    19. Итого

  12. Основы работы с событиями

    1. Введение в браузерные события

    2. Порядок обработки событий

    3. Объект события

    4. Всплытие и перехват

    5. Делегирование событий

    6. Приём проектирования «поведение»

    7. Действия браузера по умолчанию

    8. Генерация событий на элементах

  13. События в деталях

    1. Мышь: клики, кнопка, координаты

    2. Мышь: отмена выделения, невыделяемые элементы

    3. Мышь: движение mouseover/out, mouseenter/leave

    4. Мышь: Drag'n'Drop

    5. Мышь: Drag'n'Drop более глубоко

    6. Мышь: колёсико, событие wheel

    7. Мышь: IE8-, исправление события

    8. Прокрутка: событие scroll

    9. Клавиатура: keyup, keydown, keypress

    10. Загрузка документа: DOMContentLoaded, load, beforeunload, unload

    11. Загрузка скриптов, картинок, фреймов: onload и onerror

  14. Формы, элементы управления

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

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

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

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

  15. Создание графических компонентов

    1. Введение

    2. Графические компоненты

    3. Вёрстка графических компонентов

    4. Шаблонизатор LoDash

    5. Коллбэки и события на компонентах

    6. Что изучать дальше

  16. Веб-компоненты: взгляд в будущее

    1. С высоты орбитального полёта

    2. Пользовательские элементы: Custom Elements

    3. Shadow DOM

    4. Шаблоны <template>

    5. Стили и селекторы

    6. Импорты

    7. Веб-компонент в сборе

  17. AJAX и COMET

    1. Введение в AJAX и COMET

    2. Node.JS для решения задач

    3. Основы XMLHttpRequest

    4. XMLHttpRequest POST, формы и кодировка

    5. XMLHttpRequest: кросс-доменные запросы

    6. XMLHttpRequest: индикация прогресса

    7. XMLHttpRequest: возобновляемая закачка

    8. COMET с XMLHttpRequest: длинные опросы

    9. WebSocket

    10. Протокол JSONP

    11. Server Side Events — события с сервера

    12. IFRAME для AJAX и COMET

    13. Атака CSRF

    14. Метод fetch: замена XMLHttpRequest

    15. Таблица транспортов и их возможностей

  18. Анимация

    1. Кривые Безье

    2. CSS-анимации

    3. JS-Анимация

  19. Оптимизация

    1. Введение

    2. Как работают сжиматели JavaScript

    3. Улучшаем сжатие кода

    4. Утечки памяти

    5. Утечки памяти при использовании jQuery

    6. Очистка памяти при removeChild/innerHTML

    7. GCC: продвинутые оптимизации

    8. GCC: статическая проверка типов

    9. GCC: интеграция с Google Closure Library

  20. Окна и Фреймы

    1. Открытие окон и методы window

    2. Общение между окнами и фреймами

    3. Кросс-доменные ограничения и их обход

    4. Общение окон с разных доменов: postMessage

    5. Привлечение внимания к окну

    6. Атака Clickjacking и защита от неё

  21. CSS для JavaScript-разработчика

    1. О чём пойдёт речь

    2. Единицы измерения: «px», «em», «rem» и другие

    3. Все значения свойства «display»

    4. Свойство «float»

    5. Свойство «position»

    6. Центрирование горизонтальное и вертикальное

    7. Свойства «font-size» и «line-height»

    8. Свойство white-space

    9. Свойство «outline»

    10. Свойство «box-sizing»

    11. Свойство «margin»

    12. Лишнее место под IMG

    13. Свойство «overflow»

    14. Особенности свойства «height» в %

    15. Знаете ли вы селекторы?

    16. CSS-спрайты

    17. Правила форматирования CSS

  22. Сундучок с инструментами

    1. Полезные расширения Firefox и Chrome

    2. Скриптуемый отладочный прокси Fiddler

    3. IE HTTP Analyzer

  23. Регулярные выражения

    1. Паттерны и флаги

    2. Методы RegExp и String

    3. Классы и спецсимволы

    4. Наборы и диапазоны […]

    5. Квантификаторы +, *, ? и {n}

    6. Жадные и ленивые квантификаторы

    7. Скобочные группы

    8. Обратные ссылки: \n и $n

    9. Альтернация (или) |

    10. Начало строки ^ и конец $

    11. Многострочный режим, флаг «m»

    12. Предпросмотр (неготово)

    13. Чёрная дыра бэктрекинга

  24. О всякой всячине

    1. Эволюция шаблонных систем для JavaScript

    2. Книги по JS, HTML/CSS и не только

    3. Асинхронное выполнение: setImmediate

    4. Позднее связывание «bindLate»

    5. Sublime Text: шпаргалка

    6. Выделение: Range, TextRange и Selection

    7. Применяем ООП: Drag'n'Drop++

    8. Куки, document.cookie

    9. Intl: интернационализация в JavaScript

    10. Особенности регулярных выражений в Javascript

  • 2675
  • 17 июля 2015, 17:12
Регистрация

Регистрация

Уже зарегистрированы?
Быстрая регистрация через соцсети
Вход на сайт

Входите.
Открыто.

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?