Software Engineering

Advanced Client - Side Scripting

  • Class 30
  • Practice 30
  • Independent work 120
Total 180

Course title

Advanced Client - Side Scripting

Lecture type


Course code






Lecturers and associates

Course objectives

The goal of the course is to enable students to create client web applications. Students will learn the basic and advanced features of JavaScript scripting language and that will enable them to better understand JavaScript libraries and their purpose. Libraries will make it easier for them to manipulate DOM elements, enable to dynamically create visual components and make data binding HTML controls.


Introduction to JavaScript • Variables (local/global, variable scope) • Data types (number, string, boolean, null, undefined) • Functions • Window object (built in methods confirm, prompt, alert, isNan, setTimeOut, setInterval…) • Events • Arrays (array methods: concat, map, slice, splice, filter, foeach…) • Catching errors (throw/catch/finally, Error object) • Document property • DOM - Document Object Maping • CSS application on DOM elements • Objects • Literal objects • Constructor functions • Object prototype • XMLHttpRequest object • Fetching XML and JSON data from server • ES6 – syntax • let, const • Arrow functions • Predefined function parameters • Rest/Spread operator • Template literali • Destrcturing • Classes • Getters and Setters • Promises (resolve, reject, then(), catch()) • Modules • Creating components • Semantic html React.JS • Inviroment setup • JSX • Object React i ReactDOM • Component structure • Component lifecycle • Layout components • Class-Based components • Controlled components • State object • Redux • Reducers • Actions • React-router

Required reading

Learning React: A Hands-On Guide to Building Web Applications Using React and Redux

Additional reading

JavaScript: The Definitive Guide: Activate Your Web Pages (Definitive Guides)

Minimal learning outcomes

  • Use advanced ways of writing traditional ES5 code in the selected scripting language to create complex client applications.
  • Use advanced ways of writing modern ES6 code in the selected scripting language to create complex client applications.
  • Recognize the need to use client software frameworks when creating rich single-page web applications and apply them.
  • Recognize the need to use client libraries for data management when creating rich single -page web applications and apply them.

Preferred learning outcomes

  • Apply ES5 code in the selected scripting language and CSS to DOM manipulation.
  • Apply ES6 code in the selected scripting language and CSS to DOM manipulation.
  • Model and apply client software components in implementation of rich single-page web applications.
  • Apply data management mechanisms in implementation of single-page web applications.
Share: Facebook Twitter

Excel at what you love doing. Light the spark.

Apply now!

Why is Algebra a safe choice for your future?

A Strong

Here you will learn all about information technologies and prepare for a career that is constantly in demand. We offer you a platform for personal growth that makes you a prime target for employers.

Modern Methodology

We refuse to stand still in a rapidly changing world. Our programs stay relevant and keep up with modern trends.


We take pride in numerous accolades and our title of The best professional study program in Croatia and constantly strive to justify that trust. We do not take our task lightly, knowing that your future depends on it.


Stay informed about everything that goes on at the University. Subscribe to our newsletter.