Відмінності між версіями «Завдання ПВЗ МП»

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук
(Створена сторінка: ==Загальні питання роботи мережі Інтернет. Завдання.== Для того щоб відповідати на дані...)
 
м
Рядок 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:06, 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

  • Зробити точну копію "сторінки відвідування" журналу.

Table for webdev.png Table ps.png

  • В 2-5 комірках зправа розмістити текст за напрямком: вертикально (необов'язково)

h 4

  • Базовй рівень "stage I"
  • оформити структуру сайту з "шапкою" сайту, трьома колонками та "підлогою".
    • "резинова" структура з трьох колонок.
  • Високий рівень "stage II"
    • + правильний порядок колонок <main>..</main> блоку
  • Найвищий рівень "stage III"
    • + колонки мають бути однакової висоти незалежно від вмісту. (засобами html та css)

H4 stage1.png H4 stage2.png H4 stage3.png

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".
Отримано з https://wiki.cusu.edu.ua/index.php?title=Завдання_ПВЗ_МП&oldid=359828