Уровень сложности: Начальный
Курс «Основы дизайна и разработки интерфейса сайта с применением Bootstrap»
4,7 из 5 на основе оценок курса нашими выпускниками
Пройдите полноценное обучение программированию за счёт государства!
НАБОР ЗАКРЫТ
144 часа
Длительность курса
Для 8-11 классов
и учащихся в колледже
и учащихся в колледже
Онлайн
Формат обучения
Уровень сложности
Начальный
Для кого
Программа реализуется в рамках федерального проекта «Развитие кадрового потенциала ИТ-отрасли» национальной программы «Цифровая экономика РФ». Оператор проекта — Университет 2035.
Видео о курсе
Главные особенности обучающей программы
Современные технологии позволяют создавать более сложные и интерактивные интерфейсы для сайтов, что делает работу разработчиков интерфейсов ценнее. Примерами таких технологий является JavaScript, который широко используется для создания интерактивных элементов на веб-страницах, а также библиотека Bootstrap. Bootstrap позволяет быстро и легко создавать адаптивные и стилизованные веб-страницы, предоставляет готовые компоненты и стили. Это позволяет разработчикам быстро создавать интерфейсы сайтов без необходимости писать каждый элемент с нуля.
направлена на освоение навыков создания интерфейсов веб-сайтов, применения основных концепций HTML и CSS, использования библиотеки Bootstrap для быстрого создания адаптивных интерфейсов, а также навыков работы в онлайн-редакторе Figma для разработки интерфейсов.
50% ПРАКТИКИ
Актуальность программы
Данная программа
Как проходит обучение?
Программа реализуется в формате ОНЛАЙН
Обучение будет проходить в онлайн-режиме на образовательной платформе МЭО, на которой ученики и преподаватели друг с другом смогут общаться, проводить разборы домашних заданий. Все уроки будут проходить в формате вебинаров, они будут доступны для просмотра в записи в любое время. Кроме того, на платформе будут представлены интересные материалы для более глубокого изучения программы.
После обучения ученик БУДЕТ УМЕТЬ:
Разрабатывать интерфейсы простых сайтов с учетом современных требований к интерактивности и адаптивности вёрстки
Разрабатывать интерфейсы сайтов на основе технологий HTML, CSS, Bootstrap
Использовать скрипты JavaScript в разработке интерфейса и дизайн-макеты для разработки интерфейса сайта
Проектировать интерфейс, структуру и навигацию простого сайта с учётом его тематики и особенностей целевой аудитории
Как создается продукт с виртуальной реальностью под основные VR/AR-устройства
Программа обучения
144 академ.часа
Модуль 1
Введение в дизайн и верстку сайтов
Введение в дизайн и верстку сайтов
Модуль 2
Основы HTML и CSS
Основы HTML и CSS
Тема 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
Технологии адаптивной верстки
Технологии адаптивной верстки
Модуль 4
Разработка одностраничного сайта на основе Bootstrap
Разработка одностраничного сайта на основе Bootstrap
Тема 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
Лекции:
Лекции:
Что получит обучающийся после прохождения курса в рамках проекта «Код Будущего»?
Преподаватели курса
Боржиков Темирлан
Преподаватель кафедры коммуникаций, технологии рекламы и связей с общественностью
Калинникова Анна Дмитриевна
Преподаватель кафедры культурологии и дизайна
Комарова Ольга Сергеевна
Доцент кафедры культурологии и дизайна
Кузнецова Кристина Александровна
Преподаватель кафедры культурологии и дизайна
Шелюгина Ольга Александровна
Доцент кафедры культурологии и дизайна
Шумков Денис Андреевич
Заведующий кафедрой развития навыков программирования
ПОЧИТАЙТЕ, ЧТО О НАС ПИШУТ УЧЕНИКИ, ПРОШЕДШИЕ ОБУЧЕНИЕ, И ИХ РОДИТЕЛИ