Gitlab CI/CD

Знакомство с курсом

О курсе, Спикеры курса, Доступ к репозиторию курса, Знакомство с проектом.

Основы

Основы JavaScript, Условные операторы, Циклы.

Знакомство с вёрсткой

Базовые теги HTML, Базовые свойства CSS, Блочная модель, Позиционирование, CSS-анимации.

Ускорители процесса вёрстки

CSS-переменные, Методологии вёрстки, Препроцессоры, UI-фреймворки, Шаблонизаторы.

Качество кода

Отладка в браузере, Вредные советы, Комментарии, Документация.

Объекты

Объекты, Сборка мусора, Символы, Методы и this, Преобразование в примитивы, Функции-конструкторы.

Типы данных

Методы у примитивов, Числа и Строки, Массивы и их методы, Итераторы (перебираемые объекты), Map и Set, WeakMap и WeakSet, Формат JSON.

Глубже в функции

Рекурсия, Замыкания, Rest параметры, Var, Глобальный объект, Функция как объект, Декораторы и call/apply, Повторяем лямбды (стрелочные функции), Привязка контекста к функции (bind).

Прототипы, наследование

Прототипное наследование, Prototype, Встроенные прототипы, Методы прототипов.

Классы

Базовый синтаксис классов, Наследование классов, Статические методы и свойства, Приватные свойства и методы, Расширение встроенных классов, Instanceof, Примеси.

Знакомство с NodeJS

Что такое NodeJS, readFile, writeFile, process, global, process.stdIn.

Асинхронность

Колбеки и Промисы, Async/await, SetTimeout и setInterval, RequestAnimationFrame, EventLoop, Heap, stack, Очередь задач, Микро- и макро- задачи, Call-stack.

DOM

Браузер и спецификации, DOM-дерево, Поиск элементов через querySelector*, getElement*, Свойства объекта элемента, Изменения документа, Размеры и прокрутка элементов, Размеры и прокрутка окна, Координаты.

События

Что такое событие, Всплытие, Делегирование событий, Поведение браузера по умолчанию, Пользовательские события.

Формы

Свойства и методы формы, Фокусировка на форму, События форм (change, input, paste, copy).

Браузерные API

Что такое браузерное API, Web Storage.

Модули и сборка приложения

Что такое сборщики, Зачем нам собирать наши проекты, С помощью каких инструментов это можно делать.

Тестирование

Что такое тесты и зачем это нужно, Jest, Unit-тесты.

Фреймворки

Что это такое, Зачем нужны, Как с ними работать.

онлайн

• Сэм Булатов
• Лена Райан

• Работа с JavaScript
• Вёрстка на HTML и CSS
• Управление DOM
• Создание форм и обработка событий
• Асинхронное программирование
• Использование NodeJS

• Начинающие программисты
• Студенты и выпускники
• Специалисты из других областей (маркетинг, дизайн, менеджмент)