Application Development By Using Programming Framework Angular.js

Tema završnog rada razvoje je aplikacije korištenjem programskog okvira Angular.js. Aplikacija koju smo razvili zove se „Učionica“ te služi za prepoznavanje, učenje velikog i malog tiskanog slova, kako se pišu. Ovaj rad sastoji se od teorijskog i praktičnog dijela. U teorijskom dijelu detaljno je opisan Angular.js okvir, JavaScript kao skriptni jezkik te ostale tehnologije i alati koji su korišteni u praktičnome dijelu. Weba aplikacija rađena je skriptnim jezikom JavaScript, opisnim jezikom HTML, jezikom za postavljanje izgleda CSS-om te Angular.js okvirom. Aplikacija se sastoji od tri pogleda i tri template. Prvi pogled prikazuje početnu stranicu, drugi pogled prikazuje grid sa slovima, a na tom istom pogledu nalazi se predložak koji se otvara nakon što se klikne na određeno slovo. Ostali predlošci su zaglavlje i podnožje. Na posljednjoj, trećoj stranici nalazi se igra prepoznavanja slova. Igra funkcionira na način da iz lijevog retka vučemo slova u središnji redak i postavljamo na prozorčić u kojem se nalazi slovo koje mu sliči. U slučaju da se postavi na krivi prozorčić slovo se automatski vraća na početno mjesto. U desnom retku nalazi se podatak o postignutom rezultatu.The theme of the bachelor thesis is to develop applications using the Angular.js framework. The application I developed is called "Učionica" and serves to recognize and learn the big and small letters, as they are written. This work consists of a theoretical and practical part. In the theoretical part, the Angular.js framework, JavaScript as a scripting language and other technologies and tools that are used in the practical part are described in detail. The web application is executed with JavaScript, descriptive HTML language, CSS layout language, and Angular.js framework. The application consists of three views and three templates. The first view shows the home page, the second view shows the letter grid, and in that view there is a template that opens after clicking on a particular letter. Other templates are header and footer. On the last, third page there is a character recognition game. The game works by dragging the letters in the middle line from the left line and placing it in a window with the letter that resembles it. If it is placed in the wrong window, the letter automatically returns to the initial position. In the right line there is information about the result achieved