1. Ознакомить участников с основами веб-разработки, включая HTML, CSS и JavaScript

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

3. Развить навыки проектирования и разработки интерфейсов с помощью инструментов дизайна, таких как Figma

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

• Обучить основам HTML и CSS, включая создание простых веб-страниц и стилизацию их содержимого
• Научить базовым тегам HTML и селекторам CSS для оформления страниц

• Развить навыки работы с инструментами дизайна, такими как Figma, для создания макетов и прототипов
• Научить разработке адаптивных макетов, которые соответствуют различным устройствам

• Научить использованию JavaScript и jQuery для добавления интерактивных элементов на веб-сайты
• Развить навыки написания скриптов для динамического изменения содержимого страницы

• Ознакомить участников с инструментами, такими как Bootstrap, для быстрой и эффективной верстки
• Научить использованию готовых компонентов для ускорения разработки

• Реализовать итоговый проект, позволяющий участникам создать собственный веб-сайт от концепции до публикации
• Поддерживать участников в процессе работы над проектом и помогать в решении возникающих вопросов

• Введение в HTML. Знакомство с основами веб-разработки, структурой HTML-документа
• Основы HTML. Изучение основных тегов и создание простых веб-страниц
• Работа с текстом и изображениями. Применение тегов для работы с текстом, вставка изображений
• Ссылки и списки. Создание навигации на сайте с помощью ссылок и организация контента через списки
• Знакомство с Figma. Обзор интерфейса Figma, базовые операции с макетами

• Применение инструментов Figma для создания макета веб-страницы
• Работа с компонентами и стилями. Использование компонентов для повторного использования элементов дизайна, создание и применение стилей
• Прототипирование и экспорт. Создание интерактивных прототипов, экспорт ассетов для веб-разработки

• Подключение стилей, основы селекторов и свойств
• Стилизация текста и фона. Применение CSS для настройки шрифтов, цветов и фоновых изображений
• Блочная модель и позиционирование. Понимание блочной модели, использование позиционирования и Floats
• Flexbox и Grid. Создание сложных макетов с помощью Flexbox и CSS Grid

• Принципы создания адаптивных макетов, использование Auto Layout
• Экспорт ассетов для адаптивного сайта. Подготовка и экспорт дизайн-элементов для разных устройств
• Сотрудничество и обратная связь в Figma. Использование Figma для совместной работы и получения обратной связи от команды или клиентов
• Реализация макета в код. Превращение дизайн-макета из Figma в работающий адаптивный сайт

• Введение в JavaScript: Понятия и основы языка программирования
• Переменные и типы данных: Работа с данными в JavaScript
• Управляющие конструкции: Условия и циклы для управления потоком выполнения
• Функции: Создание и использование функций для повторного использования кода
• События: Отслеживание и реагирование на действия пользователя
• Введение в jQuery: Упрощение работы с JavaScript с помощью библиотеки jQuery
• Анимации и эффекты в jQuery: Добавление анимаций и визуальных эффектов
• AJAX и работа с данными: Загрузка и отправка данных без перезагрузки страницы

• Планирование проекта. Учащиеся научатся определять цели и задачи своего проекта, составлять план разработки и организовывать работу над проектом
• Bootstrap: быстрая верстка. Использование фреймворка Bootstrap для создания адаптивного дизайна веб-сайта, ускорение разработки за счет готовых компонентов
• Проектная работа с Bootstrap. Разработка макета сайта с применением Bootstrap, обучение настройке и кастомизации стандартных шаблонов
• Основы работы с Git. Введение в систему контроля версий Git, обучение основам работы с репозиториями, командам для управления версиями и совместной работы над кодом
• Введение в Node.js и npm. Знакомство с средой выполнения JavaScript Node.js и менеджером пакетов npm, обучение установке пакетов и управлению зависимостями в проекте..
• Разработка собственного сайта: Начало. Старт реализации проекта, применение полученных знаний по HTML, CSS и JavaScript для создания структуры и дизайна веб-сайта
• Разработка собственного сайта: Продолжение. Продолжение работы над проектом, добавление интерактивности с использованием JavaScript и jQuery, адаптация под разные устройства с помощью Bootstrap
• Разработка собственного сайта: Продолжение. Продолжение работы над проектом, добавление интерактивности с использованием JavaScript и jQuery, адаптация под разные устройства с помощью Bootstrap
• Разработка собственного сайта: Продолжение. Продолжение работы над проектом, добавление интерактивности с использованием JavaScript и jQuery, адаптация под разные устройства с помощью Bootstrap
• Разработка собственного сайта: Продолжение. Продолжение работы над проектом, добавление интерактивности с использованием JavaScript и jQuery, адаптация под разные устройства с помощью Bootstrap
• Публикация и развертывание сайта. Завершающий этап разработки: подготовка сайта к публикации, выбор хостинга, загрузка на сервер и тестирование работы в реальных условиях
• Выпускной

Дать участникам комплексные знания и практические навыки в области работы с Figma, научить их создавать и редактировать векторные изображения, использовать цвета, слои, фреймы и другие инструменты программы для разработки графического контента

• Познакомить участников с интерфейсом и основными возможностями Figma
• Научить базовым операциям и инструментам для начала работы над проектами

• Научить создавать и изменять векторные фигуры
• Развить навыки работы с инструментами для создания сложных форм

• Дать навыки работы с палитрой, включая использование пипетки, настройку прозрачности и применение градиентов
• Объяснить принципы работы с цветом, включая теорию контраста и подбор цветов под типы личностей

• Показать, как работать со слоями и фреймами, а также их возможности
• Научить эффективному использованию слоев для упорядоченной работы над проектами

• Обучить добавлять и настраивать изображения в проектах
• Разъяснить, как соблюдать авторские права при работе с изображениями

• Рассказать о возможностях пера и карандаша для прорисовки векторных изображений
• Научить рисованию от руки с использованием инструментов Figma

• Стимулировать творческий подход к разработке иллюстраций
• Предложить упражнения для раскрытия креативного потенциала участников

• Ознакомить с эффектами, типографией и другими инструментами Figma
• Демонстрация возможностей инструментов для улучшения визуального восприятия проектов

• Помочь освоить работу с плагинами и группами
• Предоставить рекомендации по выбору и установке полезных плагинов

• Научить применять сетки и адаптировать дизайн под разные гаджеты
• Развить навыки создания адаптивного дизайна для мобильных устройств и планшетов

• Предоставить знания по основам UX/UI дизайна и созданию вайрфреймов, прототипов и мокапов
• Привить понимание важности юзабилити и эстетической привлекательности интерфейсов

• Дать рекомендации по оформлению портфолио и выбору форматов файлов
• Подчеркнуть важность соблюдения профессиональных стандартов при оформлении работ