JavaScript > начало
Давненько начал вникать в среду веб-разработки. HTML&CSS уже позади, пришло время JavaScript. Для начала, решил пройти бесплатный курс на сайте learn.javascript.ru. У сайта есть огромный плюс - наличие задания после каждой пройденной темы.
Goal Accomplishment Criteria
Полностью пройденный и понятый бесплатный курс на сайте learn.javascript.ru
Personal resources
Сайт с курсом; видео на youtube
-
Основы JavaScript
1. Привет, мир!2. Внешние скрипты, порядок исполнения3. Структура кода4. Современный стандарт, "use strict"5. Переменные6. Правильный выбор имени переменной7. Шесть типов данных, typeof8. Основные операторы9. Операторы сравнения и логические значения10. Побитовые операторы11. Взаимодействие с пользователем: alert, prompt, confirm12. Условные операторы: if, '?'13. Логические операторы14. Преобразование типов для примитивов15. Циклы while, for16. Конструкция switch17. Функции18. Функциональные выражения19. Рекурсия, стек20. Именованные функциональные выражения21. Всё вместе: особенности JavaScript -
Качество кода
1. Отладка в браузере Chrome2. Советы по стилю кода3. Как писать неподдерживаемый код? (Зачем это вообще надо?!)4. Автоматические тесты при помощи chai и mocha -
Структуры данных
1. Введение в методы и свойства2. Числа3. Строки4. Объекты как ассоциативные массивы5. Объекты: перебор свойств6. Объекты: передача по ссылке7. Массивы с числовыми индексами8. Массивы: методы9. Массив: перебирающие методы10. Псевдомассив аргументов "arguments"11. Дата и время -
Замыкания, область видимости
1. Глобальный объект2. Замыкания, функции изнутри
3. [[Scope]] для new Function4. Локальные переменные для объекта5. Модули через замыкания6. Управление памятью в JavaScript7. Устаревшая конструкция "with" -
Методы объектов и контекст вызова
1. Методы объектов, this2. Преобразование объектов: toString и valueOf3. Создание объектов через "new"4. Дескрипторы, геттеры и сеттеры свойств5. Статические и фабричные методы6. Явное указание this: "call", "apply"7. Привязка контекста и карринг: "bind"8. Функции-обёртки декораторы -
Некоторые другие возможности
1. Типы данных: [[Class]], instanceof и утки2. Формат JSON, метод toJSON3. setTimeout и setInterval4. Запуск кода из строки: eval5. Перехват ошибок, "try..catch" -
ООП в функциональном стиле
1. Введение2. Внутренний и внешний интерфейс3. Геттеры и сеттеры4. Функциональное наследование -
ООП в прототипном стииле
1. Прототип объекта2. Свойство F.prototype и создание объектов через new3. Встроенные "классы" в JavaScript4. Свои классы на прототипах5. Наследование классов в JavaScript6. Проверка класса: "instanceof"7. Свои ошибки, наследование от Error8. Примеси -
Современные возможности ES-2015
1. ES-2015 сейчас2. Переменные: let и const3. Деструктуризация4. Функции5. Строки6. Объекты и прототипы7. Классы8. Тип данных Symbol9. Итераторы10. Set, Map, WeakSet и WeakMap11. Promise12. Генераторы13. Модули14. Proxy -
Документ и объекты страницы
1. Окружение: DOM, BOM и JS2. Дерево DOM3. Работа с DOM из консоли4. Навигация по DOM-элементам5. Поиск: getElement* и querySelector* и не только6. Внутреннее устройство поисковых методов7. Свойства узлов: тип, тег и содержимое8. Современный DOM: полифиллы9. Атрибуты и DOM-свойства10. Методы contains и compareDocumentPosition11. Добавление и удаление узлов12. Мультивставка: insertAdjacentHTML и DocumentFragment13. Метод document.write14. Стили, getComputedStyle15. Размеры и прокрутка элементов16. Размеры и прокрутка страницы17. Координаты в окне18. Координаты в документе19. Итого -
Основы работы с событиями
1. Введение в браузерные события2. Порядок обработки событий3. Объект события4. Всплытие и перехват5. Делегирование событий6. Приём проектирования "поведение"7. Действия браузера по умолчанию8. Генерация событий на элементах -
События в деталях
1. Мышь: клики, кнопка, координаты2. Мышь: отмена выделения, невыделяемые элементы3. Мышь: движение mouseover/out, mouseenter/leave4. Мышь: Drag'n'Drop5. Мышь: Drag'n'Drop более глубоко6. Мышь: колёсико, событие wheel7. Мышь: IE8-, исправление события8. Прокрутка: событие scroll9. Клавиатура: keyup, keydown, keypress10. Загрузка документа: DOMContentLoaded, load, beforeunload, unload11. Загрузка скриптов, картинок, фреймов: onload и onerror -
Формы, элементы управления
1. Навигация и свойства элементов формы2. Фокусировка: focus/blur3. Изменение: change, input, cut, copy, paste4. Формы: отправка, событие и метод submit -
Создание графических компонентов
1. Введение2. Графические компоненты3. Вёрстка графических компонентов4. Шаблонизатор LoDash5. Коллбэки и события на компонентах6. Что изучать дальше -
Введение
1. Введение в JavaScript2. Справочники и спецификации3. Редакторы для кода4. Консоль разработчика
- 1754
- 01 February 2018, 18:51
Don't miss new posts!
Subscribe for the Goal and follow through to its completion