5 AngularJS ietvarstruktūras, lai ātri un ātri darbotos

Tagad, kad esat labi iepazinušies ar pamatiem, ir pienācis laiks sākt darbu veidot savu tīmekļa lietojumprogrammu ar AngularJS. AngularJS padarīja Javascript balstītu lietotni intuitīvāku, izmantojot to, ko sauc direktīvas, kas darbojas kopā ar HTML iezīmēm.

Ja tīmekļa lietojumprogrammas veidošana no zemes šķiet jums milzīga, neuztraucieties. Daži ļoti dāsni attīstītāji ir pielāgoja dažas frontendu sistēmas, lai atbalstītu AngularJS. Tāpat kā tipisks ietvars, tie ir aprīkoti ar iepriekš uzbūvētiem tīmekļa komponentiem. Tie padara šo sistēmu par ideālu rīku ikvienam, kuram ir nepieciešams saņemt tīmekļa lietojumprogrammu un darbojas ātri.

Šeit ir 5 sistēmas, kuras var izmantot, lai uzsāktu tīmekļa lietojumprogrammu ar AngularJS.

1. AngularUI Bootstrap

AngularUI Bootstrap, kā norāda nosaukums, tas ir uzcelts uz augšu vienā no populārākajām front-end ietvariem, Bootstrap. Šajā sistēmā ir iekļauts Bootstrap komponentu kopums, piemēram, karuselis, brīdinājums un sabrukums, kā arī daži papildinājumi, piemēram, vērtējums un TimePicker.

Visi šie komponenti ir pārnesti, lai izmantotu AngularJS direktīvas (ng-atkārtot un ng-kontrolieris) un pielāgoti HTML elementi. Piemēram, nevis izmantojot a

lai aptinētu karuseli, varat izmantot vairāk “jēgpilna” pielāgots elements, un :

Ja esat liels „Bootstrap” ventilators, vienlaikus baudot AngularJS piedāvātās iespējas un sniegumu, tas varētu būt ideāla izvēle.

2. Stūra fonds

Vēl viens populārs ietvars, kas ir arī pārnests, lai izmantotu AngularJS, ir fonds, un tas ir vienkārši nosaukts “Leņķa fonds”.

Līdzīgi, šī sistēma ir pārveidojusi Fonda komponentus, lai pieņemtu AngularJS direktīvu un pielāgotos HTML elementus, lai jūs tagad varētu izveidot tīmekļa lietojumprogrammu, izmantojot vairāk semantiski nosauktu HTML elementu, piemēram, , , un , nevis neskaidrs

. Šeit ir viens piemērs tam, kā mēs pievienojam brīdinājuma komponentu elements:

  alert.msg

Ja jums patīk fonds labāk nekā Bootstrap, tad tas ir pamats, ar ko iet. Lejupielādējiet šajā lappusē leņķisko fondu vai, izmantojot Github repo, palikt atjaunināti ar projekta izstrādi.

3. Jonu sistēma

Jonu nāk ar dažiem cietiem celtniecības blokiem, kas atvieglo mobilo sakaru lietojumprogrammu izstrādi. Katrs Ionic sistēmas komponents ir optimizēts mobilajai pieredzei, kas būtībā ir atkarīga no pieskāriena un žestiem. Šie UI komponenti sastāv arī no pielāgotiem HTML elementiem. Izvietojot cilnes navigāciju, piemēram, jūs to izmantotu :

Lai padarītu lietojumprogrammu vēl vieglāku un ātrāku, varat izmantot Ionic Creator, kas ļauj veidot savu lietotni, nometot n-drop. Tātad, ja jums ir svarīga veiktspēja un ātrums, Ionijs ir labākais ietvars.

4. Mobilais leņķis UI

Mobilais leņķis UI ir mobilā lietotāja interfeisa sistēma, kas ir Bootstrap sistēmas paplašinājums, kura mērķis ir veidot mobilās lietojumprogrammas. Tā izmanto lielāko daļu Bootstrap 3 sintakses ar dažiem pievienotiem specifiskiem mobilajiem komponentiem, piemēram, slēdžiem, pārklājumiem, sānjoslām un ritināmām zonām. Tas ir atkarīgs tikai no AngularJS, un jūs varat viegli ievietot pašreizējo tīmekļa lietotni mobilajā versijā, pievienojot CSS, lai pārvērstu savu saturu atsaucīgi un pieskārienu.

Lejupielādējiet šo sistēmu šeit

5. UI režģis

UI režģis ir labākais veids, kā strādāt ar režģi vai galdu ar leņķi. Tajā ir bagātīgas funkcijas, lai parādītu vienkāršu un sarežģītu un lielu datu kopu tīklā. UI Grid ir izstrādāts, lai izpildītu sarežģītas funkcijas tikai tad, kad tas ir nepieciešams, tādējādi saglabājot mazāko. Izmantojot UI Grid, jūs varat saistīt šūnas ar sarežģītām īpašībām / funkcijām, palaist kolonnu šķirošanu un filtrēšanu, rediģēt datus vietā un vairāk. Lai mainītu datu tīkla displeja stilu, izmantojiet Customizer.

Iegūstiet jaunāko UI režģi no savas mājas lapas.

5 lietojumprogrammas, lai iepirktu no šīs brīvdienas [Atsauksmes]

5 Awesome sīkrīki no Kickstarter Worth Buying

5 Android lietojumprogrammas mazākas urbšanas bloķēšanas ekrāniem