Клијентске веб технологије и скриптни језици

Основни циљ предмета је упознавање студената са принципима пројектовања и развоја веб апликација и овладавање технологијама за развој клијентске стране веб апликација.

Студенти су овладали знањима и вештинама пројектовања и развоја клијентске стране веб апликација (front-end).

Класична предавања. Аудиторне вежбе и лабораторијске вежбе у рачунарској сали. Израда пројеката/семинарских радова, електронско образовање.

Теоријска настава
Основе веб програмирања. Кључни принципи и концепти. Основе развоја клијентске стране веб апликација. Проблеми и задаци презентационог, апликационог и слоја сесије референтног OSI модела. Савремене архитектуре веб апликација и улога клијентских технологија. HTML5. CSS3. Размена података са различитим слојевима веб апликације. XML технологије за меморисање, обраду и визуелизацију података презентационог слоја. JSON. JSON API. RESTful архитектуре. Скриптни језици. Основе JavaScript-a. ES6. DOM. JS biblioteke. jQuery. AJAX. Развојни оквири. MVC. AngularJS. ReactJS. VueJS. Примена развојних оквира у развоју апликација. Two-way data binding, управљање догађајима, рендеровање података, компоненте, диркетиве, рад са елементима DOM, Dependency Injection. Увод у progressive web апликације (PWA). Анализа карактеристика веб браузера и подршке за напредне функционалности актуелних клијентских технологија. Преглед добрих пракси у развоју клијентске стране веб апликација. Тестирање и заштита клијентске стране веб апликација. Увод у архитектуре комплексних апликација електронског пословања. Технички и организациони аспекти интеграције апликација, сервиса и процеса. API. Увод у веб сервисе. Упоредни преглед технологија за развој информационих система у интернет окружењу.

Практична настава
Технологије за меморисање, обраду и презентовање података презентационог слоја. XML DOM. HTML5. CSS3. CSS препроцесори. Front-end оквири и библиотеке Bootstrap. Foundation. Semantic. Увод у скриптне језике. Основе JavaScript језика. Граматика и типови. Контрола тока. Петље и итерације. Функције, изрази и оператори. Текстуално форматирање. Регуларни изрази. IIFE и анонимне функције. Структуре. Колекције. Објекти. Прототипно наслеђивање. Модуларни патерн. JSON. JSON API. AJAX. Визуелизација. ChartJS. DataTables. JavaScript библиотеке. JQuery. Верзионисање кода. Git. JavaScript компајлери и управљање пакетима.JavaScript okviri: Angular,VueJS,React.

1. B.Frain Responsive Web Design with HTML5 and CSS: Develop future-proof responsive websites using the latest HTML5 and CSS techniques, 3rd Edition Packt Publishing 2020
2. M. Haverbeke Eloquent JavaScript No Starch Press 2018
3. B. Radenković, M. Despotović-Zrakić, Z. Bogdanović, D. Barać, A. Labus Materijali za predmet Klijentske veb tehnologije i skriptni jezici, u e-formi, sa portala za e-učenje moodle.elab.fon.bg.ac.rs – 2021