Відмінності між версіями «Завдання ПВЗ МП»
(Створена сторінка: ==Загальні питання роботи мережі Інтернет. Завдання.== Для того щоб відповідати на дані...) |
м |
||
(не показані 2 проміжні версії цього учасника) | |||
Рядок 1: | Рядок 1: | ||
− | ==Загальні питання роботи мережі Інтернет | + | ==Загальні питання роботи мережі Інтернет.== |
Для того щоб відповідати на дані завдання, треба: | Для того щоб відповідати на дані завдання, треба: | ||
− | + | Створити пошту на сайті Google | |
− | + | Знайти відповіді в інтернеті та опрацювати їх. ( КЭП ! =) ) | |
− | + | Надіслати їх на пошту викладача даного предмету. | |
В темі листа необхідно вказати тему наступним чином : КНМП iN <Прізвище та ім'я>, де N - номер завдання. | В темі листа необхідно вказати тему наступним чином : КНМП iN <Прізвище та ім'я>, де N - номер завдання. | ||
Рядок 67: | Рядок 67: | ||
== HTML та CSS == | == HTML та CSS == | ||
+ | |||
+ | Завдання цього розділу здати потрібно на сесії | ||
+ | |||
+ | === h 3 === | ||
+ | * Зробити точну копію "сторінки відвідування" журналу. | ||
+ | [[Файл:Table_for_webdev.png|200px]] | ||
+ | [[Файл:Table ps.png|200px]] | ||
+ | * В 2-5 комірках зправа розмістити текст за напрямком: вертикально (необов'язково) | ||
+ | ---- | ||
+ | |||
+ | === h 4 === | ||
+ | * '''Базовй рівень "stage I"''' | ||
+ | * оформити структуру сайту з "шапкою" сайту, трьома колонками та "підлогою". | ||
+ | ** "резинова" структура з трьох колонок. | ||
+ | * '''Високий рівень "stage II"''' | ||
+ | ** + правильний порядок колонок <main>..</main> блоку | ||
+ | * '''Найвищий рівень "stage III"''' | ||
+ | ** + колонки мають бути однакової висоти незалежно від вмісту. (засобами html та css) | ||
+ | [[Файл:H4 stage1.png|200px]] [[Файл:H4 stage2.png|200px]] [[Файл:H4 stage3.png|200px]] | ||
+ | |||
+ | ---- | ||
+ | |||
+ | === h 8 === | ||
+ | * CSS3+HTML5 | ||
+ | |||
+ | Зробити демонстраційну HTML сторінку, на якій використати та описати структурні теги HTML5 (header, main, aside, footer, article, menu, nav, section), описати як змусити ІЕ(7-8) "розуміти" нові теги. | ||
+ | |||
+ | На сторінці [[Css селектори]] зробити переклад призначення селекторів (колективно). | ||
+ | |||
+ | '''Базовий рівень:''' | ||
+ | |||
+ | Знати призначення та вміти використовувати селектори 1 та 2 рівнів | ||
+ | |||
+ | '''Високий рівень:''' | ||
+ | |||
+ | Зробити демонстраційні приклади використання всіх селекторів. | ||
+ | |||
+ | ---- | ||
+ | |||
+ | === h 9 === | ||
+ | * CSS та HTML препроцесори | ||
+ | Зробити одне з попередніх завдань використовуючи CSS та HTML препроцесори. (наприклад на codepen.io) | ||
+ | |||
+ | |||
+ | == JavaScript == | ||
+ | |||
+ | === J3 === | ||
+ | Регулярні вирази | ||
+ | * Створити форму з полями та перевірити правильність їх заповнення: | ||
+ | ** '''Базовий рівень:''' | ||
+ | *** Ім'я та прізвище: | ||
+ | **** Два слова, обидва з великої букви; | ||
+ | **** Підтримка подвійних імен/прізвищ; | ||
+ | *** Дата народження: | ||
+ | **** Формат ДД.ММ.РР або ДД.ММ.РРРР; | ||
+ | **** Роздільний символ "." або "/"; | ||
+ | *** Три навчальні предмета на вибір студента і відповідні бали з них за шкалою від 0 до 100 та конвертація (кожної оцінки) у систему A-F; | ||
+ | ** '''Високий рівень:''' | ||
+ | *** Знайти універсальну перевірку правильності введення адреси електронної пошти; | ||
+ | *** До дати народження створити перевірку чи не перевищує число місяців - 12, і число днів - 31; | ||
+ | *** До оцінки додати поле "Середній бал" (після вводу трьох оцінок по предметах у полі "Середній бал" зявляється середня оцінка за шкалою A D C D E F) | ||
+ | ---- | ||
+ | |||
+ | === J4 === | ||
+ | * '''Базовий рівень:''' | ||
+ | ** Створити три блоки, що будуть виїжджати зліва, по черзі, у вигляді сходів, після натиснення на посилання (будь-яке); | ||
+ | ** По натисненню на те саме посилання, блоки мають заїжджати назад (так само у вигляді сходів); | ||
+ | * '''Високий рівень:''' | ||
+ | ** Реалізувати виїзд всіх трьох блоків за допомогою однієї функції. | ||
+ | |||
+ | ---- | ||
+ | |||
+ | === J6 === | ||
+ | * ''' Базовий рівень: ''' | ||
+ | ** Повторити завдання j4 (jquery або інша) | ||
+ | * ''' Високий рівень: ''' | ||
+ | ** Знайти та розібратись з Lightbox (jquery або інша) | ||
+ | **Зробити гармошку (jquery або інша) | ||
+ | |||
+ | == PHP == | ||
+ | |||
+ | === P2 === | ||
+ | * Ознайомитися з розділом PHP ООП. | ||
+ | * ''' Базовий рівень: ''' | ||
+ | ** Створити форму, з полем для вводу імені файлу та кнопкою, при натиснені на яку, буде виведено весь зміст файлу на екран. | ||
+ | ** Додати в формі два параметри: початок та кінець частини файлу яку треба вивести. | ||
+ | *** якщо параметр який відповідає початку частини файлу, що потрібно вивести, не вказаний, виводимо частину з самого початку файлу до вказаної позиції (кінця потрібної частини), якщо ж не вказано кінець потрібної частини, то виводимо з потрібної позиції до кінця файлу. | ||
+ | * ''' Високий рівень: ''' | ||
+ | ** Дописувати в кінець файлу: | ||
+ | *** дату останнього відкриття файлу; | ||
+ | *** параметри з якими був відкритий файл; | ||
+ | ** Сторінка має відповідати MVC. | ||
+ | |||
+ | ---- | ||
+ | |||
+ | === P3 === | ||
+ | * '''Базовий рівень:''' | ||
+ | ** Створити скрипт, який буде читати та виводити на екран у вигляді таблиці інформацію з бази даних. Також створити форму для можливості дописувати нову інфу в базу даних. | ||
+ | * '''Високий рівень:''' | ||
+ | ** Біля кожного запису, що виведено на екран з БД, повинна з'явитись кнопка. При натиснені на ці кнопки, відповідні записи мають бути вилучені з БД; | ||
+ | ** Сторінка має відповідати "MVC". |
Поточна версія на 09:07, 25 жовтня 2019
Зміст
Загальні питання роботи мережі Інтернет.
Для того щоб відповідати на дані завдання, треба:
Створити пошту на сайті Google
Знайти відповіді в інтернеті та опрацювати їх. ( КЭП ! =) )
Надіслати їх на пошту викладача даного предмету.
В темі листа необхідно вказати тему наступним чином : КНМП iN <Прізвище та ім'я>, де N - номер завдання. Приклад :
КНМП i1 Біндовський Антон.
Лист відсилається на пошту [email protected]
i3
- Порівняти web 1.0 та web 2.0.
- Що таке web 3.0? (згадати обидва підходи)
- Відповіді зробити в googleDOCS або надіслати в тексті листа.
i5
- Описати кожен з трьох форматів, включаючи принцип формування кожного з файлів(вказати де який формат краще використовувати):
- GIF;
- JPG;
- PNG.
- Провести експеримент з форматом GIF:
- Створюємо малюнок який складатиметься лише з горизонтальних ліній, та зберігаємо його.
- Перевертаємо малюнок на 90 градусів, зберігаємо іншим файлом
- Порівнюємо отримані результати, та пояснюємо, що й чому трапилось.
- Беремо GIF-ку з попереднього пунктика, зберігаємо її в JPEG 3 рази, з різними ступенями стиснення. Описуємо: "що й чому трапилось".
- Взяти малюнок з ліліями з Windows.
- Зменшити пропорційно його розміри ( до 300 пикселів по ширині )
- Зберегти отриманий малюнок в максимальній якості в форматах JPG, PNG. GIF.
- Зробити висновок про те, який формат кращий.
i6
- Чим відрізняються URI, URN та URL.
i7
- Що таке CMS, вибрати три найпопулярніші та порівняти її (безкоштовних, на основі описів, встановлювати не треба)
i8
- Описати та порівняти наступні протоколи для роботи з поштою:
- IMAP
- SMTP
i9
- Он-лайн математичні пакети. (sagemath та два інші)
- Зробити порівняльний аналіз їх можливостей з точки зору зручності використання в навчальному процесі.
i10
- Ознайомитися з функціоналом та можливостями Google Docs (текстові документи, електронні таблиці, презентації)
- Ознайомитися з функціоналом та можливостями Zoho Docs (текстові документи, електронні таблиці, презентації)
- Створити презентацію з порівняльним аналізом можливостей вказаних сервісів та надати викладачу доступ до неї.
HTML та CSS
Завдання цього розділу здати потрібно на сесії
h 3
- Зробити точну копію "сторінки відвідування" журналу.
- В 2-5 комірках зправа розмістити текст за напрямком: вертикально (необов'язково)
h 4
- Базовй рівень "stage I"
- оформити структуру сайту з "шапкою" сайту, трьома колонками та "підлогою".
- "резинова" структура з трьох колонок.
- Високий рівень "stage II"
- + правильний порядок колонок <main>..</main> блоку
- Найвищий рівень "stage III"
- + колонки мають бути однакової висоти незалежно від вмісту. (засобами html та css)
h 8
- CSS3+HTML5
Зробити демонстраційну HTML сторінку, на якій використати та описати структурні теги HTML5 (header, main, aside, footer, article, menu, nav, section), описати як змусити ІЕ(7-8) "розуміти" нові теги.
На сторінці Css селектори зробити переклад призначення селекторів (колективно).
Базовий рівень:
Знати призначення та вміти використовувати селектори 1 та 2 рівнів
Високий рівень:
Зробити демонстраційні приклади використання всіх селекторів.
h 9
- CSS та HTML препроцесори
Зробити одне з попередніх завдань використовуючи CSS та HTML препроцесори. (наприклад на codepen.io)
JavaScript
J3
Регулярні вирази
- Створити форму з полями та перевірити правильність їх заповнення:
- Базовий рівень:
- Ім'я та прізвище:
- Два слова, обидва з великої букви;
- Підтримка подвійних імен/прізвищ;
- Дата народження:
- Формат ДД.ММ.РР або ДД.ММ.РРРР;
- Роздільний символ "." або "/";
- Три навчальні предмета на вибір студента і відповідні бали з них за шкалою від 0 до 100 та конвертація (кожної оцінки) у систему A-F;
- Ім'я та прізвище:
- Високий рівень:
- Знайти універсальну перевірку правильності введення адреси електронної пошти;
- До дати народження створити перевірку чи не перевищує число місяців - 12, і число днів - 31;
- До оцінки додати поле "Середній бал" (після вводу трьох оцінок по предметах у полі "Середній бал" зявляється середня оцінка за шкалою A D C D E F)
- Базовий рівень:
J4
- Базовий рівень:
- Створити три блоки, що будуть виїжджати зліва, по черзі, у вигляді сходів, після натиснення на посилання (будь-яке);
- По натисненню на те саме посилання, блоки мають заїжджати назад (так само у вигляді сходів);
- Високий рівень:
- Реалізувати виїзд всіх трьох блоків за допомогою однієї функції.
J6
- Базовий рівень:
- Повторити завдання j4 (jquery або інша)
- Високий рівень:
- Знайти та розібратись з Lightbox (jquery або інша)
- Зробити гармошку (jquery або інша)
PHP
P2
- Ознайомитися з розділом PHP ООП.
- Базовий рівень:
- Створити форму, з полем для вводу імені файлу та кнопкою, при натиснені на яку, буде виведено весь зміст файлу на екран.
- Додати в формі два параметри: початок та кінець частини файлу яку треба вивести.
- якщо параметр який відповідає початку частини файлу, що потрібно вивести, не вказаний, виводимо частину з самого початку файлу до вказаної позиції (кінця потрібної частини), якщо ж не вказано кінець потрібної частини, то виводимо з потрібної позиції до кінця файлу.
- Високий рівень:
- Дописувати в кінець файлу:
- дату останнього відкриття файлу;
- параметри з якими був відкритий файл;
- Сторінка має відповідати MVC.
- Дописувати в кінець файлу:
P3
- Базовий рівень:
- Створити скрипт, який буде читати та виводити на екран у вигляді таблиці інформацію з бази даних. Також створити форму для можливості дописувати нову інфу в базу даних.
- Високий рівень:
- Біля кожного запису, що виведено на екран з БД, повинна з'явитись кнопка. При натиснені на ці кнопки, відповідні записи мають бути вилучені з БД;
- Сторінка має відповідати "MVC".