1

Step 1

Основы JavaScript

2

Step 2

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

3

Step 3

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

4

Step 4

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

5

Step 5

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

6

Step 6

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

7

Step 7

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

8

Step 8

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

9

Step 9

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

10

Step 10

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

11

Step 11

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

12

Step 12

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

13

Step 13

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

14

Step 14

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

15

Step 15

Введение

1

Step 1

Основы JavaScript

2

Step 2

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

3

Step 3

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

4

Step 4

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

5

Step 5

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

6

Step 6

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

7

Step 7

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

8

Step 8

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

9

Step 9

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

10

Step 10

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

11

Step 11

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

12

Step 12

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

13

Step 13

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

14

Step 14

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

15

Step 15

Введение

01 February 2018 31 May 2018
Goal completed 25 April 2018
General

JavaScript > начало

Давненько начал вникать в среду веб-разработки. HTML&CSS уже позади, пришло время JavaScript. Для начала, решил пройти бесплатный курс на сайте learn.javascript.ru. У сайта есть огромный плюс - наличие задания после каждой пройденной темы.

 Goal Accomplishment Criteria

Полностью пройденный и понятый бесплатный курс на сайте learn.javascript.ru

 Personal resources

Сайт с курсом; видео на youtube

  1. Основы 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

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

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

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

    3. Как писать неподдерживаемый код? (Зачем это вообще надо?!)

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

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

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

    2. Числа

    3. Строки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    3. setTimeout и setInterval

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

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

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

    1. Введение

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

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

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

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

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

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

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

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

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

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

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

    8. Примеси

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

    1. ES-2015 сейчас

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

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

    4. Функции

    5. Строки

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

    7. Классы

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

    9. Итераторы

    10. Set, Map, WeakSet и WeakMap

    11. Promise

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

    13. Модули

    14. Proxy

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

    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. Итого

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

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

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

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

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

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

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

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

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

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

    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

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

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

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

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

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

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

    1. Введение

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

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

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

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

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

  15. Введение

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

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

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

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

  • 1754
  • 01 February 2018, 18:51
Sign up

Signup

Уже зарегистрированы?
Quick sign-up through social networks.
Sign in

Sign in.
Allowed.

Not registered yet?
 
Log in through social networks
Forgot your password?