Введение 4
1 Обзор литературы и интернет-источников 7
1.1 Обзор литературных источников 7
1.2 Обзор интернет-источников 15
1.3 Анализ рабочей программы дисциплины «Web-программирование» .. 21
1.4 Общие требования по созданию электронных учебных пособий 25
2 Описание электронного учебного пособия 29
2.1 Педагогический адрес 29
2.2 Структура электронного учебного пособия 29
2.3 Интерфейс и навигация 31
2.4 Описание теоретического материала 35
2.5 Описание практического материала 36
2.6 Описание справочного материала 39
2.7 Описание редактора 41
2.8 Методические указания 44
2.8.1 Методические указания для преподавателя 44
2.8.2 Методические указания для учащегося 44
Заключение 46
Список использованных источников 48
Приложение 51
В настоящее время люди активно пользуются интернетом как помощником в поиске информации. Практически каждый человек ищет информацию на просторах интернета ежедневно.
Веб-сайт в сети (как правило, Интернет) — это ресурс, который состоит из одной или нескольких веб-страниц с гипертекстовым, текстовым, медийным (картинки, видео, аудио) и другими типами содержания, доступного по одному из протоколов веб-семейства.
В век информационных технологий сайт является лицом организации в сети Интернет. По реализации сайта у посетителя складывается первое впечатление об организации. Поэтому на сайте информация должна быть легко-доступна и грамотно расположена, что позволяет пользователю легко найти необходимую для него информацию.
Веб-сайт выполняет три основные функции: имиджевую, маркетинговую и информационную.
Имиджевая функция отвечает за формирование образа владельца сайта среди интернет-пользователей. Главную роль при этом играет оформление ресурса.
Маркетинговая функция помогает продавать товар или же услуги, представленные на сайте. Она играет важную роль в работе интернет- магазинов, корпоративных ресурсов и промо-сайтов.
Информационная функция заключается в том, что интернет-ресурс должен предоставить посетителям максимум регулярно обновляемой тематической информации. Ярким примером сайта, для которого информация играет основную роль, является информационный портал. Портал — это крупный сайт, отличающийся высокой посещаемостью и большим количеством информации определенной тематики.
Для создания эргономичного сайта необходимо владеть современными технологиями разработки сайтов. На данный момент времени сайты разрабатываются с использованием клиентских и серверных технологий разработки сайтов.
Наиболее известными серверными технологиями являются Apache, PHP и MySQL.
Apache — это веб-сервер, который обрабатывает запросы от браузера.
Скриптовый язык программирования (PHP) — применяется для веб-разработки.
MySQL — свободная реляционная система управления базами данных.
Современными клиентскими технологиями для разработки сайтов считаются HTML, CSS и JavaScript.
Язык разметки гипертекста (Hypertext Markup Language, HTML) — стандартизированный язык разметки документов для интернета.
Каскадные таблицы стилей (Cascading Style Sheets, CSS) — формальный язык описания внешнего вида документа, написанного с использованием HTML
JavaScript — скриптовый язык программирования, который позволяет делать веб-страницы «живыми». Также он позволяет делать сайты более интерактивными.
Актуальность выбранной темы заключается в том, что отсутствуют электронные учебные пособия по данной теме, содержащие теоретический, практический материал, контролирующий блок и адаптированный к тематическому плану раздела «Программирование на стороне клиента» дисциплины «Web-программирование»
Объект работы — процесс обучения бакалавров по направлению подготовки 09.03.02 «Информационные системы и технологии», профилю под-готовки «Информационные технологии в медиаиндустрии» дисциплине «Web-программирование».
Предметом работы являются учебные материалы по дисциплине «Web- программирование».
Цель выпускной квалификационной работы — разработать электронное учебное пособие «Язык программирования JavaScript»
Для достижения поставленной цели необходимо выполнить следующие задачи:
• проанализировать литературу и интернет-источники по теме «Язык программирования JavaScript» с целью формирования теоретической базы для наполнения учебного пособия;
• проанализировать рабочую программу с целью формирования структуры электронного учебного пособия;
• выделить требования, предъявляемые к электронному учебному пособию;
• реализовать электронное учебное пособие на тему «Язык программирования JavaScript».
В настоящее время, в условиях активного проникновения инфокоммуникационных технологий в систему образования и накопления образовательных ресурсов в сети Интернет, актуальной становится задача переосмысления теории организации учебного процесса и процесса управления образованием, процесса передачи систематизированных знаний, навыков и умений от одного поколения к другому, и создания новых методов и технологий обучения.
Сегодня ни у кого не вызывает сомнения тот факт, что электронные учебные пособия позволяют обогатить курс обучения, дополняя его разнообразными возможностями компьютерных технологий, и делают его, таким об-разом, более интересным и привлекательным для учащихся.
Исключительно высокая степень наглядности представленного матери-ала, взаимосвязь различных компонентов курсов, комплексность и интерактивность делают программы незаменимыми помощниками, как для учащегося, так и для преподавателя. Благодаря комплексу разнообразных возможностей процесс обучения становится более эффективным и интересным.
В процессе выполнения выпускной квалификационной работы был выполнен обзор литературных и интернет-источников по теме «Язык программирования JavaScript».
Также была подробно рассмотрена рабочая программа дисциплины «Web-программирование», которая входит в учебный план для подготовки студентов всех форм обучения по направлению 09.03.02 «Информационные системы и технологии» профиль подготовки «Информационные технологии в медиаиндустрии», в которой рассмотрены:
• цель изучения дисциплины;
• задачи дисциплины;
• результаты освоения дисциплины;
• тематический план изучения дисциплины;
• раздел, для которого создавалось электронное учебное пособие.
С помощью технологий разработки веб-сайтов разработано электронное учебное пособие.
Целью выпускной квалификационной работы было разработать электронное учебное пособие. Для достижения цели были выполнены все постав-ленные задачи.
1. Беляев С. А. Разработка игр на языке JavaScript [текст]: учебное пособие / С. А. Беляев. — Санкт-Петербург: Лань, 2016. —128 с.
2. Браун Э. Изучаем JavaScript: руководство по созданию современных веб-сайтов [Текст] / Э. Браун. — 3-е изд. — Санкт-Петербург: ООО «Альфа-книга», 2017. — 368 с.
3. Брокшмидт К. Пользовательский интерфейс приложений для Windows 8, созданных с использованием HTML, CSS и JavaScript [Текст]: учебное пособие / К. Брокшмидт. — 2-е изд. — Москва, 2016. — 395 с.
4. Васильев А. Н. JavaScript в примерах и задачах [Текст]: книга / А.Н. Васильев. — Москва: Эксмо, 2017. — 720 с.
5. Дакетт Д. JavaScript и jQuery. Интерактивная веб-разработка [Текст] / Д. Дакетт. — Москва: Издательство «Э», 2017 — 640 с.
6. Дронов В. А Laravel. Быстрая разработка современных динамических Web-сайтов на PHP, MySQL, HTML и CSS. [Текст] / В.А. Дронов. — Санкт-Петербург: БХВ-Петербург, 2017. — 768 с.
7. Зудилова Т. В. Web-программирование JavaScript [Текст] / Т.В. Зу- дилова, М. Л. Буркова. — Санкт-Петербург: Университет ИТМО, 2014. — 68 c.
8. Кингсли Х. Э. JavaScript в примерах [Текст]: учебное пособие / Х. Э. Кингсли, Х. К. Кингсли. — Москва: ДМК Пресс, 2014. — 272 с.
9. Кириченко А. В. Динамические сайты на HTML, CSS, Javascript и Bootstrap. Практика, практика и только практика [Текст] / А. В. Кириченко, Е. В. Дубовик. — 2-е изд. — Санкт-Петербург: Наука и Техника, 2018. — 272 c.
10. Маккоу А. Веб-приложения на JavaScript. [Текст] / А. Маккоу. — Санкт-Петербург: Питер, 2015. — 288 с.: ил.
11. Макфарланд Д. JavaScript и jQuery: исчерпывающее руководство [Текст] / Д. Макфарланд. — Москва: Эксмо, 2016. — 880 с.
12. Морган Н. JavaScript для детей. Самоучитель по программированию [Текст]: учебное пособие / Н. Морган. — Москва: Манн, Иванов и Фербер, 2016. — 288 с.
13. Никольский А. П. JavaScript на примерах. Практика, практика и только практика [Текст] / А. П. Никольский. — Санкт-Петербург: Наука и Техника, 2018. — 272 c.
14. Прохоренок Н. А. HTML, JavaScript, PHP и MySQL. Джентельменский набор Web-мастера [Текст] / Н. А. Прохоренок, В. А. Дронов. — Санкт- Петербург, 2015. — 768 с.
15. Пьюривал С. Основы разработки веб-приложений [Текст] / С. Пьюривал. — Санкт-Петербург: Питер, 2015. — 272 с.
16. Разработка электронного учебного пособия [Электронный ресурс]. — Режим доступа: https://sites.google.com/site/razrabotkaelektronnogoposo- bia/(дата обращения: 20.10.2018).
17. Рафаэлло Ч. Графика на JavaScript [Текст] / Ч. Рафаэлло. — Санкт- Петербург: Питер, 2013. — 272 с.
18. Резиг Д. Секреты JavaScript ниндзя [Текст] / Д. Ризиг, Б. Бибо, И. Марас. — Санкт-Петербург: ООО «Альфа-книга», 2017. — 544 с.
19. Резиг Д. JavaScript для профессионалов [Текст] / Д. Ризиг, Р. Фергюсон, Д. Пакстон. — Москва: ООО «И.Д. Вильямс», 2016. — 240 с.
20. Симпсон К. ES6 и не только [Текст] / К. Симпсон. — Санкт- Петербург: Питер, 2017. — 336 с.
21. Удовицкий И. А. Электронное учебное пособие «Программирование на JavaScript» [Электронный ресурс]. — Режим доступа: https://cyberleninka.ru/article/n/elektronnoe-uchebnoe-posobie-programmirovanie- na-javascript(дата обращения: 24.10.2018).
22. Учебники, задачники, справочники по web языкам [Электронный ресурс]. — Режим доступа: http://code.mu/(дата обращения: 20.10.2018).
23. Центральный JavaScript-ресурс [Электронный ресурс]. — Режим доступа: https://javascript.ru/(дата обращения: 20.10.2018).
24. HTML5BOOK.ru— HTML, CSS, JavaScript и jQuery [Электронный ресурс]. — Режим доступа: https://html5book.ru/(дата обращения: 20.10.2018).
25. Labs.org.ru— Практические работы и задания по программированию, их выполнение [Электронный ресурс]. — Режим доступа: http://labs.org.ru/(дата обращения: 13.12.2018).
26. Metanit.com— Сайт о программировании [Электронный ресурс]. — Режим доступа: https://metanit.com/(дата обращения: 20.10.2018).
27. Rainbow — Javascript Code Syntax Highlighting [Электронный ресурс]. — Режим доступа: https://craig.is/making/rainbows(дата обращения: 20.10.2018).
28. Site-do.ru— Как создать свой сайт бесплатно, быстро сделать сайт самому [Электронный ресурс]. — Режим доступа: https://site-do.ru/(дата об-ращения: 13.12.2018).
29. Wisdomweb.ru— учебники для веб-разработчиков [Электронный ресурс]. — Режим доступа: http://www.wisdomweb.ru/(дата обращения: 20.10.2018).
30. Wm-school.ru- Сайт для вебмастеров, учебники для веб-программистов [Электронный ресурс]. — Режим доступа: http://wm-school.ru/(дата обращения: 13.12.2018).