Веб программирование вопросы к экзамену

и зачету по дисциплине «Программирование в сетевых операционных системах»

2021-2022 учебный год

Направления «Математика и компьютерные науки»,

«Прикладная информатика», «Информационная безопасность»

1. (1) Определение языков разметки. HTML, версии.
2. (2) Структура Web-страницы (обычная, с фреймовой структурой).
3. (3) HTML. Форматирование текста, изменение шрифта, заголовки, списки.
4. (4) HTML. Вставка рисунков и таблиц.
5. (36) Верстка страниц при помощи таблиц.
6. (5) HTML. Гиперссылки, примеры.
7. (38) HTML. Карты изображений.
8. (37) HTML. Фреймы. Пример.
9. (6) HTML. Формы. Способы передачи данных на сервер. Элементы формы.
10. (14) Определение, назначение, версии каскадных таблиц стилей (CSS).
11. (8) Синтаксис CSS.
12. (32) Верстка страниц при помощи CSS.
13. (35) Статические и динамические фильтры.
14. (9) Управление положением на странице (свойства left, top, z-index, position, visibility, overflow).
15. (10) JavaScript, назначение, размещение, основные операторы.
16. (34) Классы языка JavaScript.
17. (11) Класс Data. Пример использования.
18. (12) Класс String. Пример использования.
19. (13) Работа с математическими формулами в JavaScript.
20. (7) Обращение к элементам формы из JavaScript.
21. (15) Обработка событий при помощи JavaScript.
22. (16) Объектная модель DHTML.
23. (19) Объект window.
24. (20) Объект document.
25. (17) Объекты history, location, screen, navigator.
26. (18) Объект event. Обработка событий.
27. (21) Функции  и свойства смены содержимого.
28. (22) Модель DOM. Уровни. Структура документа.
29. (23) DOM.  Навигация по дереву документов. Создание узлов.
30. (24) DOM. Редактирование дерева элементов.
31. (33) DOM. Работа с массивами элементов. Пример.
32. (25) Библиотека jQuery. Обращение к элементам.
33. (26) Создание элементов DOM с помощью jQuery. Пример реализации раскрывающегося списка.
34. (27) Системы управление контентом (CMS). Назначение, функции.
35. (28) Классификация CMS.
36. (29) Схема функционирования CMS. Проблемы установки и использования CMS.
37. (30) Установка CMS WordPress.
38. (31) Настройка WordPress. Плагины, шаблоны.
39. (39) Способы программирования на php в WordPress.

№ «Web-программалау негіздері» пәнінен емтиханға дайындалу сұрақтары Экзаменационные вопросы по дисциплине «основы Web-программирования» 1 Разновидности сайтов Сайт түрлері 2 Информационная архитектура. Способы организации сайта Ақпараттық архитектура. Сайтты ұйымдастыру амалдары 3 Создание таблицы на HTML5 HTML5 көмегімен кесте дайындау 4 Добавление ссылки на страницу Парақшаға сілтеме қосу 5 Работа с изображениями. Высота и ширина, описание картинки. Суреттермен жұмыс. Суреттің сипаттамасы, ені мен биіктігі 6 Семантические элементы HTML5 HTML5 семантикалық элементтері 7 HTML5-видео, HTML5-аудио. Параметры видео, аудио HTML5-видео, HTML5-аудио. Видео, аудио параметрлері 8 HTML5-формы. Кнопка, текстовое поле, группировка элементов формы. HTML5-формалары. Батырма, мәтіндік өріс, форма элементтерін топтастыру 9 Каскадные таблицы стилей. Способы подключения к странице Каскадтты стиль кестелері. Парақшаға қосу амалдары. 10 CSS. Базовый синтаксис (правило написания) CSS. Негізгі синтаксисі (жазылу ережесі) 11 CSS-верстка текста. Стили к тексту. CSS-мәтінді форматтау. Мәтінге қойылатын стиль. 12 CSS. Использование классов. Идентификаторы. Правило написания CSS. Класс, идентификатор қолдану. Жазылу ережесі 13 CSS. Работа со слоями. Свойство z-index. CSS. Қабаттармен жұмыс. z-index қасиеті. 14 CSS. Позиционирование элементов CSS. Элементтерді позициялау. 15 CSS. Стиль графических элементов. Скругление углов, рамка CSS. Графикалық элементтерге қойылатын стиль. Бұрыштарды дөңгелету, рамка 16 CSS. Переходы, трансформация, анимация CSS. Алмасу, трансформация, анимация 17 Java Script. Основные понятия Java Script. Негізгі түсініктер 18 Java Script. Подключение к странице, правило написания Java Script. Парақшаға қосу, жазылу ережесі

Вопросы к экзамену

0. Web-страницы: статическая и динамическая компоновка. Протокол HTTP. Верстка web-страниц с помощью языка HTML: базовые принципы.

1. Язык HTML 5: основные возможности и особенности (в т.ч. хранение данных на стороне клиента, использование встроенного аудио и видео, секционные элементы для разметки web-страниц, поддержка HTML-форм, геолокация и др.).

2. Назначение каскадных таблиц стилей (CSS). Внедрение и связывание стилей с HTML-документом. Использование CSS для управления шрифтами, цветом, фоном страницы. Идентификатор, класс, псевдокласс. Принципы и правила каскадирования стилей. Блочное форматирование, описание блочных элементов, виды позиционирования блоков. Трансформация и анимация блоков.

3. Язык JavaScript (JS) для браузеров. Основные особенности, место среди других языков программирования, преимущества и недостатки. Подключение JS-кода к HTML-документу. Примеры синтаксиса, типы данных, работа с массивами и строками. Управляющие конструкции в JS. Использование функций: объявление функции, функции в стрелочной нотации, встроенные функции (методы).

4. Объектная модель HTML-документа (DOM). Методы JS для работы с DOM. Примеры изменения структуры DOM с помощью JS. Виды событий на HTML-странице. Различные способы обработки событий с помощью JS.

5. Фреймворки для JS. Библиотека jQuery. Предпосылки применения, приёмы использования, работа jQuery с CSS. Обработка событий в jQuery. Рисование и анимация на HTML-страницах с использованием JS и jQuery.

6. Общие сведения о языке C# и web-платформе ASP.NET (Core). Типы, классы, структуры, переменные в C#. Объектно-ориентированный подход в C#. Работа с массивами и строками. Управляющие конструкции. Обобщённые классы, интерфейсы, коллекции.

7. Реализация идеологии «модель-представление-контроллер» (MVC) в ASP.NET. Разработка проекта MVC в Microsoft Visual Studio. Язык Razor. Маршруты. Пути. Ссылки. Методы ViewResult и ActionResult. Передача данных между контроллером и представлением. AJAX в проектах ASP.NET

8. Работа с данными в идеологии MVC для ASP.NET. Идеология «Code First». Технология LinQ: общие сведения, примеры работы со структурами данных, примеры запросов к базе данных, методы. Технология Entity Framework. Использование JSON и XML.

9. Язык Python. Общие сведения о языке (синтаксис, преимущества и недостатки). Использование Python для web-ориентированного программирования. Фреймворки для Python web-программирования.

Вопросы к экзамену «Web-программирование»

1. Стандарты разработки программного обеспечения для web.

2. Основные принципы взаимодействия CSS и HTML.

3. Классификация технологий web-разработки.

4. Клиентские технологии web-разработки – особенности функционирования, примеры.

5. Основные конструкции HTML: структура страницы.

6. Основные конструкции HTML: таблицы.

7. Основные конструкции HTML: формы.

8. Основные конструкции HTML: изображения.

9. Создание стилевых таблиц CSS.

10. Использование JavaScript.

11. Структура HTML-документа и элементы разметки заголовка документа.

12. Принципы гипертекстовой разметки.

13. HTML: формы, включающие следующие интерактивные элементы: текстовые поля; поля со списками; кнопки.

14. Каскадные таблицы стилей (CSS) – назначение и применения. Блочные и строчные элементы. Цвет и шрифты.

15. Выравнивание текста. Трансформация текста. Списки.

16. Метки списка. Позиционирование.

17. Выравнивание текста. Абсолютные и относительные координаты. Блоки. Наложение блоков.

18. Базовые типы данных HTML.

19. CSS: оформление списков. Базовые маркеры и числа: свойство list-style-type

20. Как создать сценарий JavaScript.

21. JavaScript: формы и циклы.

22. JavaScript: функции и концепция объектов.

23. JavaScript: строки, числа и массивы.

24. HTML: формы, включающие следующие интерактивные элементы: группа переключателей (radio); группа флажков (checkbox); кнопки.

25. Спецификация CSS2. Грамматика и правила разбора, общие для любой версии CSS.

26. CSS:наследование и каскадирование.

27. CSS: поток документа, блочная модель документа.

28. Оформление списков и ссылок с помощью CSS.

29. JavaScript: стандартные функции для обеспечения диалога пользователя с браузером

30. Создание HTML форм. Атрибуты открывающего тега формы <FORM>.

Дисциплина «Web-программирование»

Задание на осенний семестр 2022

1. Аудиторные работы на осенний семестр 2022

1. Выполнить контрольное задание 1 по PHP «Шаблон сайта» по вариантам. Прежде, чем выполнять контрольную работу, рекомендуется повторить Урок 3 «Создание сайта на PHP. Упражнение 1». Вариант определяется по таблице вверху задания. Варианты HTML-шаблонов скачайте здесь.

Требования к контрольной работе 1:

HTML-шаблон сайта перевести на PHP. Требования к php-сайту:
— блоки сайта, общие для всех страниц сайта должны включаться в web-страницу с использованием функции include();
— включаемых блоков должно быть не менее трех: верхнее меню, боковое меню, подвал;
— на php-сайте создать не менее трех взаимосвязанных гиперссылками страниц с разным содержимым основного (изменяемого) контента;
— выполненное упражнение разместить на бесплатном хостинге, в Timeline прикрепить выполненное задание в соответствующую ячейку и ссылку на бесплатный хостинг, где размещено задание.

2. Выполнить контрольную работу 2 по PHP и MySQL по вариантам. Варианты можно скачать здесь. Перед выполнением рекомендуется повторить Урок 5. «Формы и базы данных в web».  Вариант определяется по списку ниже. Выполненное упражнение разместить на бесплатном хостинге, в Timeline прикрепить выполненное задание в соответствующую ячейку и ссылку на бесплатный хостинг, где размещено задание.

Варианты для выполнения контрольных работ (по лабораторным работам):

1. Бушуева Екатерина Владимировна (вариант 1)
2. Бывальцев Роман Сергеевич (вариант 2)
3. Виноградов Виталий Андреевич (вариант 3)
4. Гуркин Евгений Александрович (вариант 4)
5. Доталов Алексей Игоревич (вариант 5)
6. Исаев Александр Евгеньевич (вариант 6)
7. Клецкин Вадим Сергеевич (вариант 7)
8. Кретов Сергей Сергеевич (вариант
9. Куштапин Максим Алексеевич (вариант 9)
10. Лапшина Татьяна Александровна (вариант 10)
11. Лысенко Юрий Алексеевич (вариант 11)
12. Макаров Андрей Николаевич (вариант 12)
13. Мамедова Наталья Юрьевна (вариант 13)
14. Мясникова Анна Игоревна (вариант 14)
15. Новоселов Федор Сергеевич (вариант 15)
16. Павлов Дмитрий Вячеславович (вариант 16)
17. Панков Дмитрий Викторович (вариант 17)
18. Подкорытов Виктор Леонидович (вариант 18)
19. Полухин Павел Александрович (вариант 19)
20. Пономарев Михаил Алексеевич (вариант 20)
21. Рязанов Руслан Андреевич (вариант 21)
22. Сиверюхин Дмитрий Юрьевич (вариант 22)
23. Сухин Семён Андреевич (вариант 23)
24. Тунгусова Инна Дмитриевна (вариант 24)
25. Чапаев Андрей Евгеньевич (вариант 25)
26. Шестакова Алена Андреевна (вариант 26)
27. Якимова Паулина * (вариант 27)

2. КУРСОВАЯ РАБОТА

1. Сдать курсовую работу  – создать сайт на любой CMS на свободную тему.

Курсовая работа должна быть размещена на бесплатном хостинге. Рекомендуется хостинг https://beget.com/ru/free-hosting

Этапы работы:

Этап 1. Выбрать тему сайта, создать структуру сайта, можно в виде вложенного списка. 

Минимальная структура:

• Главная страница с адаптивным слайдером
• Раздел 1
  • раздел 1.1
  • раздел 1.2
• Раздел 2
  • раздел 2.1
  • раздел 2.2
• Контакты с формой обратной связи и картой Google или Яндекс.
• Карта сайта для пользователей.

Этап 1. Собрать контент для сайта: тексты, фото, видео.

Этап 2. Создать прототипы страниц. Прототипов должно быть два: для главной страницы и для типовой. При проектировании дизайна предусмотреть наличие адаптивного слайдера на главной странице.

Ознакомительные материалы по прототипам можно скачать по адресу https://yadi.sk/d/50wX34eQwJvJkA 

Видео взято с курсов повышения квалификации, поэтому может быть отвлечение ведущего на аудиторию. Вы можете воспользоваться любыми другими обучающими материалами.

Прототип можно сделать в цветном или черно-белом варианте, в графической программе или аккуратно от руки на выбор. Обязательно должны быть подписи к блокам. Примеры прототипов приведены ниже. Щелкните по изображению для увеличения.

Этап 3.  Согласно прототипам создать дизайны в Figma. Для этого необходимо зарегистрироваться на сайте Figma.com

Технологии Figma изучить самостоятельно. Обучающие материалы можно скачать по адресу https://yadi.sk/d/UbaEJrsltCUMww

Видео взято с курсов повышения квалификации, поэтому может быть отвлечение ведущего на аудиторию. Вы можете воспользоваться любыми другими обучающими материалами.

Этап 4.  По дизайнам в Figma создать два HTML шаблона (для главной страницы и для типовой), адаптивные под различные устройства. Технологию адаптивной верстки выбрать самостоятельно (Flex, Bootstrap, медиазапросы или др.).

Этап 5. Реализовать HTML-шаблоны на CMS по выбору.

Этап 6. Реализовать структуру сайта и наполнить сайт контентом.

Одним из важнейших критериев при оценке сайта будет проверка возможности работать контент-менеджеру без HTML-кода. Т.е. все тексты, изображения, видео должны иметь возможность вставки на сайт без использования знаний HTML.

Этап 7. Написать пояснительную записку. Скачать требования к оформлению ПЗ

3.  ЭКЗАМЕН

До экзамена допускаются студенты, которые сдали аудиторные работы.

Для получения оценки за экзамен необходимо пройти тест в системе Timeline по языку программирования PHP.

Оценка за тест выставляется согласно рейтинговой системе РГППУ

• 86-100% — отлично
• 71-85% — хорошо
• 55-70% — удовлетворительно

Оценка за экзамен выставляется как средняя по всем контрольным точкам (кроме курсовой)

---

Осень 2021

Установочные лабораторные работы 4 ч.

Выполнить уроки 1, 2, 3 из раздела Учебные курсы – Уроки PHP и MySQL

Работы вложить в Таймлайн

---

Домашняя контрольная работа на весенний семестр 2022 г.

1. Изучить язык программирования PHP. Обучающие материалы – бесплатный видеокурс Михаила Русакова
https://blog.myrusakov.ru/freephp7.html
Сдавать эти уроки не надо, только для самостоятельного обучения.

2. Выполнить контрольную работу.
— методические указания к контрольной работе есть в Timeline, также Вы можете скачать их здесь;
— обучающие материалы к контрольной работе – видеокурс Михаила Русакова по ссылке https://yadi.sk/d/qCYCs5N1peDE6Q

3. Выполненную контрольную работу разместить на бесплатном хостинге, например  на https://beget.com/ru/free-hosting, в Timeline прикрепить саму работу в соответствующую ячейку и ссылку на бесплатный хостинг, где размещено задание.

4. Лабораторные работы — выполнить урок 5 из раздела  Учебные курсы – Уроки PHP и MySQL. Работу разместить на бесплатном хостинге, например  на https://beget.com/ru/free-hosting

5. ЗАЧЕТ С ОЦЕНКОЙ — тест по PHP в системе Таймлайн. Теорию к зачету можно скачать здесь. Для допуска к зачету необходимо сдать домашнюю контрольную работу и урок 5. В тесте 30 вопросов, дается 90 минут, одна попытка. Оценка выставляется по результатам теста:

— 55-70% — удовлетоврительно;

— 71-85% — хорошо;

— 86-100% — отлично.

---

---

Темы ВКР

Для групп «Информационные технологии в медиаиндустрии»

• Интернет-магазин средствами системы управления контентом (CMS по выбору Joomla, WordPress, MODx и др.)
• Web-сайт компании средствами системы управления контентом (CMS по выбору Joomla, WordPress, MODx и др.)

Для групп «Компьютерные технологии»

• Web-сайт компании средствами системы управления контентом (CMS по выбору Joomla, WordPress, MODx и др.) + электронное руководство
• ЭУП «Создание сайта средствами CMS MODx Revolution»
• ЭУП «Создание сайта средствами CMS MODx Evolution»
• ЭУП «Создание сайта средствами CMS Drupal»
• ЭУП «Создание интернет-магазина средствами CMS MODx»
• ЭУП «Создание интернет-магазина средствами CMS WordPress»
• ЭУП «Создание интернет-магазина средствами CMS OpenCart (или ocStore)»
• ЭУП «Адаптивная верстка web-сайта»
• ЭУП «Создание сайта средствами PHP и MySQL»
• ЭУП «Язык jQuery»
• ЭУП «Верстка многостраничных изданий в Adobe InDesign»
• ЭУП «Графический редактор Adobe Illustrator»
• ЭУП «SEO-оптимизация и продвижение сайта в сети Интернет»
• ЭУП «Препроцессор Less — динамический язык стилей»
• ЭУП «Фреймворк Yii»
• ЭУП «Дизайн сайтов в программе Figma»

Для групп «Информационная безопасность»

• Обеспечение безопасности веб-сайта компании (создание сайта + безопасность)
• ЭУП «Web-программирование и защита в среде Интернет»
• ЭУП «Средства защиты web-сайта на CMS (WordPress, Joomla, MODx и др.)»

---

1. Протокол HTTP. Структура запросов и ответов.

2. CGI. Способы передачи данных. Запоминание состояния.

3. Active Server Pages. Особенности синтаксиса. Файл GLOBAL.ASA

4. Объекты ASP: Application, Session, Server.

5. Объекты ASP: Request и Response.

6. Компоненты ASP: ADO.

7. Компоненты ASP: File Access, Browser Capabilities, .Ad Rotator, Content Linking.

8. Доступ к базам данных из ASP: DSN, файлы включения.

9. Доступ к базам данных из ASP: RecordSet, его методы и свойства.

10. Perl. Синтаксис языка, декларации и предложения.

11. Perl. Циклы и управление ими.

12. Perl. Скаляры, массивы и хеши.

13. Perl. Понятие регулярных выражений.

14. Perl. CGI-программирование с использованием CGI.pm

15. Perl. Работа с текстовыми файлами.

16. Perl. Работа с теневыми посылками.

17. Perl. Доступ к базам данных через DBI/DBD

18. PHP. Особенности языка.

19. PHP. Операторы INCLUDE и REQUIRE. Особенности написания функций.

20. PHP. Работа с классами.

21. PHP. Регулярные выражения.

22. PHP. Работа с текстовыми файлами.

23. PHP. Обработка входных данных.

24. PHP. Доступ к базам данных.

25. PHP. Способы управления сеансами. Работа с теневыми посылками.

26. PHP. Функции управления сеансами.