Відмінності між версіями «Сучасні web-технології»
м |
м |
||
| Рядок 5: | Рядок 5: | ||
=== i1 === | === i1 === | ||
Зробити опис всіх семантичних тегів що з'явились в HTML5 | Зробити опис всіх семантичних тегів що з'явились в HTML5 | ||
| + | |||
=== h1 === | === h1 === | ||
Написати трьохколоночну структуру використовуючи HTML5 та BEM (Block Element Modifier) | Написати трьохколоночну структуру використовуючи HTML5 та BEM (Block Element Modifier) | ||
| + | |||
Зробити два варіанти: flexbox та CSS Grid | Зробити два варіанти: flexbox та CSS Grid | ||
| + | |||
=== h2 === | === h2 === | ||
Порівняння CSS препроцесорів. | Порівняння CSS препроцесорів. | ||
| + | |||
Розробити приклад з використанням BEM та обраного препроцесора. | Розробити приклад з використанням BEM та обраного препроцесора. | ||
| − | |||
| − | |||
=== h3 === | === h3 === | ||
| + | Розробити структуру зображену на малюнку 1. | ||
| + | |||
| + | === h4 === | ||
| + | Порівняння HTML препроцесорів: Slim, Pug, HAML. | ||
| + | |||
| + | Розробити приклад (семантичний) сторінки новин з використанням обраного препроцесора. | ||
| + | |||
| + | === s0 === | ||
| + | Що використати: JSON-pure API, RESTful API чи REST API + JSON? | ||
| + | |||
| + | === s1 === | ||
| + | Розробити API сервер, який реалізує наступний функціонал: стаття має заголовок, вступний текст, повний текст, зображення для списку статей, зображення для повного тексту; кожна стаття відноситься до довільної кількості категорій; категорії мають деревовидну структуру; кожна стаття має довільну кількість тегів; стаття має автора. | ||
| + | |||
| + | Реалізувати вибірку статей за довільним набором параметрів. Наприклад статтіз певної категорії та з певним тегом, або статті певних авторів з певним набором тегів і т.д. | ||
| + | |||
| + | Мова для серверної частини та СУБД не регламентується. | ||
| + | |||
| + | === j1 === | ||
| + | |||
| + | Порівняння фреймворків Angular, React, Vue. | ||
| + | |||
| + | === j2 === | ||
| + | |||
| + | З використанням вибраного фреймворка реалізувати фронтенд для створеного АРІ серверу. | ||
Версія за 12:48, 3 жовтня 2017
Завдання до курсу
i1
Зробити опис всіх семантичних тегів що з'явились в HTML5
h1
Написати трьохколоночну структуру використовуючи HTML5 та BEM (Block Element Modifier)
Зробити два варіанти: flexbox та CSS Grid
h2
Порівняння CSS препроцесорів.
Розробити приклад з використанням BEM та обраного препроцесора.
h3
Розробити структуру зображену на малюнку 1.
h4
Порівняння HTML препроцесорів: Slim, Pug, HAML.
Розробити приклад (семантичний) сторінки новин з використанням обраного препроцесора.
s0
Що використати: JSON-pure API, RESTful API чи REST API + JSON?
s1
Розробити API сервер, який реалізує наступний функціонал: стаття має заголовок, вступний текст, повний текст, зображення для списку статей, зображення для повного тексту; кожна стаття відноситься до довільної кількості категорій; категорії мають деревовидну структуру; кожна стаття має довільну кількість тегів; стаття має автора.
Реалізувати вибірку статей за довільним набором параметрів. Наприклад статтіз певної категорії та з певним тегом, або статті певних авторів з певним набором тегів і т.д.
Мова для серверної частини та СУБД не регламентується.
j1
Порівняння фреймворків Angular, React, Vue.
j2
З використанням вибраного фреймворка реалізувати фронтенд для створеного АРІ серверу.
