ФИНКИ / Веб и интерфејсиНапреден веб дизајн.
Продлабочи го клиентскиот веб-развој со современи интерфејси, адаптивни стилови и апликациски компоненти.
<>РАЗБЕРИ. ПРИМЕНИ. НАПРЕДУВАЈ.+
- 01Напреден CSS и приказ на различни екрани
- 02Canvas, SVG и мултимедијални елементи
- 03Клиентски рамки, компоненти и обработка на настани
- 04Рутирање, состојби и прогресивни веб-апликации
02 / РАЗБЕРИ ГО КОНЦЕПТОТ
Логиката зад
решението.
Напредниот веб-дизајн го поврзува распоредот со компонентите, состојбата и навигацијата. Responsive дизајнот ја приспособува структурата, а PWA може да користи service worker за внимателно кеширање. Кеширана содржина може да биде стара, затоа интерфејсот треба да ја разликува од актуелни серверски податоци.
ПРИМЕР ОД СЕКОЈДНЕВНАТА ПРАКТИКАИЛУСТРАТИВЕН ПРИМЕР
Каталог што работи и со слаб интернет
Продавница сака мобилен каталог што се отвора и кога интернетот привремено прекинува.
- 01
Компонентите ги делиме на картичка, филтри и приказ на деталите.
- 02
Service worker кешира статични ресурси и претходно добиен каталог според избрана политика.
- 03
Без интернет прикажуваме зачуван каталог со ознака дека цените и залихата треба повторно да се потврдат.
↳Што добиваме?Посетителот може да разгледува, но апликацијата не ветува успешна нарачка без комуникација со серверот.
Сценариото и податоците се поедноставени за учење. Примерот не претставува конкретен клиентски проект или измерени резултати од продукциски систем.
03 / СТУДЕНТСКИ ПРАШАЊА
Прашај.
Разбери подобро.
Дали PWA значи дека сè работи offline?+
Не. Можностите зависат од кеширањето и логиката на апликацијата. Плаќања и ажурирана залиха обично бараат серверска потврда.
Кога користам SVG наместо Canvas?+
SVG е погоден за поединечни векторски елементи со структура. Canvas е погоден за цртање, но пристапната текстуална содржина треба да биде надвор од него.
Дали компонентите го решаваат дизајнот автоматски?+
Не. Потребни се јасна хиерархија, добро управување со состојба, читлива содржина и тестирање на различни екрани.
Твојот материјал.
Нашата следна задача.
Работиме на делот што ти е најпотребен: основни концепти, практични задачи или подготовка за колоквиум и испит. Содржината ја усогласуваме со материјалите што ги учиш во твојата генерација.
REC ТВОЈОТ ЧАС
▶
РАЗБЕРИ. ПОВТОРИ. ПРИМЕНИ.↺
НЕ САМО ЕДНАШ. КОЛКУ ШТО ТИ ТРЕБА.Часот завршува.
Знаењето останува.
Секој час се снима. Врати се на објаснувањата, паузирај кај потешките делови и повтори ги задачите со свое темпо.
↺Снимките се достапни најмалку
во текот на еден семестар.
Снимките се наменети за твоето учење. Споделување и објавување се дозволени само по претходен договор.