DevProTalk - AngularJS vs Jquery

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

18. 12. 2013. 11:15

AngularJS vs Jquery

Radim cesto sa jquerijem i tamo je sve jasno imas HTML, uzmes objekat koji ti treba

Kôd:

$('div') ..

i napises funkcju koja treba da se izvrsi...

E sad kako dizajnirati aplikaciju sa angularJS frameworkom koja je najbitnija razlika? Sta ne raditi sa angularjs ako ste navikli na jquery?

Procitao sam na netu da nikako ne treba mesati angular i jquery u istoj aplikaciji jer jednostavno ne idu zajedno nikako i da sve moze da se odradi sa angular framworkom

ppavlovic

18. 12. 2013. 17:23

Pogledaj https://www.youtube.com/playlist?lis...9ImLHdSH5T7yw7

AngularJS je javascript MVC frejmvork.

Br@nkoR

18. 12. 2013. 19:55

http://stackoverflow.com/questions/1...round/15012542

mslavko

18. 12. 2013. 23:11

Ej pronasao sam dobar sadrzaj na srpskom: https://github.com/mgechev/angularjs...ADME-sr-lat.md

mslavko

19. 12. 2013. 23:49

Jako jako dobar test: http://www.codecademy.com/courses/ja...d-en-2hJ3J/0/4

Vredi ovo nauciti, jer je veoma lako cini mi se snalazenje, pogotovo za rad sa podacima

... mozda je jquery bolji kada su potrebne neke napredne funkcije draggable, resizable to je malo teze uradti u angularjs koliko vidim, ali za rad sa podacima je neprikosnoven,

Instant search je bukvalno 2 reda koda:D

mslavko

21. 12. 2013. 00:08

Moze li neko u po nekoliko reci da mi objasni sledece termine frameworka i za sta konkretno sluze, jer sam do sada pisao cist javascript ili jquery ali nisam radio sa ni jednim framweorkom (backbone,knockout,angularJS...)

Termini:

Moduli
Kontroleri
Direktive
Filteri
Servisi
Šabloni
Rutiranje

biske

24. 12. 2013. 23:53

Има пуно разлика и чини ми се да се упоређују бабе и жабе. Другачија је намена ова два фрејмворка.
Ако си пуно радио са jQuery онда ће ти најтеже бити да схватиш да ћеш у Angularu ретко радити са DOM, ако нешто треба ручно да урадиш тад се лупиш по руци и сетиш се да треба да напишеш директиву. Нема директног рада са DOM.

Што се тиче ових термина који те интересују имаш Angular документацију на њиховом сајту, лепо је објашњено.

mslavko

25. 12. 2013. 18:34

Citat:

Originalno napisao biske (Napišite 111396)

Има пуно разлика и чини ми се да се упоређују бабе и жабе. Другачија је намена ова два фрејмворка.
Ако си пуно радио са jQuery онда ће ти најтеже бити да схватиш да ћеш у Angularu ретко радити са DOM, ако нешто треба ручно да урадиш тад се лупиш по руци и сетиш се да треба да напишеш директиву. Нема директног рада са DOM.

Што се тиче ових термина који те интересују имаш Angular документацију на њиховом сајту, лепо је објашњено.

Za koju primenu je bolji jquery a za koju angularJS?
Direktiva = funkcija ???
Kontroler = ?
View = ?

ivanhoe

27. 12. 2013. 05:33

procitaj o MVC arhitekturi, ima puno textova na netu, pa ce ti biti jasnije sta je sta...

a razlika je sto jQuery nije framework nego biblioteka, znaci obican set funkcija koje su nezavisne i ti mozes da ih kombinujes i koristis kako zelis. Angular je frejmvork, sto znaci da postoji odredjena metodologija koje moras da se drzis da bi uopste nesto radilo. Moras da kreiras tacno odredjeni kod i da ga stavis na tacno odredjeno mesto i oda onda pozivas funkcije tacno odredjenim redom da bi se sistem inicijalizovao kako treba (a zauzvrat ti je posle mnogo brze da kreiras stranice i akcije i odrzavas ceo sistem)

Meni je licno AngularJS bio malo previse rigidan, neke stvari je jako tesko uraditi onako kako je meni logicno... zato sam se vratio na backbone.js koji nije tako automatizovan kao angular, ali zato daje mnogo vise slobode... tako da pogledaj i Backbone mozda ce ti biti lakse da njega shvatis

mslavko

27. 12. 2013. 15:14

Vidim da angular zahteve dublje poznavanje programiranja ali na netu je mnogo veci broj tekstova koji ga hvale i isticu ispred drugih frameworkova...

Koliko sam shvatio za sve je potrebno napisati direktivu (u prevodu plugin) i ondak to dodati preko NG sistema u HTML... tu jquery ima cini mi se veliku prednost jer ako hoces da je neki elemenat npr. draggable samo dodas tu funciju .draggable a u angularu moras da pises sve i ponovo izmislis toplu vodu, takdoje tu je jedna funkcija kdo angulara koja mi se jako svidja data-binding

Za jednostavne projekte a koliko sam ja proucio angular je dosta dobro resenje jer ima napredne funcije

Citat:

filters, data-binding, $http

Ja ne znam ni backbone ni angular, angular mi je privlacniji, ali me plasi da ce angular procu kao prethodni googleov framwork GWT koji se gasi

Citat:

Backbone: Basic backbone is very easy to learn, but while developing, you will find it was not enough. Because only using backbone you can’t structure your code much. It needs more libraries and templates to make a proper project.

Ember: Ember has more structured documents and it’s also not that tough to learn. Its implementation (with handlebars) is much similar to the other process and object oriented programming.

Angular: Angular is a little tricky, because it’s somewhat an extension of HTML. But once you get this html processing, it will become the simplest framework to learn.

Angular is comparatively simple to learn, and more simple to develop. A friend of mine made a widget on backbone, which was of more than 3800 lines. It has come down to 725 lines when rewritten in Angular. And the code was more structured and clean. Simplicity is one of the best plus points of Angular.

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>

mslavko

05. 01. 2014. 14:08

http://jsfiddle.net/3ggeJ/4/ angular + bootstrap

Br@nkoR

05. 01. 2014. 15:45

http://angular-ui.github.io/bootstrap/

Vreme je GMT +2. Trenutno vreme je 08:37.

Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2025, 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.