AngularJs, ervaringen?
Hey allemaal,
Wie van jullie heeft ervaring met AngularJs?
Ik heb er een en ander over gelezen en het lijkt me wel interessant. Ik vraag me heel erg af of het een goede vervanging is voor jQuery. Kun je met AngularJs ook bijvoorbeeld mooie menuutjes maken en image sliders en dergelijke?
Topic verplaatst naar "JavaScript" onderdeel.[/modedit]
Wie van jullie heeft ervaring met AngularJs?
Ik heb er een en ander over gelezen en het lijkt me wel interessant. Ik vraag me heel erg af of het een goede vervanging is voor jQuery. Kun je met AngularJs ook bijvoorbeeld mooie menuutjes maken en image sliders en dergelijke?
Topic verplaatst naar "JavaScript" onderdeel.[/modedit]
Gewijzigd op 03/05/2015 11:20:14 door Wouter J
jQuery is een library, AngularJS een framework. Deze zijn 2 compleet andere begrippen die je niet kunt vergelijken.
Sommige frameworks, zoals FlightJS, gebruiken de jQuery library.
AngularJS (en elke andere JS framework) is leuk als je veel frontend logica in je applicatie hebt, zoals Twitter. In elk ander geval is het hopeloos overbodig.
Sommige frameworks, zoals FlightJS, gebruiken de jQuery library.
AngularJS (en elke andere JS framework) is leuk als je veel frontend logica in je applicatie hebt, zoals Twitter. In elk ander geval is het hopeloos overbodig.
Het is leuk om mee met de DOM te spelen, maar animaties vallen er zo te zien buiten.
Ikzelf heb me nog niet over te weten halen naar AngularJS. jQuery voldoet prima en heeft een duidelijkere syntax. Misschien heeft AngularJS wel wat voordelen, maar die heb ik nog niet ontdekt.
Ikzelf heb me nog niet over te weten halen naar AngularJS. jQuery voldoet prima en heeft een duidelijkere syntax. Misschien heeft AngularJS wel wat voordelen, maar die heb ik nog niet ontdekt.
@Wouter: maar kun je er hetzelfde mee? Ik lees dat er aardig wat voorstanders zijn, vanwege de MVC-aanpak, waar jQuery meer (vrij vertaald) houtje-touwtje oplossingen betreft. Verder begrijp ik dat je met Angular de view direct gebruikt om manipulaties door te voeren, terwijl je met jQuery na het genereren van een view de DOM aanpast. Het lijkt me zelf wel leuk om te gebruiken, maar kun je er ook jQuery dingen mee, dus photosliders e.d. of is het echt vooral logica-werk, data manipulatie?
@Aar:
>> maar animaties vallen er zo te zien buiten.
Waar leid je dat uit af?
@Aar:
>> maar animaties vallen er zo te zien buiten.
Waar leid je dat uit af?
Gewijzigd op 03/05/2015 00:52:27 door Ozzie PHP
Animaties zitten ook in angular, alleen niet zo heel uitgebreid
Met angular kan je bv zelf html tags maken, html tags aanpassen,
en logica via html tags in je applicatie brengen.
voor een tabel te maken met gegevens uit een array doe je bv:
<table ng-controller="productsController">
<tr ng-repeat="x in products">
<td>{{x.name}}</td><td>{{x.price}}</td>
</tr>
</table>
www.codeschool.com heeft een angular course(gratis), wat je snel alle basis leert van AngularJS. En codeAcademy is een maandje geleden ook met Angular courses gestart.
Met angular kan je bv zelf html tags maken, html tags aanpassen,
en logica via html tags in je applicatie brengen.
voor een tabel te maken met gegevens uit een array doe je bv:
<table ng-controller="productsController">
<tr ng-repeat="x in products">
<td>{{x.name}}</td><td>{{x.price}}</td>
</tr>
</table>
www.codeschool.com heeft een angular course(gratis), wat je snel alle basis leert van AngularJS. En codeAcademy is een maandje geleden ook met Angular courses gestart.
Gewijzigd op 03/05/2015 09:48:15 door Randy vsf
Ozzie, nogmaals, je kunt die 2 niet vergelijken.
jQuery is gemaakt om JavaScript programmeren makkelijker te maken. Het is vooral gefocussed op DOM manipulatie en 90% van de jQuery code bestaat uit het cross-browser compatible maken van hun API.
AngularJS is de hele architectuur van je frontend. Precies zoals je met Symfony of Zend Framework een complete architectuur krijgt voor je backend, die volledig anders is dan als je flat PHP gebruikt. Zo krijg je van AngularJS ook een complete architectuur om Model, View en Controller te scheiden.
Met jQuery ontwerp je een pagina, om vervolgens deze wat op te vrolijken met jQuery. Met AngularJS ontwerp je een architectuur, die je vervolgens opvrolijkt met wat CSS.
Nuttig om eens door te lezen: http://stackoverflow.com/a/15012542/1149495
jQuery is gemaakt om JavaScript programmeren makkelijker te maken. Het is vooral gefocussed op DOM manipulatie en 90% van de jQuery code bestaat uit het cross-browser compatible maken van hun API.
AngularJS is de hele architectuur van je frontend. Precies zoals je met Symfony of Zend Framework een complete architectuur krijgt voor je backend, die volledig anders is dan als je flat PHP gebruikt. Zo krijg je van AngularJS ook een complete architectuur om Model, View en Controller te scheiden.
Met jQuery ontwerp je een pagina, om vervolgens deze wat op te vrolijken met jQuery. Met AngularJS ontwerp je een architectuur, die je vervolgens opvrolijkt met wat CSS.
Nuttig om eens door te lezen: http://stackoverflow.com/a/15012542/1149495
Wouter, thanks ... ik snap het nog steeds niet helemaal. Ik lees veel reviews waarin wordt gezegd dat jQuery de bestaande DOM aanpast, waardoor het sowieso wat trager is (omdat het elementen moet zoeken). Angular integreer je in de html waardoor het sneller is. Daarnaast kun je bij angular in een view beter zien waar de interactie op een pagina plaatsvindt, terwijl je dat bij jquery niet kunt zien. Ook lijkt angular wat compacter. Maar wellicht snap ik het dus niet goed. Ik vind dit wel een aardig voorbeeldje.
Exact dezelfde functionaliteit ...
jquery : http://jsfiddle.net/daniellmb/4qxgv/
angular: http://jsfiddle.net/daniellmb/34yVp/
De angular versie is compacter, en in de html zie je dat er interactie plaatsvindt, terwijl je dat bij de jquery variant niet kunt zien.
Dus waar zit 'm dan nu het verschil. Wat ik tot nu toe zie, kun je met angular "mooier" programmeren, maar wat mis ik dan? Zo'n voorbeeldje als hierboven is toch makkeljk in je website te integreren?
Exact dezelfde functionaliteit ...
jquery : http://jsfiddle.net/daniellmb/4qxgv/
angular: http://jsfiddle.net/daniellmb/34yVp/
De angular versie is compacter, en in de html zie je dat er interactie plaatsvindt, terwijl je dat bij de jquery variant niet kunt zien.
Dus waar zit 'm dan nu het verschil. Wat ik tot nu toe zie, kun je met angular "mooier" programmeren, maar wat mis ik dan? Zo'n voorbeeldje als hierboven is toch makkeljk in je website te integreren?
Gewijzigd op 03/05/2015 16:04:05 door Ozzie PHP
Zoals hierboven gezegd, AngularJS en jQuery kan je niet vergelijken. Het wordt nog leuker als je weet dat er in AngularJS een eigen jQuery implenetatie is ingebouwd. (lees de nuttige dingen van jQuery in een compacate library)
Voordat je AngularJS kan begrijpen zou ik aanraden deze video te bekijken: https://www.youtube.com/watch?v=i9MHigUZKEM . Hierin worden de basis principes uitgelegd.
Jouw verglijkingsvoorbeeld is eigenlijk een beetje absurd, omdat je een heeeeel klein deeltje van Angular vergelijkt met een redelijk groot deel van jQuery. Nogmaals AngularJS is niet bedoeld als alternatief voor jQuery.
Waarschijnlijk is het handig om enkele Applicaties in AngularJS te bekijken:https://builtwith.angularjs.org/
Voordat je AngularJS kan begrijpen zou ik aanraden deze video te bekijken: https://www.youtube.com/watch?v=i9MHigUZKEM . Hierin worden de basis principes uitgelegd.
Jouw verglijkingsvoorbeeld is eigenlijk een beetje absurd, omdat je een heeeeel klein deeltje van Angular vergelijkt met een redelijk groot deel van jQuery. Nogmaals AngularJS is niet bedoeld als alternatief voor jQuery.
Waarschijnlijk is het handig om enkele Applicaties in AngularJS te bekijken:https://builtwith.angularjs.org/
Dankjewel LEDfan, maar ik hoor nu vooral dat het niet hetzelfde is ... maar kun je in het kort dan uitleggen wat het verschil is? Wanneer gebruik je het een en wanneer het ander? Dat jquery lite in angularjs zit had ik inderdaad al gelezen. Ik lees vooral dat angular de "solide" oplossing is, en jquery meer bedoeld is voor het snellere "knutselwerk".
Maar stel ik wil een photo slider of iets dergelijks maken. Is angular daar dan niet voor bedoeld?
Maar stel ik wil een photo slider of iets dergelijks maken. Is angular daar dan niet voor bedoeld?
Nee, Angular is niet bedoeld voor een photo slider. Je kan het er voor gebruiken, maar echt handig zal het niet zjin. Stel je wilt een photo slider in een groter geheel (bv. een webshop) en die webshop is geschreven in AngularJS dan zal die photo slider ook wel in Angular gemaakt worden. Maar waarschijnlijk worden de echte animaties gemaakt met oftewel CSS transitions oftewel een jQuery plugin.
Je moet echt eens die video kijken :) En eens kijken wat voor apps er op die laatste link staan.
Je moet echt eens die video kijken :) En eens kijken wat voor apps er op die laatste link staan.
Oké thanks. Ik ben die link al aan het bekijken. Die video hopelijk later vandaag nog (is een beetje lang :-) ).
Zou je grofweg dan kunnen zeggen dat angular meer voor datamanipulatie bedoeld is en jquery meer voor grafische effecten?
>> ... is geschreven in AngularJS ...
Wat bedoel je met "is geschreven in"? Als je angularjs gebruikt, ga/moet je dan ineens anders dan voorheen programmeren?
Zou je grofweg dan kunnen zeggen dat angular meer voor datamanipulatie bedoeld is en jquery meer voor grafische effecten?
>> ... is geschreven in AngularJS ...
Wat bedoel je met "is geschreven in"? Als je angularjs gebruikt, ga/moet je dan ineens anders dan voorheen programmeren?
>> Wat bedoel je met "is geschreven in"? Als je angularjs gebruikt, ga/moet je dan ineens anders dan voorheen programmeren?
Niet echt anders, het blijft JavaScript. Maar je zult natuurlijk wel dingen anders gaan doen, omdat je een framework gebruikt. Bijv. de ng-* attributen, die zijn vrij Angular specifiek.
Merk op dat alles wat met HTML te maken heeft, dus Angular gebruikt ook heel veel DOM manipulaties.
Het verschil is dit:
Stel je maakt een webshop met PHP. Je zult dan HTML en CSS hebben en een volledige PHP backend. Deze toont de formuliertjes voor het bestellen, houdt de winkelwagen bij en doet de aankopen. Vervolgens gebruikt je jQuery om bijvoorbeeld een pop-up te verkrijgen met daarin wat er in het winkelmandje staat, ipv een compleet nieuwe pagina openen.
Stel je maakt nu diezelfde webshop met AngularJS. Je zult dan HTML en CSS hebben, met daarachter veel JS (Angular). AngularJS toont handelt de formuliertjes voor het bestellen af, AngularJS toont de producten, AngularJS houdt de winkelwagen bij en AngularJS doet de aankopen. De PHP code wordt puur en alleen gebruikt om te communiceren met de database (een (REST) API) (bijv. om producten te tonen zal AngularJS /api/products aanroepen, JSON terugkrijgen van de PHP backend met de producten en deze vervolgens op de pagina tonen). Uiteraard heb je hierin nog steeds het popupje met daarin wat er in het winkelmandje staat en deze wordt keurig verzorgt door AngularJS.
Zie je het verschil? Zoals je ziet is er een kleine overlap, ze worden allebei voor de pop-up gebruikt, maar de nadruk is compleet anders. jQuery dient in de applicatie alleen als een bonus (namelijk het tonen van een pop-up ipv een nieuwe pagina). AngularJS dient voor de hele functionaliteit. Zonder JS zou de eerste applicatie nog perfect werken, de 2e zou al de weg kwijt zijn bij het weergeven van de producten.
Niet echt anders, het blijft JavaScript. Maar je zult natuurlijk wel dingen anders gaan doen, omdat je een framework gebruikt. Bijv. de ng-* attributen, die zijn vrij Angular specifiek.
Merk op dat alles wat met HTML te maken heeft, dus Angular gebruikt ook heel veel DOM manipulaties.
Het verschil is dit:
Stel je maakt een webshop met PHP. Je zult dan HTML en CSS hebben en een volledige PHP backend. Deze toont de formuliertjes voor het bestellen, houdt de winkelwagen bij en doet de aankopen. Vervolgens gebruikt je jQuery om bijvoorbeeld een pop-up te verkrijgen met daarin wat er in het winkelmandje staat, ipv een compleet nieuwe pagina openen.
Stel je maakt nu diezelfde webshop met AngularJS. Je zult dan HTML en CSS hebben, met daarachter veel JS (Angular). AngularJS toont handelt de formuliertjes voor het bestellen af, AngularJS toont de producten, AngularJS houdt de winkelwagen bij en AngularJS doet de aankopen. De PHP code wordt puur en alleen gebruikt om te communiceren met de database (een (REST) API) (bijv. om producten te tonen zal AngularJS /api/products aanroepen, JSON terugkrijgen van de PHP backend met de producten en deze vervolgens op de pagina tonen). Uiteraard heb je hierin nog steeds het popupje met daarin wat er in het winkelmandje staat en deze wordt keurig verzorgt door AngularJS.
Zie je het verschil? Zoals je ziet is er een kleine overlap, ze worden allebei voor de pop-up gebruikt, maar de nadruk is compleet anders. jQuery dient in de applicatie alleen als een bonus (namelijk het tonen van een pop-up ipv een nieuwe pagina). AngularJS dient voor de hele functionaliteit. Zonder JS zou de eerste applicatie nog perfect werken, de 2e zou al de weg kwijt zijn bij het weergeven van de producten.
Aha, nu wordt het al wat duidelijker Wouter. Zou je dan (grofweg) kunnen zeggen dat AngularJS eigenlijk de rol van PHP overneemt? En zo ja, wat is daar dan het nut van vraag ik me af ...
En even terugkomend op die pop-up ... zou je dan niet kunnen zeggen dat je je webshop maakt zoals je dat alijd doet, maar dat je alleen die pop-up met AngularJs maakt? Dus anders gezegd, je maakt je website zoals je dat altijd doet, maar op de plekken waar je voorheen jQuery zou gebruiken, gebruik je nu AngularJs? Is dat geen (goede) optie?
En even terugkomend op die pop-up ... zou je dan niet kunnen zeggen dat je je webshop maakt zoals je dat alijd doet, maar dat je alleen die pop-up met AngularJs maakt? Dus anders gezegd, je maakt je website zoals je dat altijd doet, maar op de plekken waar je voorheen jQuery zou gebruiken, gebruik je nu AngularJs? Is dat geen (goede) optie?
Nee, zou ik niet doen. Of gebruikt Angular compleet of gebruikt een library zoals jQuery (of ga zelf knutselen).
Als je er zelf een beetje mee gaat spelen zul je zien dat Angular om een hele andere architectuur vraagt dan een applicatie die je nu bent gewent. Zo'n architectuur verandering voor alleen een pop-up lijkt mij redelijk tijdverspilling.
Als je er zelf een beetje mee gaat spelen zul je zien dat Angular om een hele andere architectuur vraagt dan een applicatie die je nu bent gewent. Zo'n architectuur verandering voor alleen een pop-up lijkt mij redelijk tijdverspilling.
Oké, thanks :)
Beste,
Ik ben de laatste tijd aan het knutselen gegaan met Angular, en ben meerdere keren op het begrip bootstrap gestuit.
Van Wikipedia en ***KNIP*** werd ik ook niet echt wijzer.
Kan iemand mij dit beter uitleggen?
Mvg,
Frans
Ik ben de laatste tijd aan het knutselen gegaan met Angular, en ben meerdere keren op het begrip bootstrap gestuit.
Van Wikipedia en ***KNIP*** werd ik ook niet echt wijzer.
Kan iemand mij dit beter uitleggen?
Mvg,
Frans
Ward:
Linkspam verwijderd.
Gewijzigd op 12/08/2016 15:44:42 door Ward van der Put
Ik heb de link bekeken en het ziet er allemaal nogal theoretisch uit. Je zou kunnen kiezen om een AngularJS tutorial te volgen of voorbeelden van AngularJS te gebruiken om te oefenen. Zo moet je bijvoorbeeld dingen doen met HTML en JavaScript samen met AngularJS, dit lijkt mij wat praktischer.
Gewijzigd op 12/08/2016 13:35:36 door Marthijn Buijs
Beste Frans Havema,
Of kan ik je misschien beter Maarten de Ruiter noemen?
Spammen en de boel belazeren op deze website wordt NIET op prijs gesteld. In vrijwel iedere post die jij doet plaats je een (verkapte) link die telkens leidt naar hetzelfde bedrijf:
WR.nl Consultancy BV / WR Werving en Selectie
[email protected]
Maarten de Ruiter
Zogenaamd je voordoen alsof je een beginner bent en telkens even een linkje plaatsen naar je eigen websites is een vorm van oplichting die hier NIET wordt getolereerd! WR Werving en Selectie is een recruiter? Op deze manier lijkt het eerder op oplichting!
Toevoeging op 12/08/2016 14:32:59:
En succes met je linkbuilding ...
Of kan ik je misschien beter Maarten de Ruiter noemen?
Spammen en de boel belazeren op deze website wordt NIET op prijs gesteld. In vrijwel iedere post die jij doet plaats je een (verkapte) link die telkens leidt naar hetzelfde bedrijf:
WR.nl Consultancy BV / WR Werving en Selectie
[email protected]
Maarten de Ruiter
Zogenaamd je voordoen alsof je een beginner bent en telkens even een linkje plaatsen naar je eigen websites is een vorm van oplichting die hier NIET wordt getolereerd! WR Werving en Selectie is een recruiter? Op deze manier lijkt het eerder op oplichting!
Toevoeging op 12/08/2016 14:32:59:
En succes met je linkbuilding ...



