Відмінності між версіями «ПКРД-19 1 2019-20 н.р.»
м |
м |
||
Рядок 1: | Рядок 1: | ||
===Завдання 1=== | ===Завдання 1=== | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
1. Ознайомитись з CSS властивостями transition, transform, animation та прикладами їх застосування. | 1. Ознайомитись з CSS властивостями transition, transform, animation та прикладами їх застосування. | ||
Рядок 42: | Рядок 19: | ||
Це необхідно для подальшої роботи. На виконання завдання не більше ніж 1.5 місяця. | Це необхідно для подальшої роботи. На виконання завдання не більше ніж 1.5 місяця. | ||
− | ===Завдання | + | ===Завдання 2=== |
1. Реалізувати гру "Бики і корови"(Використовується JS). [https://github.com/vkotyak/pcpda/blob/master/2/index.html Приклад] | 1. Реалізувати гру "Бики і корови"(Використовується JS). [https://github.com/vkotyak/pcpda/blob/master/2/index.html Приклад] | ||
Рядок 54: | Рядок 31: | ||
5. Реалізувати гру в режимі гравець проти гравця. | 5. Реалізувати гру в режимі гравець проти гравця. | ||
− | ===Завдання | + | ===Завдання 3=== |
1. Розробити XML документ для передачі інформації про працівників деякої компанії. Інформація про працівників: ПІП, дата народження, посада, відділ. | 1. Розробити XML документ для передачі інформації про працівників деякої компанії. Інформація про працівників: ПІП, дата народження, посада, відділ. | ||
Рядок 68: | Рядок 45: | ||
Можна перекинути сайт один одному, щоб переглянути статистику відвідуваннь. | Можна перекинути сайт один одному, щоб переглянути статистику відвідуваннь. | ||
+ | ===Завдання 1=== | ||
+ | |||
+ | Створити веб-додаток "Пошук банкоматів" | ||
+ | |||
+ | Реалізувати вибір міст з бази даних | ||
+ | |||
+ | Базу нормалізувати | ||
+ | |||
+ | https://api.privatbank.ua/#p24/branch | ||
+ | |||
+ | https://ukrposhta.ua/dovidnik-poshtovix-adre/opis/ | ||
+ | |||
+ | '''''<font color='green' size=3>Примітка</font>''''' | ||
+ | |||
+ | Необхідно застосовувати material design; | ||
+ | |||
+ | Можна використовувати вже готові продукти https://getbootstrap.com/ від Google https://material.io/ ; | ||
+ | |||
+ | За бажанням студент може сам створити свій дизайн; | ||
+ | |||
+ | Також для подальшого користування, рекомендується ознайомитися з github або gitlab | ||
+ | [https://github.com/vkotyak/pcpda/commit/5e4ae05419c9dca90f45920ef082dbeb7cee1637 Завдання на github] | ||
+ | |||
+ | ===Завдання 4=== | ||
+ | |||
+ | Створити веб-додаток "Пошук банкоматів" | ||
+ | |||
+ | Реалізувати вибір міст з бази даних | ||
+ | |||
+ | Базу нормалізувати | ||
+ | |||
+ | https://api.privatbank.ua/#p24/branch | ||
+ | |||
+ | https://ukrposhta.ua/dovidnik-poshtovix-adre/opis/ | ||
+ | |||
+ | '''''<font color='green' size=3>Примітка</font>''''' | ||
+ | |||
+ | Необхідно застосовувати material design; | ||
+ | |||
+ | Можна використовувати вже готові продукти https://getbootstrap.com/ від Google https://material.io/ ; | ||
+ | |||
+ | За бажанням студент може сам створити свій дизайн; | ||
+ | |||
+ | Також для подальшого користування, рекомендується ознайомитися з github або gitlab | ||
+ | [https://github.com/vkotyak/pcpda/commit/5e4ae05419c9dca90f45920ef082dbeb7cee1637 Завдання на github] | ||
=== Фінальний проект === | === Фінальний проект === |
Версія за 10:41, 2 вересня 2020
Завдання 1
1. Ознайомитись з CSS властивостями transition, transform, animation та прикладами їх застосування.
2. Знайти ігри написаних тільки з використанням CSS.
3. Обрати будь-яку CSS гру та розібрати її або написати власноруч.
Орієнтуватися в коді та вміти швидко змінювати основні властивості.
4.* Розібрати вже готову CSS гру НЛО. Додати n к-сть життів, після згорання яких завершується гра (Game over).
Увага!
Встановити CMS Wordpress.
Створити сайт будь-якої компанії за допомогою Wordpress.
Це необхідно для подальшої роботи. На виконання завдання не більше ніж 1.5 місяця.
Завдання 2
1. Реалізувати гру "Бики і корови"(Використовується JS). Приклад
2. До готової гри реалізувати інтерфейс.
3. Перевести гру на сервер.(Для цього перевести JS в PHP)
4. Реалізувати авторизацію гравця тощо.
5. Реалізувати гру в режимі гравець проти гравця.
Завдання 3
1. Розробити XML документ для передачі інформації про працівників деякої компанії. Інформація про працівників: ПІП, дата народження, посада, відділ.
2. Написати опис документа.
Увага!
Створений сайт прив'язати до Google search console та Google analytics, переглянути статистику.
Можна перекинути сайт один одному, щоб переглянути статистику відвідуваннь.
Завдання 1
Створити веб-додаток "Пошук банкоматів"
Реалізувати вибір міст з бази даних
Базу нормалізувати
https://api.privatbank.ua/#p24/branch
https://ukrposhta.ua/dovidnik-poshtovix-adre/opis/
Примітка
Необхідно застосовувати material design;
Можна використовувати вже готові продукти https://getbootstrap.com/ від Google https://material.io/ ;
За бажанням студент може сам створити свій дизайн;
Також для подальшого користування, рекомендується ознайомитися з github або gitlab Завдання на github
Завдання 4
Створити веб-додаток "Пошук банкоматів"
Реалізувати вибір міст з бази даних
Базу нормалізувати
https://api.privatbank.ua/#p24/branch
https://ukrposhta.ua/dovidnik-poshtovix-adre/opis/
Примітка
Необхідно застосовувати material design;
Можна використовувати вже готові продукти https://getbootstrap.com/ від Google https://material.io/ ;
За бажанням студент може сам створити свій дизайн;
Також для подальшого користування, рекомендується ознайомитися з github або gitlab Завдання на github
Фінальний проект
Розробити веб-додаток “Контакти”.
Основні функції:
- Вивід списку контактів з колонками: [Прізвище тв Імя, Номер телефона, электронная почта, дата рождения, посиланння на соц.мережі]]
- Сортурвання по прізвищу, телефону, даті народження в обидві сторони
- В першому стовбчику дані є посиланням: відкриває pop-up з повною інформацією: ПІБ, Фото, Телефон, Країна, Місто, Електрона пошта, посиланняна соц. мережі
- Реалізувати створення, редагування, видаленння контактів
- Реалізувати авторизацію для доступу до додатку
Технічні вимоги:
- Вибрать один з PHP фреймворків [Laravel, ...]
- Код додатку розмістити в репозиторії (github.com, bitbucket.org)
- Використати реляційну базу даних
- Використати один з CSS фреймворків.
- Розмістити сайт на хостингу в Інтернеті