Учебно-методические комплексы

Подробнее

2. Система текущего контроля
✓ Текущий контроль проводится на теоретических и практических занятиях в следующих форматах:
Устный опрос по каждой теме (всего 70 вопросов). Охватывает: основы UI/UX (этапы проектирования, юзабилити, адаптивный дизайн, цвет, типографика, прототипы, доступность); векторную графику (примитивы, масштабируемость, форматы SVG, инструменты Figma/Inkscape); растровую графику (разрешение, форматы, сжатие, слои, маски); мультимедийный контент (форматы, оптимизация, адаптивность, веб-анимация); визуализацию (иерархия, состояния элементов, микроинтеракции); юзабилити веб-сайтов (критерии ISO, сценарии, информационная архитектура, тестирование); юзабилити мобильных приложений (жесты, навигация, обратная связь). Оцениваются глубина знаний, логичность, владение терминологией.
Письменный опрос (проверочные работы) – по темам: векторная графика (3 варианта), растровая графика (3 варианта), юзабилити веб-сайтов (3 варианта), юзабилити мобильных приложений (3 варианта). Критерии оценки: полнота, логичность, корректность примеров.
Письменный опрос (тестирование) – три теста по 10 вопросов: проектирование и дизайн интерфейсов, редакторы мультимедийного контента, визуализация элементов интерфейса. Ключи ответов и шкала перевода баллов приведены.
Практические занятия (9 занятий) – включают создание оригинал-макетов (главная страница, UI-элементы), макетов сайта и буклета, разработку схем интерфейса (userflow, wireframe), работу с векторными и растровыми редакторами (логотипы, иконки, обработка фото, коллажи), разработку мультимедийного контента (анимированные баннеры, аудио, видео), создание инфографики, интеграцию визуального стиля с функциональностью (доступность, интерактивные прототипы), разработку интерфейса для мобильного приложения.
✓ Все оценочные средства сопровождаются ключами ответов и подробными критериями.
3. Промежуточная аттестация
✓ Форма промежуточной аттестации – дифференцированный зачет (IV семестр). Для подготовки представлены 30 теоретических вопросов (основы UX/UI, критерии юзабилити, пользовательские сценарии, информационная архитектура, вайрфреймы, адаптивный дизайн, визуальная иерархия, цвет, типографика, микроинтеракции, доступность, мобильная навигация, жесты, дизайн-системы, формы, методы исследования, А/В-тестирование, тёмная тема, обратная связь, оптимизация изображений) и 30 практических заданий (создание вайрфреймов, пользовательских сценариев, адаптивных макетов, цветовых палитр, прототипов форм, навигации, микроинтеракций, карт пути пользователя, оптимизация изображений, создание компонентов, поиска, модальных окон, скелетонов, прогресс-баров, аккордеонов, таблиц, тёмной темы, карточек, уведомлений, форм обратной связи, табов, иконок, шапок, списков, меню, индикаторов загрузки, фильтров, баннеров, дизайн-систем).
✓ Критерии оценки (по четырехуровневой системе):
«отлично» – полное освоение теории, безупречное выполнение практических заданий, креативные и обоснованные решения.
«хорошо» – хорошее знание теории, выполнение заданий с единичными негрубыми ошибками.
«удовлетворительно» – базовое понимание, выполнение заданий с ошибками, затруднения при ответах.
«неудовлетворительно» – незнание ключевых понятий, грубые ошибки, неспособность обосновать решения.
4. Особенности профессиональной направленности
✓ Дисциплина "Проектирование и дизайн интерфейсов" и все оценочные материалы нацелены на развитие навыков, непосредственно связанных с будущей профессиональной деятельностью разработчика веб-приложений:
Проектирование интерфейсов – создание вайрфреймов, прототипов, пользовательских сценариев, карт пути пользователя.
Визуальный дизайн – работа с векторной и растровой графикой, создание логотипов, иконок, макетов, баннеров, инфографики.
Мультимедиа – создание анимированных баннеров, аудио- и видеоконтента для веб.
Юзабилити – оценка и улучшение удобства веб-сайтов и мобильных приложений, тестирование интерфейсов.
Адаптивность и доступность – проектирование интерфейсов для разных устройств и категорий пользователей, соблюдение стандартов WCAG.
✓ Компетенции ПК 3.1 и ПК 3.2 формируются через практическую работу по проектированию эскизов, схем, прототипов и разработке дизайна компонентов интерфейса в соответствии со стандартами.
5. Условия проведения контроля
✓ Текущий контроль проводится на теоретических и практических занятиях. Для практических занятий разработана система защиты отчетов, включающая представление выполненной работы и устное собеседование.
✓ Документ содержит подробные примеры заданий, что делает его практическим инструментом для преподавателей и студентов. Особое внимание уделяется практико-ориентированным заданиям, моделирующим реальные задачи дизайнера интерфейсов.

Подробнее

семантика HTML, каскадные таблицы стилей (CSS), веб-стандарты и их поддержка, значение и принципы веб-стандартов, HTML-фреймворки, CSS-фреймворки, динамический CSS.
2. Система текущего контроля
✓ Текущий контроль проводится на теоретических и практических занятиях в следующих форматах:
Устный опрос по каждой теме (всего 90 вопросов). Охватывает: основы верстки (адаптивная, фиксированная, резиновая, блочная модель, Flexbox, Grid); HTML (структура, теги, атрибуты, формы, таблицы); семантическую разметку (семантические теги HTML5, ARIA-атрибуты, важность alt); CSS (селекторы, каскадность, наследование, специфичность, свойства); веб-стандарты (W3C, валидация, DOCTYPE, полифиллы, прогрессивное улучшение); HTML- и CSS-фреймворки (Bootstrap, преимущества и недостатки, подключение, утилитарные классы, адаптивные сетки, кастомизация); динамический CSS (переменные, calc, vh/vw, переходы, анимации, медиа-запросы). Оцениваются глубина знаний, логичность, владение терминологией.
Письменный опрос (проверочные работы) – по темам: язык разметки HTML (3 варианта с заданиями на создание кода, списков, форм, таблиц); синтаксис и семантика HTML (3 варианта с заданиями на замену тегов на семантические, использование ARIA, исправление ошибок); значение и принципы веб-стандартов (3 варианта с вопросами о принципах, валидации, прогрессивном улучшении, доступности); HTML-фреймворки (3 варианта с заданиями на сравнительный анализ, подключение, использование сеток, утилитарных классов, кастомизацию). Критерии оценки: полнота, логичность, корректность примеров.
Письменный опрос (тестирование) – пять тестов по 10 вопросов: верстка страниц, каскадные таблицы стилей, веб-стандарты и их поддержка, CSS-фреймворки, динамический CSS. Ключи ответов и шкала перевода баллов приведены.
Практические занятия (20 занятий) – включают создание веб-страниц с использованием HTML-тегов, таблиц, фреймов, графических элементов, форм, ссылок, интерактивных элементов; форматирование страниц с помощью CSS; работу с наследованием и каскадированием; CSS-верстку; проверку на соответствие стандартам; валидацию; обеспечение совместимости; поисковую оптимизацию; верстку лендинг-пейдж; работу с фреймворками (React, Vue, Angular, Bootstrap); верстку для мобильных устройств и создание адаптивных приложений.
Самостоятельная работа – разработка одностраничного адаптивного сайта-портфолио с полным набором блоков, семантической разметкой, CSS (Flexbox/Grid), медиа-запросами, валидным кодом и кросс-браузерной совместимостью.
Курсовой проект – разработка полноценного веб-приложения по выбранной теме с клиентской частью, базовой серверной логикой, адаптивным интерфейсом и кросс-браузерной совместимостью.
✓ Все оценочные средства сопровождаются ключами ответов и подробными критериями.
3. Промежуточная аттестация
✓ Форма промежуточной аттестации – дифференцированный зачет (V семестр). Для подготовки представлен 1 теоретический вопрос из 30 (в документе приведен только один), что не позволяет оценить полный перечень вопросов.
✓ Критерии оценки (по четырехуровневой системе):
«отлично» – полное освоение теории, безупречное выполнение практических заданий, глубокое понимание процессов верстки.
«хорошо» – хорошее знание теории, выполнение заданий с единичными негрубыми ошибками.
«удовлетворительно» – базовое понимание, выполнение заданий с ошибками, затруднения при ответах.
«неудовлетворительно» – незнание ключевых понятий, грубые ошибки, неспособность обосновать решения.
4. Особенности профессиональной направленности
✓ Дисциплина "Верстка страниц" и все оценочные материалы нацелены на развитие навыков, непосредственно связанных с будущей профессиональной деятельностью разработчика веб-приложений:
Создание HTML-структуры – использование семантических тегов, форм, таблиц, фреймов, графических элементов, ссылок, интерактивных элементов.
Стилизация с CSS – применение каскадных таблиц стилей, работа с селекторами, наследованием, каскадированием, приоритетами, создание адаптивных макетов с Flexbox и Grid.
Обеспечение качества – проверка валидности кода, кросс-браузерная совместимость, оптимизация для поисковых систем, соблюдение веб-стандартов.
Работа с фреймворками – использование Bootstrap для ускорения разработки, работа с React, Vue, Angular.
Адаптивность и мобильность – создание верстки для мобильных устройств с использованием медиа-запросов и адаптивных сеток.
Проектная работа – разработка лендингов, сайтов-портфолио, полноценных веб-приложений в рамках курсового проекта.
✓ Компетенции ПК 3.2 и ПК 3.3 формируются через практическую работу по созданию структуры кода веб-страниц и разработке интерфейса пользователя с использованием стандартов веб-разработки.
5. Условия проведения контроля
✓ Текущий контроль проводится на теоретических и практических занятиях. Для практических занятий разработана система защиты отчетов, включающая представление выполненной работы и устное собеседование.
✓ Документ содержит подробные примеры заданий, что делает его практическим инструментом для преподавателей и студентов. Особое внимание уделяется практико-ориентированным заданиям, моделирующим реальные задачи frontend-разработчика.

Подробнее

контекст вызова, документ и объекты страницы (работа с событиями), ООП в функциональном и прототипном стиле, фреймворки и библиотеки.
2. Система текущего контроля
✓ Текущий контроль проводится на теоретических и практических занятиях в следующих форматах:
Устный опрос по каждой теме (всего 70 вопросов). Охватывает: основы клиентской разработки (жизненный цикл страницы, DOM, SPA, AJAX, CORS); структуры данных (примитивы, объекты, массивы, Set, Map, деструктуризация, копирование); замыкания и область видимости (лексическое окружение, IIFE, hoisting, TDZ, приватные переменные); контекст вызова (this, call/apply/bind, потеря контекста, prototype, proto); работу с DOM и событиями (получение элементов, изменение стилей, фазы событий, делегирование); ООП (инкапсуляция, прототипное наследование, конструкторы, миксины); фреймворки и библиотеки (Virtual DOM, компонентный подход, хуки, SSR, код-сплиттинг). Оцениваются глубина знаний, логичность, владение терминологией.
Письменный опрос (проверочные работы) – по темам: структуры данных (3 варианта с заданиями на фильтрацию, деструктуризацию, работу с Map); замыкания и область видимости (3 варианта с заданиями на создание счетчиков, модулей, объяснение TDZ); ООП в функциональном и прототипном стиле (3 варианта с заданиями на создание конструкторов, фабрик, наследование); фреймворки и библиотеки (3 варианта с заданиями на описание Virtual DOM, создание компонентов в React/Vue, маршрутизацию, управление состоянием). Критерии оценки: полнота, логичность, корректность примеров.
Письменный опрос (тестирование) – три теста по 10 вопросов: разработка клиентской части, методы объектов и контекст вызова, документ и объекты страницы (работа с событиями). Ключи ответов и шкала перевода баллов приведены.
Практические занятия (19 занятий) – включают разработку фронтенда для веб-приложений (портфолио, лендинги, интернет-магазины), оптимизацию и тестирование, создание клиентских сценариев на JavaScript (калькуляторы, смена темы, слайдеры), работу со структурами данных (списки задач, Map, Set), создание фабричных функций и замыканий (счетчики, модули, каррирование, мемоизация), работу с контекстом (call/apply/bind, исправление потери контекста), асинхронные операции (fetch, Promise, async/await), создание интерактивных списков задач (с фильтрацией, редактированием, Drag and Drop, сохранением в localStorage), написание приложений с применением ООП (классы BankAccount, ShoppingCart, Timer), разработку систем управления персоналом в прототипном и функциональном стилях, использование фреймворков и библиотек (React, Vue, Angular, jQuery, Next.js).
Курсовой проект – разработка полноценной клиентской части веб-приложения по выбранной теме с навигацией, авторизацией, CRUD-операциями, валидацией и обработкой ошибок.
✓ Все оценочные средства сопровождаются ключами ответов и подробными критериями.
3. Промежуточная аттестация
✓ Форма промежуточной аттестации – дифференцированный зачет (VI семестр). Для подготовки представлены 27 теоретических вопросов из 30 (в документе приведены не все), охватывающих ключевые темы: от основ клиентской разработки и работы с DOM до асинхронности, модульности и сравнения фреймворков.
✓ Критерии оценки (по четырехуровневой системе):
«отлично» – полное освоение теории, безупречное выполнение практических заданий, глубокое понимание процессов клиентской разработки.
«хорошо» – хорошее знание теории, выполнение заданий с единичными негрубыми ошибками.
«удовлетворительно» – базовое понимание, выполнение заданий с ошибками, затруднения при ответах.
«неудовлетворительно» – незнание ключевых понятий, грубые ошибки, неспособность обосновать решения.
4. Особенности профессиональной направленности
✓ Дисциплина "Разработка клиентской части информационных ресурсов" и все оценочные материалы нацелены на развитие навыков, непосредственно связанных с будущей профессиональной деятельностью разработчика веб-приложений:
Программирование на JavaScript – работа с типами данных, структурами (массивы, объекты, Set, Map), функциями, замыканиями, контекстом, асинхронностью (Promise, async/await).
Работа с DOM и событиями – манипуляции с элементами страницы, обработка событий, делегирование, создание динамических интерфейсов.
Объектно-ориентированное программирование – реализация ООП в функциональном и прототипном стилях, создание классов, наследование, инкапсуляция.
Современные фреймворки и библиотеки – работа с React, Vue, Angular, jQuery, Next.js (компонентный подход, Virtual DOM, маршрутизация, управление состоянием, SSR).
Оптимизация и тестирование – минификация, кеширование, ленивая загрузка, кросс-браузерное тестирование, производительность.
Проектная работа – разработка полноценных клиентских приложений (интернет-магазины, системы бронирования, чаты, социальные сети) в рамках курсового проекта.
✓ Компетенция ПК 3.4 формируется через практическую работу по созданию программного кода на стороне клиента с использованием языков программирования, библиотек и фреймворков.
5. Условия проведения контроля
✓ Текущий контроль проводится на теоретических и практических занятиях. Для практических занятий разработана система защиты отчетов, включающая представление выполненной работы и устное собеседование.
✓ Документ содержит подробные примеры заданий, что делает его практическим инструментом для преподавателей и студентов. Особое внимание уделяется практико-ориентированным заданиям, моделирующим реальные задачи frontend-разработчика с использованием современных технологий и подходов.

Подробнее

обязательные составляющие:
✓ Экзаменационное задание — состоит из двух теоретических вопросов и практического задания. Примерный перечень вопросов охватывает информационную архитектуру, прототипирование (low-fi/hi-fi), юзабилити-тестирование, векторную и растровую графику, цветовые модели (RGB/CMYK), форматы мультимедиа, адаптивный и отзывчивый дизайн, HTML и семантическую верстку, CSS (селекторы, наследование, специфичность), веб-стандарты, валидацию, кроссбраузерность, SEO, а также CSS- и HTML-фреймворки (Bootstrap, React). Практические задания предполагают: создание wireframe и схем навигации, разработку логотипов, макетов и иконок, работу со слоями и цветокоррекцией, создание инфографики, прототипирование состояний кнопок и мобильных экранов, адаптацию макетов под разные устройства, верстку семантических структур, таблиц и форм, использование Flexbox и медиазапросов, применение CSS-анимаций, а также работу с валидаторами и сеткой Bootstrap.
✓ Портфолио обучающегося — включает аттестационный лист, отзыв и дневник с места производственной практики, отчет по практике, а также дополнительные материалы (грамоты, дипломы, сертификаты об участии в профессиональных мероприятиях). Все документы предоставляются в бумажном и цифровом виде.
Критерии оценивания:
Экзаменационное задание:
«Отлично» — глубокие системные знания, полное соответствие требованиям, оптимизированный и читабельный код, способность обосновать выбор методов и технологий.
«Хорошо» — хорошие знания материала, незначительные ошибки, корректный код с недочетами в оптимизации.
«Удовлетворительно» — базовые знания, частичное соответствие требованиям, работоспособный код с избыточными фрагментами.
«Неудовлетворительно» — отсутствие знаний, критические ошибки, неработоспособный код.
Портфолио:
«Отлично» — полное соответствие требованиям оформления, наличие всех обязательных и дополнительных материалов, корректно заполненные документы, содержательные отзывы.
«Хорошо» — все основные документы присутствуют, возможны незначительные недочеты.
«Удовлетворительно» — отсутствие 1-2 обязательных документов, формальные отзывы, нерегулярное заполнение дневника.
«Неудовлетворительно» — отсутствие более двух обязательных документов, грубые нарушения требований оформления.
Итоговая оценка по виду деятельности ВД.3 формируется как средний балл на основе результатов экзаменационного задания и оценки портфолио.