Введение в современные веб-технологии

Базовый курс веб-технологий предназначен для освоения основ HTML, CSS и Javascript. Не описывая всех возможностей, заложенных в эти языки, курс охватывает необходимый и достаточный базис для построения эффективных HTML-документов в соответствии с действующими стандартами.
Студентов 1 Для всех
Записаться
Объём
36 час.
Длительность
30 дней
Нагрузка
6 час.
Формат обучения
Дистанционно (самостоятельно)
Описание Учебный курс посвящен изучению ключевых технологий современного веба — HTML, CSS и JavaScript. Обучение охватывает путь от основ разметки и стилизации текстовых элементов до проектирования сложных макетов и создания динамического контента. Особое внимание уделяется практическим аспектам: работе с изображениями, таблицами, формами и объектной моделью документа (DOM). Материал будет полезен начинающим веб-разработчикам, дизайнерам и ИТ-специалистам, стремящимся освоить принципы построения качественных интерфейсов. Курс помогает сформировать прочный фундамент знаний для дальнейшего профессионального развития в сфере фронтенд-разработки.
Цели
  • Сформировать понимание принципов построения современных веб-интерфейсов.
  • Раскрыть механизмы взаимодействия HTML, CSS и JavaScript в рамках веб-документа.
  • Подготовить к использованию стандартов верстки для создания адаптивных и функциональных страниц.
  • Систематизировать знания о динамическом управлении содержимым через объектную модель документа.
Чему я научусь?
  • Проектировать структуру веб-страниц с использованием актуальных тегов HTML.
  • Применять правила CSS для оформления элементов, позиционирования и создания макетов.
  • Разрабатывать интерактивные элементы интерфейса с помощью сценариев JavaScript.
  • Настраивать обработку пользовательских событий и валидацию данных в HTML-формах.
  • Использовать методы манипуляции DOM для создания динамического контента.

Авторы

Кудряшев Александр Вячеславович
К.х.н., доцент Сибирского Федерального университета, ИГУРЭ, кафедры ММИ; Avecom, ltd., Ohio, USA, Senior Web Developer.\n
Светашков Павел Александрович
Доцент Сибирского Федерального университета, ИГУРЭ, кафедры ММИ.
Чему я научусь?
  • Проектировать структуру веб-страниц с использованием актуальных тегов HTML.
  • Применять правила CSS для оформления элементов, позиционирования и создания макетов.
  • Разрабатывать интерактивные элементы интерфейса с помощью сценариев JavaScript.
  • Настраивать обработку пользовательских событий и валидацию данных в HTML-формах.
  • Использовать методы манипуляции DOM для создания динамического контента.

Учебный план

№ Занятия
Экзамен экстерном Внимание! Экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите подтвердить свои знания по данному курсу без его изучения или поверить свои знания по нему. Экзамен экстерном можно сдать только один раз.
1 Обзор HTML и CSS Назначение языка HTML. Стандарт HTML и спецификация XHTML. Структура документа HTML. Назначение языка CSS.
2 Текстовые элементы HTML Параграфы, заголовки, элементы логического и физического форматирования текста. Списки, гиперссылки.
3 Знакомство с HTML и CSS Цель. Практически изучить структуру HTML-документа, научиться подключать таблицы стилей и настраивать внешний вид страницы при их... Цель. Практически изучить структуру HTML-документа, научиться подключать таблицы стилей и настраивать внешний вид страницы при их помощи. ещё
4 Атрибуты стиля (CSS attributes)
5 Механизмы CSS
Механизмы CSS тест для курса Введение в современные веб-технологии 60 мин
6 Позиционирование средствами CSS Типы позиционирования элементов в CSS и их особенности. Позиционирование на основе плавающих элементов. Приёмы центрирования и... Типы позиционирования элементов в CSS и их особенности. Позиционирование на основе плавающих элементов. Приёмы центрирования и наложения элементов. ещё
7 Создание динамического меню навигации при помощи списков и правил CSS Цель. Научиться применять элементы HTML (списки и гиперссылки), а также свойства CSS (модель отображения, псевдоклассы гиперссылок)... Цель. Научиться применять элементы HTML (списки и гиперссылки), а также свойства CSS (модель отображения, псевдоклассы гиперссылок) для формирования системы навигации на веб-странице. ещё
8 Изображения
9 Таблицы
10 Табличная и бестабличная вёрстка Макет страницы. Колонки, колонтитул, подвал. Формирование макета средствами HTML-таблиц и правил CSS
Табличная и бестабличная вёрстка тест для курса Введение в современные веб-технологии 60 мин
11 Создание макета страницы средствами правил CSS Цель. Практическое освоение основных приемов верстки HTML-страницы с несколькими разделами.
12 Сценарии Javascript
13 Обработка событий при помощи сценариев Javascript Цель. Изучение приемов динамического изменения страницы в ответ на действия пользователя.
14 Динамический HTML и Объектная Модель Документа
15 Динамический HTML Цель. Изучение приёмов динамического формирования HTML-документа.
16 События. Объект event
17 HTML-формы
18 Создание формы с динамической проверкой
19 Внедрение объектов в документ HTML Возможности и недостатки динамических HTML-страниц. Применение технологий Java, Flash, SVG, AJAX, Silverlight (обзор)
20 Знакомство с Silverlight Цель. Знакомство с программой Microsoft Expression Blend. Создание анимированной Silverlight-заставки и размещение её в HTML-документе
21 Перспективы и расширения HTML Новые возможности в проектах спецификаций HTML 5 и CSS 3
Перспективы и расширения HTML тест для курса Введение в современные веб-технологии 60 мин
22 Знакомство с Silverlight (продолжение)
Экзамен для курса Введение в современные веб-технологии 60 мин
Экзамен экстерном для курса Введение в современные веб-технологии 90 мин
Тренировочный экзамен для курса Введение в современные веб-технологии 90 мин
Тренировочный экзамен Внимание! Тренировочный экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите проверить свои знания курса перед сдачей экзамена. Тренировочный экзамен можно сдавать сколько угодно один раз.
Экзамен
^