DevProTalk

DevProTalk (http://www.devprotalk.com/index.php)
-   (X)HTML, JavaScript, DHTML, XML, CSS (http://www.devprotalk.com/forumdisplay.php?f=8)
-   -   AngularJS vs Jquery (http://www.devprotalk.com/showthread.php?t=11740)

mslavko 27. 12. 2013. 15:53

Ja konkretno zelim da napravim jednu aplikaciju ujedno da naucim i framework medjutim aplikacija koju nameravam da napravim zahteva puno rada sa DOM elementima (draggable, resizable ...) pa se odlucujem za alate koje cu korisitit:

iki_xx 28. 12. 2013. 17:50

AngularJS je tvrd orah i za ljude koji su upoznati sa mvc arhitekturom.
Vidim da ti nisi upoznat sa MVC arhitekturom, iskreno ne bih ti preporucio da radis sa angularjs vec da uzmes nesto mnogo jednostavnije (Backbone.js)
Jednostavno moras prvo da naucih sta je mvc i zasto su ga ljudi izmislili (koje probleme resava ) pa onda da napravis nesto sa mvc arhitekturom, pa tek onda da pogledas sta je angularjs i kako on resava probleme mvc arhitekture js aplikacija.

Po slici koju si postavio, definitivno ces morati da radis sa nekim frejmvorkom, jer u protivnom ces vrlo zapetljati stvari.

Pogledaj http://todomvc.com/ to je jedna ista aplikacija koja je uradjena u mnogo razlicitih frejmvorka. Ako budes pogledao angularjs videces da je stvar vrlo jednostavna , ali nemoj to da te zavara, angularjs ima vrlo ostru krivu ucenja, i kompleksnost angularjs aplikacije vrlo brzo raste.

mslavko 29. 12. 2013. 22:36

Da, upravu si bolje najpre nesto jednostavnije , pocecu sa backbone.js gledao sam malo i citao dokumentaciju i na prvi pogled mi izgleda "razumljivije" ... sa druge strane jasna mi je i poenta direktiva u angularu i neke jednostavnije stvari nije tesko odraditi i razumeti...

Kod angularJS mi se svidja sto postoji realtime data-binding u oba smera, ... a kod backbone zato sto je sintaksa jednostavna

AngularJS koliko vidim omogucava da HTML bude dinamican, a sa Backbone mora da se koristi neki template sistem ?

Sta mislite o Ember.js? Koji je po Vama najlaksi framework za pocetnika?

ivanhoe 30. 12. 2013. 12:51

http://knockoutjs.com/

iki_xx 30. 12. 2013. 13:12

Mozes da koristis template sistem ali nije obavezno. Templejt je zgodna stvar jer ti odvaja html od js-a , znaci prosledis neke podatke templejtu i on ti konstruise html.
Backbone.js je odlican jer je vrlo jednostavan za rad i ucenje , a mogu da se rade ozbiljne aplikacije.

misk0 02. 01. 2014. 22:03

Jos jedan post na temu:
http://blog.binarymist.net/2013/12/2...-marionettejs/

Br@nkoR 02. 01. 2014. 22:26

http://www.funnyant.com/choosing-jav...mvc-framework/
http://coding.smashingmagazine.com/2...pt-mvc-jungle/

Citat:

Originalno napisao mslavko (Napišite 111374)
... mozda je jquery bolji kada su potrebne neke napredne funkcije draggable, resizable to je malo teze uradti u angularjs koliko vidim

npr. http://codef0rmer.github.io/angular-dragdrop/#/

Citat:

Originalno napisao mslavko (Napišite 111415)
Kod angularJS mi se svidja sto postoji realtime data-binding u oba smera, ...

http://www.lucaongaro.eu/blog/2012/1...in-javascript/

mslavko 03. 01. 2014. 02:29

Recimo da radite jednu ovakvu aplikaciju:


koja zahteva drag drop interfejs, instant search koji bi framework (library?) odabrali?

iki_xx 04. 01. 2014. 14:18

Posto nisi ranije radio sa nekim frejmvorkom , preporucio bih ti Backbone.js jer je najjednostavniji.

mslavko 04. 01. 2014. 18:50

Mene angular odusevljava jer pogledajte sam koliko je redova potrebno za sta bi sa jquerijem bilo potrebno puno vise rada:

Kôd:

<!doctype html>
<html ng-app>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
    <script>
        function UsersCtrl($scope) {
            $scope.users = [
                { firstName: "Camila", lastName: "Gilson" },
                { firstName: "Chloe", lastName: "Creighton" },
                { firstName: "Zoey", lastName: "White" },
                { firstName: "Claire", lastName: "Campbell" },
                { firstName: "Kylie", lastName: "Smith" },
                { firstName: "Charlotte", lastName: "Gilson" }
            ];
           
            $scope.title = 'User list';
        }
    </script>
  </head>
  <body>
    <div ng-controller="UsersCtrl">
        <h1>{{title}}</h1>
        Search: <input ng-model="search">
        <ul>
            <li ng-repeat="user in users | filter:search">
                {{user.firstName}} {{user.lastName}}
            </li>
        </ul>
    </div>
  </body>
</html>



Vreme je GMT +2. Trenutno vreme je 05:59.

Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.

Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.
Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.