Основы web-разработки — Вводный модуль
Оглавление / Contents
- Цели и результаты освоения дисциплины
- Тематическое содержание учебного курса (понедельный план с указанием видов работ)
- Рекомендации по работе с курсом
- Информационные ресурсы
Требования
Для успешного освоения курса желательно знать:
- основы информатики и вычислительной техники
- английский язык на уровне чтения со словарем и выше
Формируемые результаты обучения
В результате освоения онлайн-курса вы будете:
- знать место html-верстки процессах и проектах создания и поддержки веб-приложений
- иметь представление об основах функционирования сети Internet
- способен работать со специализированными текстовыми редакторами и создавать html-документы
Компетенции образовательного стандарта
ОПК-2. Способен использовать современные информационные технологии и программные средства, в том числе отечественного производства, при решении задач профессиональной деятельности;
ОПК-3. Способен решать стандартные задачи профессиональной деятельности на основе информационной и библиографической культуры с применением информационно-коммуникационных технологий и с учетом основных требований информационной безопасности;
ОПК-7. Способен разрабатывать алгоритмы и программы, пригодные для практического применения;
Неделя | Темы (название) | Видеоматериалы, текстовые файлы, дополнительные материалы, примеры решения задач и т.д. | Проверочная работа /практическая работа (тест, задание, задача и т.д.) |
Модуль 1. Основы HTML | |||
| 1 | Тема 1.1 Введение в HTML | Видеолекция 1 «Основные принципы языка разметки HTML» Конспект лекции в расширенном формате | Практическая работа: Создание простой HTML-страницы. Использование основных тегов. Работа с атрибутами тегов. |
| 2 | Тема 1.2 Структура HTML-документа | Видеолекция 2 «Глубокое понимание структуры HTML-документа и взаимодействие его элементов» Конспект лекции в расширенном формате | Практическая работа: Вложенность тегов и их влияние на структуру документа. Использование списков |
| 3 | Тема 1.3 Формы и мультимедиа в HTML | Видеолекция 3 «Основы работы с формами, встраивание аудио и видео» Конспект лекции в расширенном формате | Практическая работа: Создание форм с использованием тегов. Встраивание аудио и видео с использованием тегов. |
| 3 | Контрольный тест 1 | Тест | |
Модуль 2. Основы CSS | |||
| 4 | Тема 2.1 Введение в CSS | Видеолекция 4 «Роль CSS в веб-разработке, базовые принципы стилей» Конспект лекции в расширенном формате | Практическая работа: Применение стилей Изменение цветов, шрифтов, и размеров текста Основы работы с классами и идентификаторами |
| 5 | Тема 2.2 Позиционирование и блочная модель | Видеолекция 5 «Основы позиционирования элементов и модель блоков в CSS» Конспект лекции в расширенном формате | Практическая работа: Использование свойств position, display, float. Другие способы позиционирования Работа с отступами и границами блоков. |
| 6 | Тема 2.3 Адаптивный дизайн и медиазапросы | Видеолекция 6 «Принципы создания адаптивных интерфейсов для разных устройств» Конспект лекции в расширенном формате | Практическая работа: Использование медиазапросов для адаптации страницы под разные экраны Создание резинового макета Тестирование адаптивности на различных устройствах. |
| 6 | Контрольный тест 2 | Тест | |
Модуль 3. Основы сети Internet | |||
| 7 | Тема 3.1 Основы работы сети и протокол HTTP | Видеолекция 7 «Что происходит когда мы набираем адрес сайта в адресной строке браузера и нажимаем Enter» Конспект лекции в расширенном формате | Практическая работа: Работа с whois и nslookup Использование средств разработчика в браузере |
| 8 | Тема 3.2 Введение в JavaSсript | Видеолекция 8 «Роль JavaSсript в веб-разработке, некоторые готовые библиотеки» Конспект лекции в расширенном формате | Практическая работа: Обработка данных форм на стороне клиента Создание адаптивного слайдера изображений на веб-странице |
| 9 | Тема 3.3 Другие веб-технологии | Видеолекция 9 «CMS, фреймворки, веб-сервисы и API» Конспект лекции в расширенном формате | Практическая работа: Создание чат-бота |
9 | Итоговый тест |
| Тест |
Для успешного освоения дисциплины вам необходимо:
- Последовательно изучить материалы всех тематических модулей (содержание модулей указано в разделе "Тематическое содержание курса").
- Выполнить необходимые тестовые задания (для перехода на следующий тематический модуль необходимо выполнить тест текущего модуля не менее чем на 60%).
- Пройти итоговый тест.
- Документация и статьи о html и css - htmlbook.ru
- Валидатор html и css разметки - validator.w3.org
- Современный учебник javascript - learn.javascript.ru
- Официальный сайт CMS Wordpress - wordpress.org
- Официальный сайт инструмента для отладки REST API - postman.com