/htmlacademy-javascript

Интенсивный онлайн-курс «Базовый JavaScript» (HTMLACADEMY)

Базовый JavaScript #9

Интенсивный онлайн-курс «Базовый JavaScript» (HTMLACADEMY)

Курсы от HTML Academy «Основы JavaScript»

Обучение на интенсиве «Базовый JavaScript» в HTML Academy - Видео

Критерии сдачи выпускного проекта на интенсиве

Учебный проект «Код и Магия» | Личный проект «Кексобукинг» | Личный проект «Кекстаграм»

Дополнительные материалы к лекциям

Разделы (по лекциям)

Знакомство

Типы данных, примитивные типы, операторы, приведение типов, алгоритмы, виды алгоритмов, линейные алгоритмы, ветвящиеся алгоритмы.

#01 Учебный проект: начинаем программировать

Встроенные API

Массивы, циклические алгоритмы, объекты, свойства и методы, DOM, canvas, отладчик кода.

#02 Учебный проект: холст

DOM

DOM-дерево. Работа с элементами на странице: поиск, управление элементами на странице, создание, удаление DOM-элементов. Шаблоны.

#03 Учебный проект: нас орда


#04 Личный проект: милый DOM (Кексобукинг)


#04 Личный проект: милый DOM (Кекстаграм)

Обработка событий

Асинхронность. События. Обработка событий. A11Y. Продвинутая работа с событиями: фазы события, делегирование, использование объекта Event, множественные обработчики событий.

#05 Учебный проект: одеть Надежду


#06 Личный проект: подробности (Кексобукинг)


#06 Личный проект: подробности (Кекстаграм)


#07 Личный проект: доверяй, но проверяй (Кексобукинг)

#07 Личный проект: доверяй, но проверяй (Кекстаграм)

Модули

Состояние. Хранение состояния. Области видимости функций, поведение переменных в областях видимости. Использование функций как JS-модулей.

#08 Учебный проект: разделяй и властвуй


#09 Личный проект: модуляция (Кексобукинг)


#09 Личный проект: модуляция (Кекстаграм)


#10 Учебный проект: в движении


#11 Личный проект: максимум подвижности (Кексобукинг)


#11 Личный проект: максимум подвижности (Кекстаграм)


#12 Учебный проект: обобщение


#13 Личный проект: уникальный код (Кексобукинг)


#13 Личный проект: уникальный код (Кекстаграм)

Работа с сетью

Протокол HTTP. AJAX, JSON, XMLHttpRequest. Проектирование интерфейса, который работает с данными.

#14 Учебный проект: pimp my mage


#15 Личный проект: надо подкачаться (Кексобукинг)


#15 Личный проект: надо подкачаться (Кекстаграм)

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

Данные. Объекты. Списки. Продвинутая работа с массивами: сортировки, выборки, мапирование, поиск элементов, свертка.

#16 Учебный проект: фильтруй заклинания!


#17 Личный проект: перламутровые пуговицы (Кексобукинг)


#17 Личный проект: перламутровые пуговицы (Кекстаграм)

Компонентный подход

Создание объектов с помощью функций-конструкторов. Использование объектов для описания виджетов. Виды модулей.

#18 Учебный проект: выкладываем фото (необязательное задание)


#19 Личный проект: шер, лайк (необязательное задание)) (Кексобукинг)


#19 Личный проект: шер, лайк (необязательное задание)) (Кекстаграм)


#20 Учебный проект: компонентный подвох (необязательное задание)


#21 Личный проект: три главных слова (необязательное задание)) (Кексобукинг)


#21 Личный проект: три главных слова (необязательное задание)) (Кекстаграм)

Узкие места JS

WAT, что вас могут спросить на собеседовании, особенности JS, обязательная точка с запятой, подвешивание функций в области видимости, потеря окружения, инкапсуляция.