Spletna ogrodja in Vue.js Flashcards
<h1>Spletna ogrodja</h1>
<b>Web application framework, WAF</b>
Spoznali smo že <b>Bootstrap</b><br></br><u>Prednosti:</u>
-<b>Paralelni razvoj</b>
-<b>Odzivni splet</b>
-Varnost se sproti izboljšuje s posodobitvami
-Ne ukvarjamo se s <b>performančnim vidikom</b>
-Veliko ogrodij nudi <b>dodatne funkcionalnosti</b>
<h1>Front end / back end ogrodja</h1>
<u>Najbolj uporabljena za front end:</u>
-<b>Vue.js, Angular, React</b><br></br><u>Najbolj uporabljena za back end</u><br></br><b>-Express, Django, Laravel, Spring, Ruby on Rails</b>
Imamo tudi full-stack ogrodja (Meteor.JS), ki so front + back end
<h1>Spletna ogrodja ali knjižnice?</h1>
• Pri knjižnicah običajno vključujemo funkcionalnost v obstoječe aplikacije in kličemo funkcije iz
knjižnic (npr. jQuery). Razvoj aplikacije je bolj fleksibilen.
• Pri spletnih ogrodjih gradimo aplikacijo v okviru spletnega ogrodja, kjer napišemo segmente kode,
ki jih spletno ogrodje kliče. Pri tem se moramo držati striktnih protokolov, pravil, sintakse spletnega
ogrodja.
• Knjižnice in spletnga ogrodja lahko uporabimo v simbiozi.
<h1>Uvod v MVC pri WAF</h1>
Glavna prednost MVC (model-view-controller) je <b>separacija logike</b> spletne aplikacije od podatkov in prikaza podatkov.
<b>Model</b>: podatkovna baza
<b>Controller</b>: back end strežniška aplikacija - GET/POST zahtevki in updata bazo
<b>View</b>: spletna stran, ki prikazuje podatke pridobljene preko GET/POST
<h1>Spletni tehnološki skladi</h1>
LAMP/WAMP vs MEAN
<b>LAMP</b>: Linux, Apache, MySQL, PHP
(WAMP : Windows, Apache, MySQL, PHP)
<b>MEAN</b>: MongoDB, Express, Angular, Node.js
<b>LAMP vs MEAN</b>
-LAMP je odvisen od OS, MEAN ni,
-LAMP je performančno slabši
-LAMP podpira veliko PHP ogrodij in aplikacij
<h1>Uvod v Vue.js</h1>
Je znano <b>JavaScript spletno ogrodje</b> za razvoj <b>front end</b> aplikacij. Leta 2014
Glavne prednosti:
-<b>Deklarativno naslavljanje</b> spremenljivk
-<b>Uporaba komponent</b>, ki generirajo HTML in se lahko ponovno uporabijo
-Bogat nabor ukazov za <b>generiranje dinamičnega HTML</b>
-Enostavno <b>prestreganje dogodkov</b>
<h1>Deklarativno naslavljanje</h1>
Preko <b>instance Vue JS objekta</b> hranimo spremenljivke v literalni obliki, do katerih dostopamo preko dvojnih zavitih oklepajev
Pri JQuery smo spoznali <b>imperativni</b> način dostopa.