5 AngularJS-frameworks om apps snel op te zetten
Nu je goed thuis bent in de basis, is het tijd om aan de slag te gaan het bouwen van uw eigen webapplicatie met AngularJS. AngularJS heeft het bouwen van een Javascript-gebaseerde app intuïtiever gemaakt met behulp van de naam richtlijnen, die hand in hand met uw HTML-markeringen werkt.
Als het bouwen van een webapplicatie vanaf de grond voor jou overweldigend lijkt, maak je geen zorgen. Sommige zeer genereuze ontwikkelaars hebben een aantal frontend frameworks aangepast om AngularJS te ondersteunen. Net als bij een standaardraamwerk, worden ze geleverd met vooraf gebouwde webcomponenten. Deze maken het gebruik van het framework de perfecte tool voor iedereen die een webtoepassing snel moet kunnen gebruiken.
Hier zijn 5 frameworks die u kunt gebruiken om een webgebaseerde applicatie met AngularJS te starten.
1. AngularUI Bootstrap
AngularUI Bootstrap, zoals de naam al aangeeft, is gebouwd op de top van een van de meest populaire front-end frameworks, Bootstrap. Dit framework bevat een aantal Bootstrap-componenten zoals Carrousel, Alert en Collapse, samen met enkele toevoegingen, zoals Rating en TimePicker..
Al deze componenten zijn geporteerd om AngularJS-richtlijnen te gebruiken ( Als je een grote fan bent van Bootstrap terwijl je ook geniet van de kracht en de prestaties die AngularJS bood, zou dit een perfecte keuze zijn voor een raamwerk. Een ander populair raamwerk dat ook is overgezet naar het gebruik van AngularJS is Foundation en het wordt eenvoudigweg genoemd “Angular Foundation”. Op dezelfde manier heeft dit framework de Foundation-componenten aangepast om de richtlijn van AngularJS en aangepaste HTML-elementen te gebruiken, zodat u nu uw webtoepassing kunt bouwen met meer semantisch genaamd HTML-element-slike Als je Foundation leuker vindt dan Bootstrap, dan is dit het juiste framework. Download Angular Foundation op deze pagina of blijf up-to-date met de projectontwikkeling via de Github-repo. ionisch wordt geleverd met een handvol stevige bouwstenen die het ontwikkelen van mobiele applicaties gemakkelijk en snel maken. Elke component in het Ionische framework is geoptimaliseerd voor mobiele ervaring, die in wezen afhankelijk is van aanraking en gebaren. Deze UI-componenten zijn ook samengesteld uit aangepaste HTML-elementen. Als u bijvoorbeeld een navigatie met tabbladen implementeert, gebruikt u de Om het nog eenvoudiger en sneller te maken om uw toepassing te bouwen, kunt u Ionic Creator gebruiken waarmee u uw app kunt bouwen door slepen-en-neerzetten. Dus als prestaties en snelheid belangrijk voor u zijn, is Ionic het beste kader om mee te werken. Mobiele hoekige gebruikersinterface is een mobiel UI-framework dat een uitbreiding is van het Bootstrap-framework, gericht op het bouwen van mobiele applicaties. Het gebruikt de meeste van Bootstrap 3-syntaxis met een aantal toegevoegde specifieke mobiele componenten, zoals switches, overlays, zijbalken en schuifbare gebieden. Het is alleen afhankelijk van AngularJS en u kunt uw huidige web-app gemakkelijk in mobiele versie brengen door beschikbare CSS toe te voegen om uw inhoud responsief en aanraakbaar te maken. Download dit framework hier UI-raster is de beste manier om een raster of tafel te werken met Angular. Het heeft uitgebreide functies om eenvoudige en ook complexe en grote gegevensreeksen op een raster weer te geven. UI Grid is ontworpen om complexe functies alleen uit te voeren als dat nodig is, waardoor de kern klein blijft. Met UI Grid kunt u cellen aan complexe eigenschappen / functies binden, kolomsortering en filtering uitvoeren, gegevens op hun plaats en meer bewerken. Gebruik Customizer om de stijl van uw gegevensraster weer te geven. Download de nieuwste UI Grid vanaf de startpagina.ng-repeat
en ng-controller
) en aangepaste HTML-elementen. Bijvoorbeeld in plaats van een
en
:
2. Hoekige stichting
,
, en
, in plaats van het dubbelzinnige
element:
3. Ionisch Kader
:
4. Mobiele hoekige gebruikersinterface
5. UI-raster