Питання на іспит

ukr

Сучасні методи веб-програмування
Сучасні методи веб-програмування
Лекції
Лабораторні роботи
Питання на іспит
Індивідуальні завдання

Питання

до іспиту з дисципліни «Сучасні методи Web-програмування»

для студентів спеціальності 6.040302 - «Інформатика» (кваліфікація «Бакалавр»)

 

Екзаменаційний білет містить 2 теоретичних питання та 1 практичну задачу. Усі задачі охоплюють питання internet-технологій, а саме: мови HTML, CSS, XML, JavaScript, технологію PHP, та пропонують написати фрагмент програмного коду для реалізації.

 

Теоретичні питання, що охоплюють усі теми екзаменаційних білетів:

1.     Загальні правила розмітки в XML: алфавіт, зарезервовані слова, елементи, атрибути, коментарі.

2.      Структура документа XML. Перевірка правильності документа XML.

3.     Мова адресації Xpath: приклади простих виразів

4.     Перетворення XML з допомогою XSLT

5.      Основні вирази XSL: value-of, for-each, xsl:element, xsl:attribute, xsl:if.

6.     Простори імен в XML: призначення, ідентифікація, визначення.

7.        XML, вбудований в HTML

8.     Визначення технології AJAX та її призначення.

9.      Структура простого додатка AJAX.

10.  Основне призначення мови PHP.

11.  Програмне забезпечення необхідне для виконання динамічних сторінок, написаних на мові PHP

12.  Послідовність дій під час створення на мові PHP простої веб-сторінки

13.  Основи синтаксису PHP: імена змінних, функцій, констант, код програми «Hello World»

14.  Синтаксис PHP: типи змінних та даних, керуючі структури

15.  Синтаксис PHP: цикли, умовні оператори. Варіанти синтаксису.

16.  Синтаксис PHP: масиви, функції.

17.  Синтаксис PHP: оголошення класу, створення та модифікація об'єктів, використання об'єктів.

18.  Приймання данних з форми. Масив $_REQUEST. Приклад простої форми та програми, яка обробляє отримані дані

19.  Примітивні операції з рядками в PHP.

20.  Використання регулярних виразів в PHP

21.  Механізм сесій в PHP. Місце зберігання даних сесії. Послідовність дій сервера та клієнта під час роботи з сесією.

22.  Сесії в PHP: масив $_SESSION, створення сесії, збереження даних в сесії, використа­ння даних сесії.

23.  Бази даних в PHP на прикладі MySQL: з'єднання з базою, виконання запитів SQL, отримання даних

24.  Мережні можливості PHP : curl, socket, file, include.

25.  Обробка XML в PHP: підхід з використанням SimpleXML та DOM, SAX.

26.  Обробка XML в PHP: підхід з використанням SAX.

27.  Мова розмітки гіпертекста HTML.

28.  Стилі відображення гіпертекста CSS.

 

 

Завдання до іспиту

з дисципліни

«Сучасні методи Web-програмування»

для студентів спеціальності 6.040302 - «Інформатика» (кваліфікація «Бакалавр»)

 

Варіант 1

Створити код JavaScript для перетворення одиниць, який за величиною температури за шкалою Фаренгейта обчислює величину температури в градусах Цельсія і навпаки. Веб-сторінка має два текстових поля:

  • температура за Фаренгейтом
  • температура за Цельсієм

які містять відповідні числа.

Зовнішній вигляд:

Температура за Фаренгейтом

Температура за Цельсієм

Сигналом для початку обчислення служить зміна числа в текстовому полі.

Температура за Фаренгейтом (F) і температура за Цельсієм (C) зв'язані формулою C=5/9 * (F-32)


Варіант 2

Створити код JavaScript "розрахунок прямокутника", який за шириною та довжиною прямокутника обчислює його периметр, площу та довжину діагоналі. веб-сторінка має два текстових поля:

  • Довжина
  • Ширина

які містять відповідні числа. Обчислені значення периметра, площі та довжини діагоналі розміщуються в написах

Зовнішній вигляд веб-сторінки

Довжина

Ширина

Периметр

10

Площа

6

Довжина діагоналі

3.6555

Сигналом для початку обчислення служить зміна числа в текстовому полі.


Варіант 3

Створити код JavaScript для перегляду зображень, який в параметрах веб-сторінки отримує імена файлів, як масив у форматі JSON(наприклад,

var a=['file1.jpg','file2.gif','file34.gif']

) та показує одне вибране зображення. Вибір зображень відбувається за допомогою двох кнопок: «Вперед» та «Назад».

Зовнішній вигляд веб-сторінки


Варіант 4

Створити код JavaScript для перегляду зображень, який в параметрах веб-сторінки отримує імена файлів, як масив у форматі JSON(наприклад,

var a=['file1.jpg','file2.gif','file34.gif']

) та показує одне вибране зображення. Вибір зображень відбувається за допомогою натискання на іконки – зменшені копії зображень.

Зовнішній вигляд веб-сторінки


Варіант 5

Створити код JavaScript "екранна клавіатура", який містить кнопки з літерами (перелік літер задається як масив у форматі JSON(наприклад,

var a=['а','б','в','г','д','е','є','и','і','ї']

) та велике текстове поле, текст в якому можна набирати, натискаючи мишею на відповідні кнопки.

Зовнішній вигляд веб-сторінки




Варіант 6

Створити JavaScript, який перевіряє знання таблиці множення. Веб-сторінка містить текстовий напис для показу загального рахунку, кнопку «наступне завдання», текстовий напис для показу завдання, текстове поле для вводу відповіді, кнопку «перевірити» та текстовий напис для виводу результатів перевірки.

Зовнішній вигляд веб-сторінки

Загальний рахунок 90% (9 правильних відповідей з 10)

3 × 4 =

Помилка, правильна відповідь «12»


Варіант 7

Створити JavaScript, який перевіряє знання таблиці множення. Веб-сторінка текстовий напис для показу загального рахунку, кнопку «наступне завдання», текстовий напис для показу завдання, радіокнопки для вибору правильного варіанту відповіді, та текстовий напис для виводу результатів перевірки. Вибір варіанту відповіді є сигналом до початку перевірки. Для кожного завдання користувач має лише одна спробу вибору.

Зовнішній вигляд веб-сторінки

Загальний рахунок 90% (9 правильних відповідей з 10)

3 × 4 =
11
12
16
7

Помилка, правильна відповідь «12»


Варіант 8

Створити JavaScript «Транслітерація», який перетворює український текст за правилом транслітерації: Друкуючи у верхньому текстовому полі український текст, користувач отримує в нижньому полі перетворений текст. ( Правила транслітерації )

Зовнішній вигляд веб-сторінки


Варіант 9

Створити за допомогою JavaScript дерево для показу їєрархії.

fruits

apple
pineapple;
appricot;
pear;
lemon;

vegetables

potatoes;
beetroot;
carrots;
pear;

Натискання на посилання згортає або розгортає перелік під-розділів.


Варіант 10

Реалізувати за допомогою JavaScript перевірку формату дійсного числа: Якщо ввести у текстове поле

Надрукуйте дійсне число

рядок, у якому неможливо впізнати число, то поряд із текстовим полем з'являється текст, який інформує про помилку.

Вказівки

  • Текстове поле має впізнавати всі формати дійсного числа, дозволені в мові програмування JavaScript
  • Дробову та цілу частин и числа можна розділяти комою або крапкою.

Варіант 11

Реалізувати за допомогою JavaScript перевірку формату дати: Якщо ввести у текстове поле

Надрукуйте дату

рядок, у якому неможливо впізнати дату, то поряд із текстовим полем з'являється текст, який інформує про помилку.


Варіант 12

Реалізувати за допомогою JavaScript маску для вводу дійсного числа, таким чином. щоб у текстовому полі

Надрукуйте дійсне число

неможливо було надрукувати нічого крім дійсного числа, то при спробі помилкового вводу поряд із текстовим полем з'являється текст, який інформує про помилку.

Вказівки

  • Текстове поле має впізнавати всі формати дійсного числа, дозволені в мові програмування JavaScript
  • Дробову та цілу частин и числа можна розділяти комою або крапкою.

Варіант 13

Реалізувати за допомогою JavaScript створення "електронного підпису" форми, таким чином. щоб всі відправлені елементи форми об'єднувалися в один рядок із секретним словом, а потім обчислювалася сума кодів усіх символів. Наприклад, для форми

<form>

Надрукуйте ім'я<input type='text" name="nаme" value="name"><br>

Надрукуйте email<input type='text" name="email" value="name@at.ua"><br>

Надрукуйте дійсне число<input type='text" name="number" value="12.3"><br>

</form>

Потрібно створити рядок

nаme=name&email=name@at.ua&number=12.3&secret=2315765

та обчислити його контрольну суму.


Варіант 14

Реалізувати за допомогою JavaScript "перевірку на людяність": код javascript випадковим чином вибирає число з 2 цифр та відображає його у вигляді набору "пікселів" а потім вимагає від користувача ввести це число і перевіряє правильність вводу. Для кожної цифри заздалегідь задано свою множину "пікселів" (кожен має свої координати). Після вибору числа відповідні цифрам набори "пікселів" показуються у випадковій послідовності.

Наприклад:

Введіть число

Помилка


Поради

Посилання на об'єкт DOM найпростіше отримати за допомогою функції

document.getElementById();

Наприклад, якщо в коді HTML ви маєте фрагмент

<a href="http://www.znu.edu.ua" id="mylink">visible text</a>

то відповідний об'єкт DOM можна отримати як

var  mylink=document.getElementById('mylink');

Отримавши посилання на об'єкт DOM можна отримати значення атрибута:

var  mylinkHref=mylink.href;

або встановити значення атрибута:

mylink.href="http://www.znu.edu.ua/contacts";

Видимий текст всередині мітки встановлюється і читається з допомогою атрибута innerHTML:

var oldText=mylink.innerHTML;

mylink.innerHTML='new text';

Особливим атрибутом є style, який керує властивостями CSS. Наприклад, продовжуючи початий вище приклад, можна встановити колір шрифта і тла:

mylink.style.color='red';

mylink.style.backgroundColor='yellow';

 

 

 

© Запорізький національний університет