Fizahan-takelaka[Afeno][Aseho]
Ny orinasa tsirairay manangana tranokala dia manana ny traikefan'ny mpampiasa ho zava-dehibe indrindra. Ny mpampiasa anao dia tsy maintsy manana fahafahana miditra amin'ireo endri-javatra sy fampiasa tsy mampino rehetra nomaninao.
Ny tranokalanao dia tsy maintsy mipetaka haingana, ho mora ny hivezivezy ary manolotra traikefa mpampiasa tsy misy olana. Izany dia mitaky ny fampiasana rafitra frontend izay manafaingana ny famoronana tranonkala mavitrika sy mifantoka amin'ny mpampiasa.
Nanangona lisitr'ireo rafitra faran'izay ambony indrindra ho an'ny fampivoarana fampiharana tranonkala izahay. Ireo rafitra ireo dia ahafahanao mamorona tranonkala manara-penitra, entin'ny mpampiasa ary fampiharana an-tserasera. Mila rafitra eo anoloana ny mpamorona tranonkala mba hanamora ny asany.
Ireo fonosana rindrambaiko ireo mazàna dia manolotra maody kaody efa voasoratra/azo ampiasaina indray, teknolojia manara-penitra eo anoloana, ary sakana interface tsara efa vita, izay mahatonga azy io ho haingana sy mora kokoa ho an'ny mpamorona ny mamorona rindranasa tranonkala maharitra sy mpampiasa fifandraisana tsy mila kaody ny asa na zavatra rehetra hatrany am-boalohany.
Ny fitaovana fampivoarana sasany dia tafiditra ao anatin'ny rafitra eo anoloana, toy ny rindran-damina izay manamora ny fandrindrana ireo singa famolavolana UI, ny fandrindrana endri-tsoratra efa voafaritra mialoha, ary ireo sakana fanorenana efa voafaritra mialoha ho an'ny vohikala (izany hoe takelaka sisiny, bokotra, bara fitetezana, sns.).
Na izany aza, asa sarotra ny fisafidianana ny rafitra open-source tsara indrindra ho an'ny fampivoarana rindrambaiko. Tsy maintsy manao fikarohana lalina momba ny tsena ianao ary mahatakatra ny tombony sy ny tsy fahampiana.
Fa aza manahy; eto izahay hamonjy anao fotoana sy ezaka miaraka amin'ny toro-hevitra tsy mety diso.
Ity lahatsoratra ity dia hanampy anao amin'ny fikatsahana ny lisitr'ireo rafitra eo anoloana amin'ny loharano misokatra ambony indrindra ary mifantina izay mifanandrify indrindra amin'ny tetikasa fampandrosoana tranonkala ho avy.
1. Maneho Hevitra Momba
Ny iray amin'ireo frameworks front-end malaza indrindra dia antsoina hoe React; Raha fintinina, dia fitaovana mifototra amin'ny JavaScript miaraka amin'ny syntax JSX izay noforonin'ny Facebook ary navoaka voalohany tamin'ny 2011.
Taty aoriana dia nivoatra ho tranomboky misokatra amin'ny 2013, izay miala kely amin'ny famaritana nentim-paharazana momba ny rafitra iray. Modely virtoaly Document Object Model (DOM) miaraka amin'ny fatorana angona tokana no toetra mampiavaka an'i React.
React dia ankasitrahana noho ny zava-bitany miavaka ary heverina ho iray amin'ireo rafitra mora indrindra hianarana noho ny fahaizan'ny DOM virtoaly.
Ny fizotry ny fianarana mora sy mora ampiasaina dia mahatonga azy ho safidy mahafinaritra ho an'ireo vao manomboka na mpamorona tsy dia za-draharaha. Ny React dia natao hiara-hiasa amin'ny tranomboky hafa, anisan'izany ny fitantanana fanjakana, ny lalana ary ny fifandraisan'ny API.
Ny singa Reusable React dia mahatonga an'ity rafitra eo anoloana ity ho safidy tsara indrindra raha te hanafaingana ny fampivoarana interface tsara ianao.
React, rafitra miasa amin'ny Facebook, dia nahazo fankasitrahana ho fanampim-panampiana tsara indrindra amin'ny kitapom-pitaovana eo anoloana. Ny singa dia noforonina amin'ny fampifangaroana ny teny HTML sy ny tenifototra syntax miaraka amin'ny JSX coding style.
Izy io dia mizara ireo singa lehibe amin'ny ampahany mora kokoa sy kely kokoa izay azo fehezina misaraka sy tsy miankina. Tsy isalasalana fa hitombo ny famokaran'ny mpamorona miaraka amin'ny fanampiana an'io fampiasa io.
matihanina
- tranomboky open-source manome fitaovana isan-karazany
- Tsotra ny fampiasana sy ianarana ny React.
- Rehefa mampiasa React ianao dia afaka mampiasa singa efa noforonina indray. Amin'izany fomba izany, ny fiaraha-miasa sy ny fampiasana ireo singa ireo amin'ny sehatra hafa amin'ny programa dia atao tsotra kokoa.
- Na ny rindranasa be entana aza dia afaka miasa tsara noho ny fampiasana ny DOM virtoaly azy, izay miantoka ny fandefasana haingana ihany koa.
- fanatsarana ny famokarana sy fikojakojana. Ny rindrambaiko dia azo havaozina amin'ny endri-javatra vaovao.
maharatsy ny mifampiresaka
- Miresaka fotsiny ny haavon'ny UI amin'ny fampiharanao izy io.
- Ny mpamorona dia mety ho sarotra ny mahazo ny hevitry ny JSX amin'ny dingana voalohany amin'ny fandalinana ny React.
- Ny ampahany UI amin'ny programa ihany no novolavolaina amin'ny fampiasana ReactJS. Vokatr'izany dia mila miantehitra amin'ny teknolojia hafa ianao mba hahazoana fitaovana fampandrosoana manontolo.
- Sarotra ny mitazona antontan-taratasy marina satria mety ovaina haingana sy mora ny singa.
2. Angular
Ny framework frontend open source tsara indrindra, Angular, izao no lohany amin'ny lisitry ny framework frontend amin'ny tranonkala. Izy io dia fototry ny famokarana fampiharana pejy tokana mahomby sy be pitsiny.
Izy io dia sehatra iray ho an'ny fandaharana mifototra amin'ny Typescript noforonin'ny Google. Ny rafitra Angular amin'ny fananganana rindranasa an-tserasera azo esorina dia ahitana fitaovana iray ho an'ny mpamorona hanoratra, hanorina, hizaha toetra ary hanova kaody ary koa tranomboky mifandray akaiky.
Angular dia manolotra fiasa roa mifamatotra, izay ny fanavahana fototra eo aminy sy ny rafitra React. Ny fanavaozana modely rehetra dia azo ampidirina amin'ny fijery noho ny fisian'ity fampiasa ity.
Ny mpandrindra iray dia afaka mijery ny fanovana ataon'izy ireo amin'ny programa ary koa ny fisehoany amin'ny fotoana tena izy. Ny ankamaroan'ny asan'i Angular dia mifantoka amin'ny famoronana fampiharana an-tserasera sy finday.
Fanampin'izany, mora ny mamorona rindranasa tranonkala tokana sy pejy maro. Ny sasany amin'ireo orinasa ambony eran'izao tontolo izao dia mampiasa Angular noho ny fahaizany maro, anisan'izany ny Microsoft Office, BMW, Forbes, Gmail, ary Upwork.
matihanina
- Ny fampifanarahana amin'ny fijerena modely amin'ny fotoana tena izy dia azo atao noho ny fahaiza-manaon'ity rafitra ity, izay manamora kokoa ny fanovana ny fampiharana.
- Miaraka amin'ny fampiasana tsindrona fiankinan-doha, ny mpamorona dia afaka manaisotra ny singa kaody mifampiankina ary mampiasa azy ireo araka izay ilaina.
- Ny fisian'ny Directives dia ahafahan'ny programmer manao fanandramana amin'ny Document Object Model (DOM) ary mamokatra votoaty HTML manankarena.
- tambajotra fianarana sy fanohanana lehibe.
- Hatramin'ny namoahana azy dia nahazo laza teo amin'ireo mpamorona ny Angular. Vondrona mpamorona tranonkala marobe no mampiasa Angular amin'izao fotoana izao. Raha manana olana ny developer dia afaka mangataka fanampiana avy hatrany amin'ity vondrom-piarahamonina ity izy ireo.
maharatsy ny mifampiresaka
- Ny angular dia fiteny sarotra ianarana noho ny karazana endri-javatra maro sy ny fampiasa ao anatiny.
- Ny angular dia be verbose ary sarotra.
- Ny fampiharana dynamic dia mety miadana ary mety tsy mahomby.
3. manifinify
Svelte, iray amin'ireo rafitra fampivoarana frontend tena tiana indrindra, dia manome interface tsara ho an'ny mpampiasa. Ny compiler dia nampidirina tamin'ny taona 2016.
Nahazo fankatoavana tsikelikely izy io hatramin'izay, ary tamin'ny taona 2022, dia efa nekena ho iray amin'ireo rafitra frontend tsara indrindra.
Svelte dia heverina ho safidy fampandrosoana maivana eo anoloana ahafahan'ny mpamorona mamita ny tetikasany amin'ny fanoratana kely kokoa noho ny eo ambanin'ny rafitra hafa..
Izy io dia rafitra JavaScript nosoratan'ny Typescript mifototra amin'ny loharano misokatra. Voalaza fa anisan'ny frameworks front-end haingana indrindra any.
Svelte dia mandamina singa samihafa ary manasaraka ny môdely, ny lojika ary ny fampisehoana mba hahafahan'ny variable azo idirana mivantana avy amin'ny marika, manamora ny fizotran'ny fampandrosoana manontolo.
Tsy manana DOM virtoaly izy io ary mampiroborobo ny modularity amin'ny fandaharana eo anoloana. Ny kaody tsy misy boilerplate dia atolotr'i Svelte, ahafahanao mamorona singa amin'ny HTML, CSS ary JavaScript.
Avy eo, mandritra ny dingana fananganana, ny compiler dia manova ny kaody ho modely tsy misy framework, maivana amin'ny vanila JavaScript, mampiditra azy ireo ao amin'ny DOM rehefa miova ny fanjakana.
Noho izany, i Svelte, tsy toa an'i React na Vue, dia tsy mitaky fanodinana navigateur lehibe, ary tsy ilaina ny mampiasa vola amin'ny famoronana DOM virtoaly.
matihanina
- Ny fampiharana ny Server-Side Rendering (SSR) an'i Sapper dia tena matanjaka.
- manolotra fahafahana fampandrosoana haingana sy curve fianarana mideza.
- Anisan'ny rafitra frontend misy famaliana haingana indrindra
- Architecture mifototra amin'ny singa-mazava kaody
- Ny fampiharana finday mora dia omen'ny framework.
maharatsy ny mifampiresaka
- Fitaovana voafetra sy tsy fahampian'ny fitaovana fanohanana
- Ekolojia voafetra sy vondrom-piarahamonina tsy matotra
- Fanamafisana vitsivitsy sy olana manokana momba ny kaody
4. jQuery
Iray amin'ireo frameworks frontend JavaScript open source voalohany ny jQuery, izay nampidirina tamin'ny 2006.
Na dia eo aza ny maha-vazaha tena izy amin'ity indostria ity, dia mbola anisan'ny rafitra voalohany amin'ny 2022 izy io satria, miaraka amin'ny maningana vitsivitsy, dia saika mifandraika amin'ny fomba fampandrosoana ankehitriny.
Satria efa nisy hatry ny ela izy io, ny jQuery dia manana fitaovana tsara hampihenana ny code JavaScript mandreraka ary manome fahatsorana ary koa fanohanana matanjaka avy amin'ny vondrom-piarahamonina lehibe sy mahay.
Ny iray amin'ireo antony miharihary mahatonga ny jQuery mijanona ho malaza hatry ny ela dia fomba tsotra amin'ny kaody JavaScript.
Satria ny jQuery dia azo ampifanarahana amin'ny fikirakirana hetsika, ny hetsika sasany amin'ny mpampiasa toy ny fikitihana totozy na ny fanendry fitendry fitendry dia atambatra amin'ny kaody kely izay mora karakaraina sy ampidirina amin'ny toerana kisendrasendra amin'ny lojikan'ny JS fampiharana anao.
jQuery Mobile, ny rafitra UI miorina amin'ny HTML5 voalohany, dia manohana ny fampivoarana ireo rindranasa finday teratany, na dia tsy naorina tamin'ny voalohany aza izy io mba hananganana fampiharana finday.
Satria ny jQuery dia mitantana tsara ny fifampiraharahana amin'ny navigateur, tsy mila manahy momba ny olana rehetra mety hitranga amin'ny navigateur ny mpamorona frontend.
matihanina
- Sehatra open-source manatsotra ny fangatahana HTTP.
- Na dia rafitra fototra aza izy io, dia azo ampiasaina amin'ny fametrahana fampiharana mavitrika.
- Miaraka amin'ny DOM azo ampifanarahana, azo ampiana na esorina tsotra izao ny singa.
- JQuery dia iray amin'ireo Frameworks tsotra indrindra misy. JQuery dia mora ampiasaina na dia tsy dia mahafantatra firy momba ny fandaharana aza ianao. Izany no antony mbola heverina ho iray amin'ireo rafitra farany ambony indrindra amin'ny 2022.
maharatsy ny mifampiresaka
- JQuery dia mamela ny fananganana fampiharana mavitrika, saingy amin'ny hafainganam-pandeha miadana kokoa.
- Ny interface maivana JQuery dia mety hiteraka olana mandritra ny fotoana maharitra.
- JQuery dia sehatra tranainy, ary maro ireo rafitra vaovao sy tsara kokoa no hita eny an-tsena amin'izao fotoana izao.
5. ember
Raha ny momba ny fiasa mifototra amin'ny singa sy ny fatorana angon-drakitra roa, dia mitovy ny Ember sy Angular. Mba hamaliana ny fitakian’ny teknolojia maoderina dia novolavolaina tamin’ny taona 2011 izany.
Mbola ampiasain'ny sasany amin'ireo fikambanana malaza indrindra eran'izao tontolo izao izy io, toa an'i Linkedin sy Apple, na dia iray amin'ireo Frameworks sarotra ianarana aza.
Izany dia noho ny fahafahan'ny mpamorona mamolavola haingana ny fampiharana finday sy Internet sarotra. Miaraka amin'ny maritrano mifototra amin'ny singa, Ember dia fitaovana tsara hamoronana pejy tokana be pitsiny sy manankarena rindranasa tranonkala ho an'ny lafiny mpanjifa na fampiharana finday.
Ny Angular sy ity rafitra ity dia manolotra fatorana angon-drakitra roa. Izy io dia mety tsara amin'ny fiatrehana ny fitomboan'ny filàna teknolojia ankehitriny.
Raha ny marina, ny vondrom-piarahamonina ho an'ny Ember dia toa anisan'ireo vondrom-piarahamonina mafana fo, mirotsaka ary mitantana tsara indrindra any. Araka ny fanombatombanana sasany, mety tsy manana fahafaha-manao i Ember noho ny fomba hentitra tsy maintsy arahin'ny mpamorona mba hampiasana azy.
matihanina
- Ny tontolon'ny fonosana dia manana habe lehibe sy mandroso.
- Mifanaraka amin'ny aoriana izy io ary manakana ny fampiharana tsy ho simba.
- Tontolo iray ho an'ny fonosana voarafitra tsara sy mahafeno ny filanao rehetra.
- Ny fampivoarana mora sy haingana ny fampiharana feno miaraka amin'ny baiko tokana.
- Ny programa taloha dia hanohy hiasa tsy misy kilema na dia eo aza ny fanavaozana vaovao satria mifanaraka amin'ny aoriana.
maharatsy ny mifampiresaka
- Ny curve fianarana EmberJs dia avo be.
- manome customization sy flexibility somary kely
- Ho an'ny syntax be pitsiny, mety ho sarotra indraindray ny miasa amin'izany.
- Ny Framework mavesatra an'i Ember dia mety ho toy ny fandaniam-poana rehefa ampiasaina hamoronana fampiharana tsotra.
6. backbone.js
Ity rafitra ity dia noforonina tamin'ny taona 2010 ary loharano misokatra ary tsy misy vidiny ampiasaina. Izy io dia rafitra eo anoloana tena tiana sy be mpampiasa amin'ny fananganana rindranasa an-tserasera tsotra iray pejy.
Manampy ny mpamorona izany amin'ny fitazonana ny fampiasa sy ny UI an'ny tetikasa misaraka. Ireo tetikasa lehibe kokoa izay mitaky famolavolana tsara kokoa sy kaody kely kokoa dia afaka mampiasa izany koa.
Backbone.js dia mamporisika anao handika ny angonao ho modely, hanova ny DOM-nao ho fomba fijery, ary hampifandray azy ireo amin'ny alalan'ny hetsika. Izany dia mifanaraka amin'ny fomba fampandrosoana MVC/MVP.
Asehony ho modely ny angonao, izay azo amboarina, hamarinina, esorina ary tehirizina ao amin'ny mpizara. Ireo modely ireo dia manohana ny hetsika manokana sy ny famatorana manan-danja; isaky ny manova ny toetran'ny maodely ny hetsika UI iray dia miteraka hetsika fanovana ilay maodely.
Ny fijery rehetra izay maneho ny toetry ny maodely dia afaka mandray ny fanovana mba hahafahany mamaly araka ny tokony ho izy sy mamerina ny tenany miaraka amin'ny vaovao nohavaozina.
Amin'ity sehatra ity, afaka mamorona tetikasa mitaky sokajy mpampiasa maromaro ianao ary mampiasa fanangonana hanavahana ireo modely.
Noho ny fampifanarahana ny REST API, Backbone.js dia safidy mety na tianao hampiasaina amin'ny faran'ny voalohany na amin'ny faran'ny fampiharana anao.
matihanina
- Maivana izy io, mora azo ary mora ianarana.
- Anisan'ireo rafitra JavaScript haingana indrindra
- Ny rafitra dia manome fanaraha-maso mahomby.
- Raha tokony ho DOM ianao dia afaka mampiasa modely hitahiry ny angonao.
maharatsy ny mifampiresaka
- Miaraka amin'ny Backbone.js, tsy azo ampitomboina ny vokatra.
- Sarotra izany satria tsy tohanana ny fatorana angon-drakitra roa.
- Na dia eo aza ny fisian'ny fitaovana fototra sasany, ny maritrano dia tsy voafaritra tsara.
7. Foundation
Iray amin'ireo rafi-pandaminana misokatra ho an'ny JS, HTML ary CSS amin'ny 2022 ny Foundation. Io no iray amin'ireo rafitra lehibe indrindra ampiasain'ny mpamorona mba hamoronana tranokala sy fampiharana tokana.
Ity sehatra ity dia natao ho an'ny mpamorona efa za-draharaha, na izany aza, raha misy olona mahafantatra ny rafitra dia mahagaga sy mamokatra ny miasa miaraka aminy.
Izy io dia manome fanafainganana GPU miavaka ary misy teknolojia avo lenta izay mahatonga ny sasany amin'ireo endri-javatra tsara indrindra azo atao.
Ny Foundation dia ahitana endri-javatra haingana, mandray andraikitra, ampahany lehibe ho an'ny fitaovana hafa, fizarana maivana ho an'ny fampiharana finday, ary sary mihetsika sy fifindrana.
Izy io no synthesis tsara indrindra amin'ny singa izay tian'ny mpamorona tsirairay. Ity rafitra frontend ity dia nampiasain'ny orinasa IT lehibe indrindra.
Tafiditra ao anatin'izany ny fahaizan'ny famandrihana finday haingana, ny fanafainganana ny GPU ho an'ny sarimiaina malama tsara, ary ireo endri-javatra mifanakalo angona izay mameno ampahany maivana ho an'ny fitaovana finday sy fizarana mavesatra ho an'ny fitaovana lehibe kokoa.
Ny fiasana amin'ny tetikasa mahaleo tena dia hanampy anao hahafantatra tsara ny firafitry ny Fondation ary hivezivezy amin'ny fahasarotany raha misafidy ny hampiasa azy ianao.
matihanina
- mamela ny fanamboarana mora ny haben'ny efijery maro
- Sakanana ny fampandehanan-tsarimihetsika izay mamorona firindran'ny grids marina avy amin'ny lisitra tsy voalamina
- Rehefa mandinika ny add-ons, dia mora azo amboarina sy azo itarina.
- Miankina amin'ny fitaovana voafidy, afaka manome traikefa manokana ho an'ny mpampiasa farany ny mpamorona.
maharatsy ny mifampiresaka
- Manana singa voafetra ihany izy io.
- Ho an'ny vao manomboka, ny fianarana Foundation dia ho sarotra.
- Ho an'ny tetikasa lehibe dia mety ho olana ny rafitra.
8. UI semantisman
Ao amin'ny indostria, ny UI semantika dia mbola vaovao. Izy io dia ekena ho iray amin'ireo rafitra voalohany indrindra amin'ny famoronana tranokala. Ny fahombiazana dia vokatry ny mpampiasa interface tsara intuitive, fahatsorana ary mahasoa.
Koa satria mampiasa kaody tsotra izy io, dia hitan'ireo vao manomboka ho mora azo sy ampiasaina. Sehatra fampivoarana mahafinaritra izy io satria manome fomba fiasa tsotsotra amin'ny famoronana fampiharana sy tranokala ary miara-miasa amin'ny tranomboky ivelany maro.
Kely nefa feno fanoloran-tena sy hafanam-po, ny vondrom-piarahamonina Semantic UI dia efa namokatra lohahevitra an-jatony ho an'ny rafitra, singa UI am-polony, ary fanovana GitHub an'arivony hatramin'ny fampidirana ny tetikasa.
Ny tranokalan'izy ireo dia milaza fa ny tanjon'ny rafitra dia ny mamela ny fampiasana HTML (fomba semantika) ho an'ny olombelona, ary vokatr'izany, ny teny sy ny kilasy dia raisina ho foto-kevitra azo ovaina.
Ny kilasy dia mandray syntax avy amin'ny fiteny mitovy amin'ny olombelona miaraka amin'ny fifandraisana voajanahary / modifier, filaharan'ny teny, ary plurality, izay ahafahan'ny mpamorona mampifandray ireo hevitra intuitively.
Izy io dia manasongadina ny traikefan'ny mpampiasa tsotsotra noho ny endrika malefaka sy tsy misy dikany ary fisaka.
matihanina
- Ny mpampiasa interface tsara semantika dia mora ampiasaina sy intuitive.
- Mamorona pejy na tetikasa haingana.
- Fonosana fitaovana ahafahana CSS, JavaScript, ary fanitsiana lohahevitra.
- Tsotra ny mizara kaody novokarina indray mandeha amin'ny fampiharana maro samihafa.
- Lohahevitra isan-karazany no atolotra ao anatin'ny rafitra.
maharatsy ny mifampiresaka
- Ny interoperability amin'ny navigateur dia ratsy.
- Fiaraha-monina maotina
- Tokony ho zatra JavaScript ny mpamorona.
- Tsy ampy ny fandraisana andraikitra hanohanana ny fitaovana finday rehetra.
Famaranana
Ny tanjon'ny orinasa, ny tsena lasibatra, ary ny tranokala tiana na ny famolavolana fampiharana dia mamaritra amin'ny farany hoe iza amin'ireo rafitra frontend open source no tokony hampiasaina.
Tokony hanara-maso akaiky ny fironana amin'ity sehatra ity ny mpamorona. Ny fanaovana ny dingana marina voalohany amin'ny tanjona ho avy dia ahitana ny fisafidianana ny rafitra mety.
Efa nandrakotra ny sasany amin'ireo rafitra faran'izay open-source ambony indrindra izahay. Na dia mivoatra hatrany aza ny teknolojia, iza no mahalala, mety hanana Framework tsara kokoa isika ao anatin'ny fotoana fohy.
Leave a Reply