ФЕИТ / Веб и интерфејсиОснови на WEB програмирање.
Создавај интерактивни клиентски веб-страници со HTML, CSS и JavaScript.
<>РАЗБЕРИ. ПРИМЕНИ. НАПРЕДУВАЈ.+
- 01HTML структура и CSS стилови
- 02JavaScript типови, функции и објекти
- 03DOM настани и JSON размена
- 04jQuery, AngularJS и приказ на различни екрани
02 / РАЗБЕРИ ГО КОНЦЕПТОТ
Логиката зад
решението.
HTML ја организира содржината, CSS го обликува приказот, а JavaScript реагира на изборот на посетителот. DOM настаните ја поврзуваат корисничката акција со логиката. Податоци од сервис можат да пристигнат како JSON; треба да провериме што содржат и како безбедно ќе ги прикажеме.
ПРИМЕР ОД СЕКОЈДНЕВНАТА ПРАКТИКАИЛУСТРАТИВЕН ПРИМЕР
Интерактивно мени за ресторан
Ресторан има мени со јадења и филтер „вегетаријанско“. Од шест јадења, две го исполнуваат условот.
- 01
Секое јадење е запис со име, цена и ознака за категорија.
- 02
Промена на филтерот го активира обработувачот на настан.
- 03
Интерфејсот ги прикажува двете соодветни јадења и го ажурира бројот на резултати.
↳Што добиваме?Филтерот работи без ново отворање на страницата, а празен резултат добива јасна порака.
Сценариото и податоците се поедноставени за учење. Примерот не претставува конкретен клиентски проект или измерени резултати од продукциски систем.
03 / СТУДЕНТСКИ ПРАШАЊА
Прашај.
Разбери подобро.
Дали CSS може да ја замени деловната логика?+
Не. Тој може да менува приказ, но правилата и обработката на податоците припаѓаат на соодветниот програмски дел.
Дали jQuery и AngularJS се исто?+
Не. jQuery е библиотека за операции врз DOM и други помошни задачи; AngularJS има сопствен модел за организирање апликација.
Зошто не го читам бројот директно од текстот на картичката?+
Подобро е оригиналната бројна вредност да остане во моделот. Форматиран текст може да содржи валута и локални разделувачи.
УЧИ СО РАЗБИРАЊЕТвојот материјал.
Нашата следна задача.
Работиме на делот што ти е најпотребен: основни концепти, практични задачи или подготовка за колоквиум и испит. Содржината ја усогласуваме со материјалите што ги учиш во твојата генерација.
REC ТВОЈОТ ЧАС
▶
РАЗБЕРИ. ПОВТОРИ. ПРИМЕНИ.↺
ПОВТОРИ КОГА ТИ ТРЕБА.НЕ САМО ЕДНАШ. КОЛКУ ШТО ТИ ТРЕБА.Часот завршува.
Знаењето останува.
Секој час се снима. Врати се на објаснувањата, паузирај кај потешките делови и повтори ги задачите со свое темпо.
↺Снимките се достапни најмалку
во текот на еден семестар.
Снимките се наменети за твоето учење. Споделување и објавување се дозволени само по претходен договор.