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