Відмінності між версіями «Сучасні web-технології»
Матеріал з Вікі ЦДУ
м (→h1) |
м (→Завдання до курсу) |
||
| Рядок 41: | Рядок 41: | ||
=== s0 === | === s0 === | ||
Що використати: JSON-pure API, RESTful API чи REST API + JSON? | Що використати: JSON-pure API, RESTful API чи REST API + JSON? | ||
| + | |||
| + | === проект === | ||
| + | |||
| + | Групи 2-3 чоловіка | ||
| + | |||
| + | Корисні матеріали: | ||
| + | |||
| + | [https://mdbootstrap.com/angular/ Material Design UI KIT] | ||
| + | |||
| + | [https://angular.io/guide/quickstart angular.io] | ||
| + | |||
| + | [https://mdbootstrap.com/angular/angular-tutorial/ angular-tutorial] | ||
| + | |||
| + | [https://codecraft.tv/courses/angular/ Learn Angular 5 For FREE] | ||
Версія за 15:54, 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?
проект
Групи 2-3 чоловіка
Корисні матеріали:
