|
|||||||||||||||||||||||||||||||||
|
Питання до іспиту з дисципліни «Сучасні методи 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 "розрахунок прямокутника", який за шириною та довжиною прямокутника обчислює його периметр, площу та довжину діагоналі. веб-сторінка має два текстових поля:
які містять відповідні числа. Обчислені значення периметра, площі та довжини діагоналі розміщуються в написах Зовнішній вигляд веб-сторінки
Сигналом для початку обчислення служить зміна числа в текстовому полі. Варіант 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, який перевіряє знання таблиці множення. Веб-сторінка містить текстовий напис для показу загального рахунку, кнопку «наступне завдання», текстовий напис для показу завдання, текстове поле для вводу відповіді, кнопку «перевірити» та текстовий напис для виводу результатів перевірки. Зовнішній вигляд веб-сторінки
Варіант 7 Створити JavaScript, який перевіряє знання таблиці множення. Веб-сторінка текстовий напис для показу загального рахунку, кнопку «наступне завдання», текстовий напис для показу завдання, радіокнопки для вибору правильного варіанту відповіді, та текстовий напис для виводу результатів перевірки. Вибір варіанту відповіді є сигналом до початку перевірки. Для кожного завдання користувач має лише одна спробу вибору. Зовнішній вигляд веб-сторінки
Варіант 8 Створити JavaScript «Транслітерація», який перетворює український текст за правилом транслітерації: Друкуючи у верхньому текстовому полі український текст, користувач отримує в нижньому полі перетворений текст. ( Правила транслітерації ) Зовнішній вигляд веб-сторінки Варіант 9 Створити за допомогою JavaScript дерево для показу їєрархії. apple potatoes; Натискання на посилання згортає або розгортає перелік під-розділів. Варіант 10 Реалізувати за допомогою JavaScript перевірку формату дійсного числа: Якщо ввести у текстове поле Надрукуйте дійсне число рядок, у якому неможливо впізнати число, то поряд із текстовим полем з'являється текст, який інформує про помилку. Вказівки
Варіант 11 Реалізувати за допомогою JavaScript перевірку формату дати: Якщо ввести у текстове поле Надрукуйте дату рядок, у якому неможливо впізнати дату, то поряд із текстовим полем з'являється текст, який інформує про помилку. Варіант 12 Реалізувати за допомогою 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';
|
||||||||||||||||||||||||||||||||
© Запорізький національний університет |