AngularJs, ervaringen?
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
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.
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.
@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
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
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
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
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/
Maar stel ik wil een photo slider of iets dergelijks maken. Is angular daar dan niet voor bedoeld?
Je moet echt eens die video kijken :) En eens kijken wat voor apps er op die laatste link staan.
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?
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.
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?
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 :)
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
Gewijzigd op 12/08/2016 13:35:36 door Marthijn Buijs
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 ...