Основы дизайна и разработки интерфейса с применением Bootstrap
Чему вы научитесь:
✓ Использовать технологии HTML, CSS, Bootstrap
✓ Использовать скрипты JavaScript для интерактивности интерфейса
✓ Проектировать интерфейс простого сайта с учетом его тематики и особенностей целевой аудитории
✓ Проектировать структуру сайта, его навигацию и использовать дизайн-макет для разработки интерфейса сайта
✓ Использовать технологии HTML, CSS, Bootstrap
✓ Использовать скрипты JavaScript для интерактивности интерфейса
✓ Проектировать интерфейс простого сайта с учетом его тематики и особенностей целевой аудитории
✓ Проектировать структуру сайта, его навигацию и использовать дизайн-макет для разработки интерфейса сайта
Бесплатно по госпрограмме
Офлайн/Онлайн
Формат обучения
Академ. часов
146
Возрастная категория
8-11 классы
Программа реализуется в рамках федерального проекта «Развитие кадрового потенциала ИТ-отрасли» национальной программы «Цифровая экономика РФ».
Оператор проекта — Университет 2035.
Оператор проекта — Университет 2035.
В результате обучения вы освоите базовые навыки использования HTML, CSS, JavaScript в разработке веб-интерфейсов. Научитесь работать с дизайн-макетом, создавать адаптивный интерфейс сайта на основе библиотеки Bootstrap.
108 часов практики (74% от всего курса)
Программа ориентирована на талантливых школьников
8−11 классов, имеющих начальный уровень владения ИКТ
8−11 классов, имеющих начальный уровень владения ИКТ
Интерфейсы сайтов являются ключевым элементом взаимодействия пользователей с продуктом. Потребность в специалистах по разработке интерфейсов возрастает с каждым днем.
После обучения ученик будет ЗНАТЬ:
Назначение и способы использования библиотеки Bootstrap
Принципы семантической и адаптивной верстки сайта
Методы разработки пользовательского интерфейса с учетом тематики сайта и особенностей целевой аудитории
Методы разработки структуры сайта, навигационной системы
Как создается продукт с виртуальной реальностью под основные VR/AR-устройства
Программа обучения
Тема 1.1 Введение в курс
Тема 1.2 Проектная деятельность в сфере проектирования интерфейсов
Тема 1.3 Инструменты и методы разработки дизайна интерфейса
Тема 1.4 Прототипирование сайта и использование модульных сеток
Тема 1.5 Структура сайта. Основные понятия типографики
Тема 1.6 Кнопки и формы в web-дизайне
Аттестация по итогам модуля и получение сертификата об его прохождении
Тема 1.2 Проектная деятельность в сфере проектирования интерфейсов
Тема 1.3 Инструменты и методы разработки дизайна интерфейса
Тема 1.4 Прототипирование сайта и использование модульных сеток
Тема 1.5 Структура сайта. Основные понятия типографики
Тема 1.6 Кнопки и формы в web-дизайне
Аттестация по итогам модуля и получение сертификата об его прохождении
Тема 2.1 HTML с нуля
Тема 2.2. Блочная структура документа и семантическая верстка
Тема 2.3 Основы CSS. Форматирование текста
Тема 2.4 Оформление графики и ссылок на основе CSS
Тема 2.5 Блоки, таблицы и формы в CSS
Тема 2.6 Продвинутый CSS
Аттестация по итогам модуля и получение сертификата об его прохождении
Тема 2.2. Блочная структура документа и семантическая верстка
Тема 2.3 Основы CSS. Форматирование текста
Тема 2.4 Оформление графики и ссылок на основе CSS
Тема 2.5 Блоки, таблицы и формы в CSS
Тема 2.6 Продвинутый CSS
Аттестация по итогам модуля и получение сертификата об его прохождении
Тема 3.1 Основы JavaScript. Разработка визуальных элементов на сайте с использованием JavaScript
Тема 3.2 Bootstrap: введение и применение сеточной системы
Тема 3.3 Адаптивный дизайн с использованием Bootstrap
Аттестация по итогам модуля и получение сертификата об его прохождении
Тема 3.2 Bootstrap: введение и применение сеточной системы
Тема 3.3 Адаптивный дизайн с использованием Bootstrap
Аттестация по итогам модуля и получение сертификата об его прохождении
Тема 4.1 Этапы проектирования сайта
Тема 4.2 Разработка и оптимизация дизайн-макета
Тема 4.3 Использование дизайн-макета для верстки
Тема 4.4 Использование шаблонов Bootstrap
Аттестация по итогам модуля и получение сертификата об его прохождении
Тема 4.2 Разработка и оптимизация дизайн-макета
Тема 4.3 Использование дизайн-макета для верстки
Тема 4.4 Использование шаблонов Bootstrap
Аттестация по итогам модуля и получение сертификата об его прохождении
Что получит обучающийся после прохождения курса в рамках проекта «Код Будущего»? Официальный сертификат от МЭО!
Приложите его к портфолио при поступлении в вуз и выделитесь среди других абитуриентов.
Как записаться на программу
1
Госуслуги
Перейдите на страницу курса на Госуслугах.
Подать заявление может сам школьник или его родитель (законный представитель). Заявитель должен иметь подтвержденную учетную запись на Госуслугах.
Подать заявление может сам школьник или его родитель (законный представитель). Заявитель должен иметь подтвержденную учетную запись на Госуслугах.
2
Ссылка
По результатам успешной проверки заявления на Госуслугах вы получите ссылку на вступительное испытание.
3
Вступительное испытание
Успешно пройдите вступительное испытание на платформе МЭО за 5 рабочих дней с момента получения ссылки.
4
Договор
Заключите договор с МЭО от имени законного представителя ребенка.
5
Обучение
Получите доступ к программе, расписание занятий от МЭО и начинайте учиться!
С другими курсами МЭО вы можете ознакомиться, выбрав сначала форму обучения (онлайн или офлайн), затем провайдера (Мобильное Электронное Образование)
С другими курсами МЭО вы можете ознакомиться, выбрав сначала форму обучения (онлайн или офлайн), затем провайдера (Мобильное Электронное Образование)
Отзывы
Онлайн-курс
«Основы дизайна и разработки интерфейса с применением Bootstrap»
Очный курс
«Основы дизайна и разработки интерфейса с применением Bootstrap»