• Рабочая среда.
• Что такое HTML и какова его роль на веб-страницах?
• Синтаксис тегов (элементы и их атрибуты).
• Структура веб-страницы (doctype, html, head, body, ... теги).
• Правила аккуратности кода. Комментарии.
• Заголовки.
• Пункты. Отформатируйте текст, используя жирный шрифт, курсив, подчеркивание и другие методы форматирования.
• Ссылки (абсолютные и относительные).
• Картинки. Вставка их, настройка их размера, описание альтернативного текста, создание кликабельной картинки.
• Таблицы. Создание таблицы. Границы таблицы, строки, ячейки, ячейки заголовков, объединение ячеек.
• Списки. Ненумерованные и упорядоченные списки. Список внутри списка/многоуровневые списки.
• Формы. Назначение, описание, поля форм. Текст, числа, файлы и другие типы полей, их атрибуты, использование.
• Полезные плагины для текстового редактора.
• Другие элементы HTML.

• Что такое CSS?
• Синтаксис (селекторы, объявления, параметры и значения).
• Опрятность кода и комментирование.
• Селекторы и их типы.
• Где и как пишется код CSS?
• Инструмент для разработчиков браузеров.
• Цвета и фоны, управление изображениями и другими html-элементами с помощью css.
• Форматирование текста. Шрифты, размеры текста, стили, веса и другие вопросы форматирования.
• Шаблон блока CSS (содержимое, отступы, границы, поля).
• Поведение элементов в строке (отображение).
• Позиционирование элементов.
• Адаптивный макет веб-страницы. Сетка Flexbox/CSS.
• Доступность (навигация с помощью клавиатуры, цветов и контрастности, адаптирована для людей, не различающих или плохо различающих цвета)
• Другие параметры CSS.

• Извлечение шрифтов, цветов, изображений и стилей из проектов с помощью Figma/Adobe XD.

• Что такое CSS-фреймворк? Какие есть варианты (Bootstrap/Tailwind и т.д.) и чем они могут быть полезны?
• Как подготовить свой проект к использованию CSS-фреймворка?
• Использование фреймворка в проекте.

• Что такое препроцессоры CSS (Sass, LESS)? Насколько они разные?
• Подготовка проекта к использованию препроцессора.
• Использование препроцессора.

• Что такое управление версиями кода? Как версионируется код? Почему это необходимо?
• Локальный и удаленный (GitHub, Gitlab, …) репозиторий Git.
• Использование Git (git add, git commit, git push, …).
• Git ветки, командная работа.

• Что такое JavaScript?
• Рабочая среда.
• Переменные.
• Арифметические операции.
• Условия проверки (if, switch, операторы логической проверки и, или и не).
• Циклы (for, while, for…in, for…of, forEach).
• Массивы.
• Объекты.
• Функции.
• Стандартные функции ES6+ (фильтр, карта, поиск и т. д.).
• Выполнение запросов, работа с API (обратные вызовы, асинхронность, промисы, ...).

• Получение элементов (getElementById, querySelector, …).
• Прогулка по дереву HTML (previousElementSibling, nextElementSibling, …).
• Получение и обновление содержимого HTML (innerText, textContent, innerHTML, …).
• Реакция на события (onclick, onmouseenter, …).
• Создание нового содержимого HTML и вставка его в модель DOM (createElement, appendChild, innerHTML, …).
• Изменение стиля (style, cssText).
• Работа с классами HTML/CSS (classList.add, classList.remove, …).

• Введение. Что такое тестирование? Цели тестирования. Что и когда мы тестируем.
• Виды тестирования. Какие из них мы используем, когда? Преимущества разных видов.
• Модульное тестирование (Unit testing).
• Интеграционное тестирование.
• Сквозное тестирование.
• Регрессионное тестирование.
• Тестирование с помощью Mock'ing функциональности.
• Подготовка среды для тестирования. Практические примеры.

• Введение в ReactJS: что это такое, в чем преимущества его использования, принцип работы, подготовка окружения.
• Введение в JSX (использование, React, прототипы, типы коллекций).
• Реагировать состояния. Государственное управление (государство). Принципы неизменности.
• Методы жизненного цикла React.
• Реагируйте на интерактивные и статические компоненты (с состоянием/без состояния). Плюсы
• Компоненты класса React и функциональные компоненты.
• Реагировать на хуки.
• Реагировать на маршрутизацию.
• Выполнение запросов HTTP/HTTPS к API.

• Модульное тестирование (Unit testing).
• Интеграционное тестирование.
• Сквозное тестирование.
• Подготовка среды для тестирования.
• Тестирование проекта путем описания тестов.

• Введение в TypeScript: что это такое, в чем преимущества его использования, принцип работы, подготовка окружения.
• Каковы преимущества выбора TypeScript? Сравнение языков динамического и статического типов.
• Принципы и компоненты объектно-ориентированного программирования, доступные в TypeScript (абстрактные классы, интерфейс...).
• Описание типов переменных.
• Структурные типы, описания «формы» структуры данных (Структурные типы, сигнатуры индексов).
• Практические примеры.

• Что такое НПМ? Для чего это?
• Как установить, обновить, удалить различные библиотеки и инструменты в проекте?
• Как версионировать проект или перенести его на другой компьютер/сервер, если в проекте используется NPM?

• Что такое средства автоматизации процессов (Webpack/Gulp/…)? Чем они хороши? Что может помочь? Где они используются?
• Настройка инструмента автоматизации в проекте для обработки файлов HTML, препроцессоров CSS, файлов JavaScript, сжатия фотографий и многого другого.

• Выполнение кода JavaScript.
• Подготовка сервера, ответ на запросы HTTP/HTTPS и т. д.
• Работа с файловой системой компьютера.
• Другие возможности Node.js.

• Что такое Express.js?
• Подготовка среды.
• Разработка API с помощью Express.js.

• Что такое базы данных? Их типы.
• Структура базы данных MongoDB.
• Подготовка среды.
• Коллекции MongoDB, работа с ними.
• Работа с данными (создание записей, обновление, удаление, просмотр) (запросы).

• О требованиях.
• Функциональные и нефункциональные требования.
• Диаграмма вариантов использования.
• Пользовательская история (User story).

• Что такое управление проектами?
• Классическая (водопадная) методология против Agile.
• Agile-манифест.
• Методология и роли Scrum.
• Скрам-церемонии.
• Жаргон ИТ-проектов.
• Инструменты управления проектами.

• Как происходит развертывание проекта?
• Что такое CI/CD?
• Размещение проектов на сервере.

1. Коммуникативные навыки

• Активное слушание
• Эффективная коммуникация
• Работа с трудными клиентами
• Создание соединения

2. Стратегии решения проблем

• Анализ проблемы и диагностика
• Определение решений
• Методы устранения неполадок
• Анализ первопричины проблемы
• Новейшие технологии решения проблем
• Как получить обратную связь от менеджеров
• Профессиональное развитие

3. Тайм-менеджмент и организация

• Приоритизация задач
• Управление рабочей нагрузкой
• Делегирование и сотрудничество

4. Эмоциональный интеллект

• Понимание и управление эмоциями
• Эмпатия и сострадание
• Решение конфликта
• Стресс-менеджмент

5. Как учиться больше, быстрее и меньше
забывать

•  5-минутное упражнение для мозга
• Очистите свой «мысленный туман» с помощью этих 5
  вкусная еда для мозга
•  Изучите мощную технику запоминания, чтобы
  ты бы никогда не пропустил встречу