1. Применение JavaScript
Изучите
1.Современные стандарты
2.Применение JavaScript
3.Работа с редакторами кода
4.Developer tools: работа с консолью
5.Внешние скрипты и порядок их исполнения
6.Работа с системой контроля версий Git
7.Создание репозитория
Освоите
- Developer tools
- Редактор кода
- GitHub
- Hello world
На практике
• Освоите стандарты JavaScript.
• Поработаете с редактором кода и создадите репозиторий в Git.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
2. Синтаксис кода и функции
Изучите
1.Структура кода
2.Типы данных и методы работы с ними
3.Методы примитивов
4.Операции с числами
5.Синтаксис массивов
6.Области видимости
7.Способы задания функций в JavaScript
Освоите
- Синтаксис
- Типы данных
- Константы
- Function Expression
На практике
• Напишите функцию счетчика для вывода цифр.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
3. Функции 2.0
Изучите
1.Замыкание
2.Остаточные параметры
3.Глобальный объект
4.Объект функции
5.Синтаксис "new Function"
6.Планирование вызова
7.Переадресация вызова
Освоите
- NFE
- setTimeout
- call/apply/bind
- Контекст выполнения
На практике
• Решите задачи на использование сложных функций при написании кода.
• Будете работать с областью видимости, контекстом вызова.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
4. Операторы
Изучите
1.Приоритет операций
2.Синтаксис опциональной цепочки
3.Условные и побитовые операторы
4.Операторы и операнды JavaScript
5.Операторы сравнения
6.Оператор строгого равенства
7.Тернарный оператор
8.Логические операторы
Освоите
- Кодировка Unicode
- Опциональная цепочка
- Логические операторы
- Тернарный оператор
На практике
• Решите задачи по работе операторов и операндов, сравнению типов и использованию тернарного оператора.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
5. Циклы
Изучите
1.Итерации
2.Синтаксис цикла
3.Встроенное объявление переменной
4.Использование директив с операторами
5.Конструкция "switch-case"
6.Группировка кода
7.Методы работы с массивами: forEach, Map, filter, reduce
8.Кейсы по работе с циклами
Освоите
- While; for
- Директива break
- Итерация
- Continue
На практике
• Напишите код с использованием циклов и изученных функций в коде: задание на алгоритмизацию.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
6. Объекты
Изучите
1.Синтаксис объекта
2.Типы объектов
3.Методы объектов
4.Ссылка на область данных
5.Копирование объектов по “ссылке”
6.Свойства-функции объекта
7.Способы обращения к свойствам и методам объекта
8.Прототипное наследование
9.Методы прототипов
Освоите
- Литералы
- Цикл «for…in»
- Ссылка на область данных
- Встроенные прототипы
На практике
• Решите задачи по использованию объектов и взаимодействию с ними в скрипте.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
7. Объекты: продолжение
Изучите
1.Функции-конструкции и однотипные объекты
2.Свойства символов
3.Глобальные символы
4.Системные символы
5.Варианты преобразования объектов
6.Флаги и дескрипторы свойств
7.Геттеры и сеттеры
8.Proxy и Reflect
9.Деструктуризация объектов
Освоите
- Рекурсия
- Короткие свойства
- Преобразование объектов
- Деструктуризация
На практике
• Отработаете навыки по использованию более сложных объектов, функций и символов.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
8. Классы+ генераторы
Изучите
1.Класс: базовый синтаксис
2.Наследование классов
3.Статические свойства и методы
4.Приватные и защищенные методы и свойства
5.Расширение встроенных классов
6.Проверка класса: "instanceof"
7.Итераторы и генераторы
Освоите
- Проверка класса
- Class Expression
- Генераторы
- Наследование классов
На практике
• Напишите код с применением классов и генераторов.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
9. Ошибки в коде и тестирование
Изучите
1.Точка останова (breakpoints)
2.Команда debugger
3.Пошаговое выполнение скрипта
4.Логирование - из кода в консоль
5.Обработка ошибок
6.Пользовательские ошибки
7.Расширение Error
8.Отлов ошибки в исполняемом коде
Освоите
- Breakpoints
- Обработка ошибок
- Расширение Error
- Наследование классов
На практике
• Решите задачи по отладке кода и обработке ошибок.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
10. Promise
Изучите
1.Промисы
2.Цепочка промисов
3.Промисы: обработка ошибок
4.Промисификация
5.Асинхронное и синхронное программирование
6.Асинхронные функции: async/await
Освоите
- Promise
- Промисификация
- Асинхронное программирование
- Async/await
На практике
• Решите задачи по использовании промисов в скрипте.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
11. DOM
Изучите
1.Браузерное окружение, спецификации
2.Навигация по DOM-элементам
3.Изменение документа
4.Размеры и прокрутка элементов/окна
5.Страница: DOMContentLoaded, load, beforeunload, unload
6.Загрузка ресурсов: onload и onerror
Освоите
- DOM-дерево
- Drag'n'Drop
- Прокрутка
- События указателя
На практике
• Напишите код с учетом браузерных событий и код с событийным циклом.
• Генерация DOM-элементов по шаблону и заполнение их данными.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
12. Интерфейсы: формы, бинарные данные, веб-компоненты
Изучите
1.Свойства и методы формы
2.Фокусировка: focus/blur
3.Отправка формы: событие и метод submit
4.Открытие окон и методы window
5.Политика "Одинакового источника"
6.Пользовательские элементы
7.Слоты теневого DOM
Освоите
- TextDecoder
- ArrayBuffer
- Shadow DOM
- File и FileReader
На практике
• Решите задачи по исполнению кода с формами, веб-компонентами и открытием окон.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
13. Сетевые запросы
Изучите
1.FormData
2.Fetch API
3.Объекты URL
4.XMLHttpRequest
5.Возобновляемая загрузка файлов
6.Server Sent Events
7.Куки, document.cookie
8.LocalStorage, sessionStorage
9.Работа с API: получение данных и их отображение в браузере
10.Типы запросов и как их использовать
Освоите
- AJAX
- Fetch
- Cache
- Типы запросов
На практике
• Напишите код с учетом функций по сетевым запросам.
• Будете работать с готовым api.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
14. Подведение итогов: ревью
Изучите
1.Разбор работ студентов с API
2.Обзор JavaScript-библиотек
3.Рекомендации дальнейшего развития: что изучать, куда двигаться
4.Ответы на заранее подготовленные вопросы
Освоите
- Soft-skills
- JavaScript-библиотеки
- Перспективы развития
- Ревью кода
На практике
• Презентуете проект написанного кода, преподаватель даст рекомендации по его развитию и улучшению.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
