Web Dizajn

Web Dizajn po mjeri

Nudimo Vam unikatan dizajn stranica ili odaberite neki od tisuće predložaka!!!

Grafički dizajn

Brandiranje tvrtke

Osnovali ste tvrtku? Prepustite kompletan Branding nama!

ESET Nod32 Antivirus
INFOS Rabljena računala
Kreditni Posrednik

Razvoj On-line aplikacija

Aplikacija namijenjena tvrtkama za kreditno posredovanje u Republici Hrvatskoj

BusCARD

Razvoj zahtjevnih On-line aplikacija

Sustav za On-line pozicioniranje vozila gradskog prijevoza

ANGULARJS – Jednostavan, moćan i popularan Framework

ANGULARJS – Jednostavan, moćan i popularan Framework - 5.0 out of 5 based on 3 votes
Korisnička ocjena:  / 3
LošeNajbolje 

 

ŠTO JE ANGULARJS?

AngularJS je JavaScript MVC framework napravljen od strane Google-a koji vam omogućava da pravite dobro struktuirane, lake za testiranje i održavanje front-end aplikacije.

AngularJS je JavaScript MVC framework napravljen od strane Google-a koji vam omogućava da pravite dobro struktuirane, lake za testiranje i održavanje front-end aplikacije.

AngularJS je MVC framework koji definira brojne koncepte za pravilno organiziranje vaše web aplikacije

 

Aplikacija je definirana uz pomoć modula koji mogu zavistiti jedan od drugih. AngularJS proširuje HTML pružajući direktive vašim oznakama pomoću kojih možete praviti moćne i dinamičke stranice. Također možete napraviti sopstvene direktive pomoću kojih ćete vršiti DOM manipulaciju. Također implementira two-way vezivanje podataka, vezujući vaš HTML (view) sa javascript objektima (models) na veoma lak način.


Jednostavno rečeno to znači da će se bilo kakva promjena na modelu smjesta reflektiratina view strani bez potrebe za bilo kakvom DOM manipulacijom ili rukovanjem događaja (pomoću JQuery-a).

 

Angular je vrlo fleksibilan što se tiče serverske komunikacije. Kao i većina JavaScript framework-a dopušta vam rad sa bilo kojom server-side tehnologijom dokle god može opsluživati vašu aplikaciju preko RESTful API-ja.

 

ŠTO PRUŽA ANGULAR?

 

  • Pregled arhitekture jedne MVC Angular aplikacije


    ZAŠTO ANGULARJS?

     

    1 – RAZVIJEN JE OD STRANE GOOGLE-A

    Mnogi frejmovorci su napravljeni od strane ljudi iz Open source zajednice, Angular je napravljen i održavan od strane posvećenih Google-ovih inženjera. Samim tim možete biti sigurni da radite sa pouzdanim i testiranim kodom na vašem projektu.

     

    2 – SVEOBUHVATAN

    Angular je kompletno rješenje za brz razvoj front-end dela developmenta. Nikakvi drugi pluginovi ili frejmvorci nisu potrebni da biste napravili neku data-driven aplikaciju. Angular ima sve što je potrebno za to.

     

    3 – LAKO SE POČINJE

    Početi sa Angularom je neverovatno lako. Uz pomoć par atributa dodatih postojećem HTML kodu, možete imati jednostavnu Angular aplikaciju kroz samo nekoliko minuta.

    1. Potrebno je dodati ng-app direktivu u <html> tag, što znači da će ta stranica biti angular aplikacija

     

    1
    <html ng-app>

     

    1. Dodati angular u <head> tag
    1
    2
    3
    4
    <head>
    ...meta and stylesheet tags...
    </head>

     

     

    1. U HTML se ubacuju AngularJS direktive
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <body ng-controller="ActivitiesListCtrl">
    <h1>Today's activities</h1>
    <ul>
    <li ng-repeat="activity in activities">
    {{activity.name}}
    </li>
    </ul>
    </body>
    </html>

     

    DIREKTIVE

    Angular se služi direktivama za umetanje akcija u našu stranicu. Direktive imaju prefiks ng- , i stavljaju se kao HTML atributi.

    Neke od direktiva:

    ng-app: Ovo je osnovna, inicijalna direktiva pomoću koje pokrećemo našu Angular aplikaciju. Ako je stavimo u <html ng-app> To znači da je cjela stranica angular aplikacija.

    ng-bind: Mijenja tekst nekog elementa u vrijednost izraza.

    <span ng:bind=”name”></span> će prikazati vrednost promenljive “name” u span tagu.

    ng-controller: direktiva određuje JavaScript klasu za neku datu akciju. Kontroleri se obično nalaze u nekom eksternom .js fajlu.

    ng-repeat: Vrši prolaz kroz petlju na veoma jednostavan način.

    1
    2
    3
    4
    5
    <ul>
    <li ng-repeat="item in items">
    {{item.description}}
    </li>
    </ul>

    Za debugiranje u browser-u se može koristiti AngularJS Batarang koji je Chrome ekstenzija i može se naći na Github-u.

     

    AngularJS je brzo postao dominantan Framework za profesionalni web development.

    Ako ste u potrazi za robustnim, dobro održavanim frejmovrkom za projekte bilo koje veličine, snažno preporučujemo da bacite pogled na AngularJS. Može se skinuti besplatno sa sajta AngularJS.org, na kojem takođe možete naći dosta informacija o ovom framework-u, kao i kompletnu API dokumentaciju.

     

    Primeri:

    01
    02
    03
    04
    05
    06
    07
    08
    09
    10
    11
    <!DOCTYPE html>
    <html>
    <body>
    <div ng-app="">
    <p>Input something in the input box:</p>
    <p>Name : <input type="text" ng-model="name" placeholder="Enter name here"></p>
    <h1>Hello {{name}}</h1>
    </div>
    </body>
    </html>

    3

     

    1
    2
    3
    4
    5
    6
    7
    8
    9
    <!DOCTYPE html>
    <html>
    <body>
    <div ng-app="">
    <p>Pet plus pet je: {{ 5 + 5 }}</p>
    </div>
    </body>
    </html>

    Pet plus pet je: 10

    01
    02
    03
    04
    05
    06
    07
    08
    09
    10
    11
    12
    13
    14
    15
    16
    <!DOCTYPE html>
    <html>
    <body>
    <div ng-app="" ng-init="names=[
    {name:'Jani',country:'Norway'},
    {name:'Hege',country:'Sweden'},
    {name:'Kai',country:'Denmark'}]">
    <p>Looping with objects:</p>
    <ul>
    <li ng-repeat="x in names">
    {{ x.name + ', ' + x.country }}</li>
    </ul>
    </div>
    </body>
    </html>

    Looping with objects:

    • Jani, Norway
    • Hege, Sweden
    • Kai, Denmark

Izvor: popwebdesign.net

Pretraga

Zadovoljni klijenti

ADRIAS j.d.o.o.
AMI SHOP TO
AGRONOM
ANTE-MATE doo
ATI d.o.o.
BELA SPORT j.d.o.o.
Betreuungs Manufaktur Adria j.d.o.o.
BIO-SAN T.O.
BOGDAN SERVIS d.o.o.
BONUS Agencija za zastupanje u osiguranju
BOR PLASTIKA d.o.o.
CARLLETO d.o.o.
CARPESOL d.o.o
Centar cjeloživotnog učenja Civilna, edukativna i transparentna platforma
ColonOS udruga
COSLOVICH j.d.o.o
D & D PLOVILA d.o.o.
DAFIT d.o.o.
DE-CERTO d.o.o.
DENOR obrt za usluge u turizmu
DIGITALIS obrt
DIMIDIUM PROJEKT d.o.o.
Dječji vrtić "LANE"
DORSI d.o.o.
DRUŠTVO MULTIPLE SKLEROZE BRODSKO-POSAVSKE ŽUPANIJE
E-RADIONICA T.O.
ELEKTRO-MONT d.o.o.
Elementa Laborum Standard doo
FERDINAND d.o.o. za trgovinu i usluge
FINCON j.d.o.o.
FORUM ORGO doo
GABRIJEL uslužni obrt
G & M COMPANY d.o.o.
GENERALNI KONZULAT MAĐARSKE
GRAD OSIJEK
GRAFIČKI STUDIO SELAK
GRAFIKA d.o.o.
HARMONIKA obrt
Hrvatski savez za terapijsko jahanje
I.S.T. stolarsko-interijerski obrt
IDEAL d.o.o.
IVEN-Design d.o.o.
Jehovini svjedoci
Karla Švorinić
KOTLIĆ obrt
Krunoslav Štefanek
KULIJATRANS d.o.o.
KUŠIN jdoo
LINGUA d.o.o.
LIRA obrt za pogrebne usluge
Lučano Kokot
MANNA j.d.o.o.
MB MAZIVA
MD SOLAR d.o.o.
MEDICLINE d.o.o.
MICRO WORLD d.o.o.
MOGU Udruga
MOIRA d.o.o.
MORPHO - AGRO j.d.o.o.
MURKA TRADE d.o.o.
NAKLADA LUČIĆ
NAUTIKA KUFNER d.o.o.
Nk "Klas" Čepin
NOVOCOMMERCE INTERNATIONAL d.o.o.
OCULUS obrt za informatičke djelatnosti
ODVJETNIČKI URED JURAJ MARINIĆ
Odvjetnik Tomislav Bogdan
OPG Zlatko Josipović
OSATINA GRUPA d.o.o.
PALATIUM d.o.o.
PIN TRGOVINE NAŠICE d.o.o.
PINOS j.d.o.o.
POLJOPRIVREDNI FAKULTET
PRANJEŠ, obrt
Prehrambeno-tehnološki fakultet Osijek
PRO DIZAJN T.O.
PROMESA d.o.o.
SPEC.ORDINACIJA ZA ORTODONCIJU Ana Petrović
ŠPEDICIJA DEVETAK d.o.o.
STANIĆ d.o.o.
STANUŠIĆ j.d.o.o.
SVEUČILIŠTE J.J. STROSSMAYERA
TERMO PLAN OS obrt
THESAURUS d.o.o.
TURKALJ COMPANY d.o.o.
TVINS GRAĐEVINARSTVO
TWIST j.d.o.o.
UDRUGA "Loco-Moto"
UDVDR PVŽ - Udruga dragovoljaca i veterana Domovinskog rata
UGOSTITELJSKO-TURISTIČKA ŠKOLA
UREĐENJE OKOLIŠA j.d.o.o.
USTANOVA BREBER
VERBA j.d.o.o.
VILIĆ j.d.o.o. za poslovne usluge
VRATA BARANJE d.o.o.
VU-PA d.o.o.
VUMIR d.o.o.
Ženska udruga "IZVOR"
ŽUPA Sv. JOSIPA RADNIKA

i još 300 drugih...



 

Configured by INFOS Osijek 2013. Sva prava pridržana
Posjetite nas na Google+
Ova stranica sprema “kolačiće” koji služe da bi poboljšali vaše korisničko iskustvo. Hvala vam što ih koristite, no ako se ne slažete s tim, možete ih isključiti.