Відмінності між версіями «Сучасні web-технології»
Матеріал з Вікі ЦДУ
м |
м (→Завдання до курсу) |
||
| Рядок 2: | Рядок 2: | ||
== Завдання до курсу == | == Завдання до курсу == | ||
| − | + | ||
| + | Завдання h можна виконувати в codepen.io або подібних "пісочницях" | ||
| + | |||
=== i1 === | === i1 === | ||
Зробити опис всіх семантичних тегів що з'явились в HTML5 | Зробити опис всіх семантичних тегів що з'явились в HTML5 | ||
| + | [[Файл:Sim h2.gif|міні|Мал.1]] | ||
=== h1 === | === h1 === | ||
| Рядок 20: | Рядок 23: | ||
=== h2 === | === h2 === | ||
| − | Порівняння CSS препроцесорів. | + | Порівняння трьох CSS препроцесорів. |
Розробити приклад з використанням BEM та обраного препроцесора. | Розробити приклад з використанням BEM та обраного препроцесора. | ||
| Рядок 26: | Рядок 29: | ||
=== h3 === | === h3 === | ||
Розробити структуру зображену на малюнку 1. | Розробити структуру зображену на малюнку 1. | ||
| + | |||
| + | Використовуємо flexbox або CSS Grid | ||
=== h4 === | === h4 === | ||
| Рядок 34: | Рядок 39: | ||
=== s0 === | === s0 === | ||
Що використати: JSON-pure API, RESTful API чи REST API + JSON? | Що використати: JSON-pure API, RESTful API чи REST API + JSON? | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Версія за 12:15, 5 вересня 2018
Завдання до курсу
Завдання h можна виконувати в codepen.io або подібних "пісочницях"
i1
Зробити опис всіх семантичних тегів що з'явились в HTML5
h1
Написати трьохколоночну структуру використовуючи HTML5 та BEM (Block Element Modifier)
Зробити два варіанти: flexbox та CSS Grid
the-complete-css-flex-box-tutorial
h2
Порівняння трьох CSS препроцесорів.
Розробити приклад з використанням BEM та обраного препроцесора.
h3
Розробити структуру зображену на малюнку 1.
Використовуємо flexbox або CSS Grid
h4
Порівняння HTML препроцесорів: Slim, Pug, HAML.
Розробити приклад (семантичний) сторінки новин з використанням обраного препроцесора.
s0
Що використати: JSON-pure API, RESTful API чи REST API + JSON?
