Сучасні web-технології

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук


Завдання до курсу

Мал.1

i1

Зробити опис всіх семантичних тегів що з'явились в HTML5

h1

Написати трьохколоночну структуру використовуючи HTML5 та BEM (Block Element Modifier)

Зробити два варіанти: flexbox та CSS Grid

flexboxfroggy

cssgridgarden

the-complete-css-flex-box-tutorial

css-grid-tutorial

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

З використанням вибраного фреймворка реалізувати фронтенд для створеного АРІ серверу.