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

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

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

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

14 листопада 2016
Детально Стисло

Мета закинута

Автор не відписував в цілі 7 років 9 месяців 15 днів

Автор мети

Василь Боднарук

Україна, Ивано-Франковск

35 Рік / року / років

Надіслати повідомлення

Додати у друзі

Загальна

Изучение Java script

Привет, роскажу немного о себе. В ит сфере начал работать 9 месяцев назад. Сначала работал верстальщиком с минимальным использованием js. Через некоторое время перевели на должность PM, должность вроде и крутая и справляюсь с ней, но хотелось бы вернуться к разработке сайтов а после изучения js, хотелось бы изучить angular2. Всегда смотрел на чужие цели по изучению этого языка программирования, но так как это была чужая цель я не шел до конца по изучению ее. Ну что приступим: начну изучение с 0 изначально чтобы напомнить базу, ресурс который выбрал для обучения это будет https://learn.javascript.ru/. Ну очень хороший источник с хорошим описанием и главное присутствуют задания для закрепления прочитанного материала.

  1. Введение

  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. Массивы с числовыми индексами
    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. Генераторы
    13. Модули
    14. Proxy

  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. Что изучать дальше
  • 976
  • 14 листопада 2016, 08:10


Мета у складі групи

Фронтенд

  • 270

    участників

  • 354

    цілі
Реєстрація

Можливості
безмежні.
Настав час
відкрити свої.

Уже зарегистрированы?
Швидка реєстрація через соцмережі
Вхід на сайт

Заходьте.
Відкрито.

Ще не зареєстровані?
 
Підключіться до будь-якого з ваших акаунтів, ваші дані будуть взяті з акаунту.
Забули пароль?
Налаштування

Виджет вашей цели

Большой (450×150 px)

Маленький (250×100 px)

Чтобы вставить виджет на ваш сайт или блог, скопируйте код и внедрите его в исходный html-код вашего блога/сайта.

Эта функция доступна только для PRO

Вы можете купить PRO аккаунт, либо получить его бесплатно,
пригласив 3 друзей на SmartProgress

Запросити друзів

Командна
мета

Придбати PRO-аккаунт

Email на все случаи и по любым вопросам

  • Максим Маликов

    основатель

  • Сергей Захаров

    основатель