Скрыть объявление
Клуб приватной информации

- Более 12000 обучающих материалов
- Ежедневные обновления
- Регистрируйся прямо сейчас и стань членом сообщества!
Быстрая Регистрация

Скачать HTML Academy - Интенсивный онлайн-курс «Базовый JavaScript» №1

Тема в разделе "Курсы по программированию", создана пользователем Kusma, 10 янв 2019.

  1. Kusma

    Kusma

    Репутация:
    98
    Регистрация:
    22 мар 2014
    Сообщений:
    939
    Пол:
    Мужской
    Автор: HTML Academy
    Название: Интенсивный онлайн-курс «Базовый JavaScript» №1

    Содержание

    Раздел 1: введение
    Теория:

    • Инструменты работы с JavaScript: браузер, консоль, IDE.
    • Введение в работу с системой контроля версий.
    • Рабочий процесс на интенсиве.
    • Введение в JavaScript.
    • Области применения JavaScript.
    • Функции, типы данных, переменные.
    • Условные операторы, циклы.
    • Диалоговые окна.
    • Интерпретируемость языка, очередность выполнения команд.
    • Исключения.
    • Консоль.
    Практика:
    Клонирование репозитория.
    Выбор IDE.
    Настройка рабочего окружения.

    Раздел 2: знакомство с DOM
    Теория:

    • Введение в работу с DOM. Формы.
    • События. Модель DOM Level 0.
    • Cookies.
    • Javascript. Контекст функции.
    Практика:
    Валидация данных, введенных в форму.
    Сохранение последних валидных данных в форме в cookies.

    Раздел 3: погружение в DOM
    Теория:

    • Продвинутая работа с DOM: создание, удаление элементов, DocumentFragment.
    • Введение в шаблонизацию.
    • Работа с изображениями.
    • Базовые структуры данных: массивы и объекты.
    • Библиотеки jQuery, lodash/underscore, mout.
    • Интервалы и таймауты.
    • Асинхронность JavaScript, очередность выполнения кода, потеря окружения.
    Практика:
    Создание DOM-дерева на основе заданной структуры данных.
    Добавление обработчиков ошибок и таймеров на загрузку изображений.

    Раздел 4: передача и обработка данных
    Теория:

    • Введение в HTTP: методы, коды состояния, заголовки.
    • Введение в AJAX.
      • Объект XMLHttpRequest.
      • GlobalFetch.
      • jQuery.ajax.
    • Cross-Origin Resource Sharing (CORS).
    • Работа с коллекциями.
    • Хранение данных в localStorage.
    Практика:
    Загрузка структуры данных с прошлой недели с сервера по AJAX.
    Фильтрация списка.
    Сохранение состояния фильтров в LocalStorage.

    Раздел 5: события
    Теория:

    • Модель событий DOM Level 2.
    • Обработчики событий. Создание, удаление обработчиков.
    • Объект Event. Фазы события.
    • Контекст функции. Задание контекста.
    • Замыкания.
    • Делегирование событий.
    • Обработка событий в jQuery.
    Практика:
    Добавление фотогалереи на учебный проект, начало.

    Раздел 6: введение в ООП
    Теория:

    • Введение в объектно-ориентированное программирование (ООП).
    • Особенности ООП в JavaScript: Прототипы. Конструкторы. Цепочка прототипов. Наследование в JavaScript.
    Практика:
    Продолжение работы с фотогалереей.

    Раздел 7: медиа и графика
    Теория:

    • HTMLMediaElement на примере audio и video.
    • Графика на SVG.
    • Введение в графику на Canvas.
    Задание:
    Завершение фотогалереи, добавление видеопроигрывателя в качестве одного из слайдов.
    Начало работы над интерактивным компонентом учебного проекта.

    Раздел 8: работа с состояниями приложения
    Теория:

    • Работа с адресной строкой. window.location. document.location.
    • Введение в работу с историей браузера. pushState/popState.
    • Введение в MVC. Библиотека backbone.js
    Практика:
    Cохранение состояния приложения в адресной строке браузера и восстановление после перезагрузки страницы.
    Рефакторинг кода, согласно паттерну MVC.

    Раздел 9: лучшие практики и оптимизация
    Теория:

    • Лучшие практики JavaScript. Модульность. Паттерны проектирования.
    • Введение в работу с памятью, профилирование.
    Задание:
    Завершение работы с интерактивным компонентом.
    Доведение проекта до финального состояния.


    Скачать: