- Рабочая среда.

- Что такое HTML и какова его роль в Интернете?

– Синтаксис тегов (элементы и их атрибуты).

– Структура веб-страницы (doctype, html, head, body, … теги).

– Правила аккуратности кода. Комментарии.

- Заголовки.

- Пункты. Отформатируйте текст, используя жирный шрифт, курсив, подчеркивание и другие методы форматирования.

– Ссылки (абсолютные и относительные).
- Картинки. Вставка их, настройка их размера, описание альтернативного текста, создание кликабельной картинки.

- Таблицы. Создание таблицы. Границы таблицы, строки, ячейки, ячейки заголовков, объединение ячеек.

- Списки. Ненумерованные и упорядоченные списки. Список внутри списка/многоуровневые списки.

- Формы. Назначение, описание, поля форм. Текст, числа, файлы и другие типы полей, их атрибуты, использование.

- Полезные плагины для текстового редактора.

– Другие элементы HTML.

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

- Пользовательский интерфейс/UX

- Что такое CSS?

– Синтаксис (селекторы, объявления, параметры и значения).

- Опрятность кода и комментирование.

– Селекторы и их типы.

- Где и как пишется код CSS?
- Инструмент разработчика браузера.

- Цвета и фоны, управление изображениями и другими html-элементами с помощью css.

- Форматирование текста. Шрифты, размеры текста, стили, веса и другие вопросы форматирования.

– Шаблон блока CSS (содержимое, отступы, границы, поля).

– Поведение элементов в ряду (отображение).
– Позиционирование элементов (позиция).

– Отзывчивый макет веб-страницы (layout). Сетка Flexbox/CSS.

- Доступность (навигация с помощью клавиатуры, цветов и контрастности, адаптирована для людей, не различающих или плохо различающих цвета)

– Другие параметры CSS. Препроцессоры CSS.

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

- Как подготовить проект к использованию фреймворка CSS?

- Что такое JavaScript?

– Переменные, функции.

– Проверить условия (если, переключиться).

– Циклы (для, пока, пока, для…в, для…оф, для каждого).

— Массивы, стандартные функции ES6+ (фильтр, карта, поиск и т. д.).

– Манипуляции с DOM.

- Введение. Что такое тестирование? Цели тестирования. Что и когда мы тестируем.

– Виды тестирования. Какие из них мы используем, когда? Преимущества разных видов.

– Компонентное тестирование (модульное тестирование).

– Интеграционное тестирование (Integration testing).

– Сквозное (UI/Dom) тестирование.

- Регрессионное тестирование.

– Тестирование с помощью Mock'ing функциональности.

– Подготовка среды для тестирования. Практические примеры.

- Введение в ReactJS: что это такое, в чем преимущества его использования, принцип работы, подготовка окружения.

– Введение в JSX (использование, React, прототипы, типы коллекций).

- Реагировать состояния. Государственное управление (государство). Принципы неизменности.

– Методы жизненного цикла React.

– Реагировать на интерактивные и статические компоненты (с сохранением состояния/без сохранения состояния). Плюсы

– Компоненты класса React и функциональные компоненты.

- Реагировать на хуки

- Знакомство с TypeScript: что это такое, в чем преимущества его использования, принцип работы, подготовка окружения.

- В чем преимущество выбора TypeScript? Сравнение языков динамического и статического типов.

– Принципы и компоненты объектно-ориентированного программирования, доступные в TypeScript

(Абстрактные классы, Интерфейс...).

– Описание типов переменных.

– Структурные типы, описания «формы» структуры данных (структурные типы, сигнатуры индексов).

– Практические примеры.

Финальная доработка проекта, доработка и презентация финального проекта.

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

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

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

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

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

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

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

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

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

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