O kamupani uma e fausia se upega tafaʻilagi o loʻo i ai le poto masani a le tagata faʻaoga e avea ma popolega sili. E tatau i au tagata fa'aoga ona maua avanoa uma i foliga mata'ina ma galuega na e fa'apolokalameina.
E tatau ona uta vave lau 'upega tafaʻilagi, faʻafaigofie ona faʻatautaia, ma ofoina atu se poto masani faʻaoga. O lenei mea e manaʻomia ai le faʻaogaina o faʻamalama pito i luma e faʻavaveina ai le fausiaina o upega tafaʻilagi faʻaogaina, faʻaoga-tagata.
Ua matou tu'ufa'atasia se lisi o fa'ava'a pito i luma pito i luga mo le atina'eina o upega tafa'ilagi. O nei fa'ava'a e fa'atagaina oe e fai ni 'upega tafa'ilagi fa'apitoa, fa'aoga-tagata fa'aoga ma polokalame i luga ole laiga. E mana'omia e le au atia'e i luga o le upega tafa'ilagi ni auivi pito i luma e faafaigofie ai a latou galuega.
O nei pusa komipiuta e masani lava ona ofoina atu muamua-tusitusi / toe faʻaaogaina code modules, faʻataʻitaʻiina o tekonolosi pito i luma, ma poloka faʻapipiʻi ua saunia, lea e faʻavavevave ai ma faigofie mo tagata atinaʻe le fatuina o talosaga i luga ole laiga umi ma tagata e faaaogaina interfaces e aunoa ma le fa'ailogaina o galuega uma po'o mea mai le sasa.
O nisi meafaigaluega tau atina'e o lo'o aofia i totonu o fa'ava'a pito i luma, e pei o se fa'asologa e fa'afaigofie ai ona fa'atulagaina elemene mamanu UI, fa'avasegaina o le vaitusi, ma poloka faufale fa'ata'atia mo 'upega tafa'ilagi (fa'atusa paneta, fa'amau, fa'asagaga, ma isi).
Ae ui i lea, o le pikiina o le faʻavaa faʻamalama faʻapitoa mo lau atinaʻeina o polokalama o se galuega faigata. E tatau ona e faia suʻesuʻega maeʻaeʻa maketi ma malamalama i le lelei ma le le lelei.
Ae aua le popole; ua matou i ai iinei e sefe lou taimi ma taumafaiga i la matou fautuaga le mafaaseseina.
O lenei tusiga o le a fesoasoani ia te oe i le suʻesuʻeina o le lisi o faʻamalama pito i luma pito i luga ma filifili le mea e sili ona fetaui ma lau poloketi atinaʻe i luga ole laiga.
1. tali
O se tasi o auivi pito i luma sili ona lauiloa o loʻo maua e taʻua o React; I se faapuupuuga, o se mea faigaluega faʻavae JavaScript faʻatasi ma le JSX syntax na fatuina e Facebook ma faʻalauiloa muamua i le 2011.
Mulimuli ane na tupu aʻe i se faletusi tatala i le 2013, lea e alu ese mai le faʻamatalaga masani o se faʻavae. O se Fa'ata'ita'iga Fa'ata'ita'i Fa'amaumauga (DOM) fa'atasi ai ma fa'amaumauga e tasi le ala o le uiga iloga lea o le React.
O le React e viia ona o le tulaga ese o le faatinoga ma ua manatu o se tasi o faiga sili ona faigofie e aʻoaʻoina ona o le gafatia DOM virtual.
O lona fa'aoga-faauo ma le a'oa'oga agamalu ua avea ai ma filifiliga sili mo tagata amata po'o le au atina'e le poto masani. React ua mamanuina e galulue faʻatasi ma isi faletusi, e aofia ai mo le pulega o le setete, taʻavale, ma fesoʻotaʻiga API.
O vaega Reusable React e avea ai lenei auivi pito i luma ma filifiliga sili pe afai e te manaʻo e faʻavavevave le atinaʻeina o se fesoʻotaʻiga fesoʻotaʻiga.
O le React, o se fa'avae e fa'aogaina e le Facebook, ua fa'ailoaina o se fa'aopoopoga sili i le mea faigaluega pito i luma. O vaega e faia e ala i le tuʻufaʻatasia o upusii HTML ma tag syntax ma le JSX coding style.
E vaevaeina vaega tetele i ni vaega e sili atu ona pulea, laiti e mafai ona pulea fa'atasi ma tutoatasi. O le a mautinoa le faateleina o le gaosiga o le atinaʻe i le faʻaopoopoga o lenei galuega.
tulaga e lelei
- faletusi tatala-puna e maua ai meafaigaluega eseese
- E faigofie ona fa'aoga ma a'oa'o le React.
- A fa'aaoga le React, e mafai ona e toe fa'aogaina se vaega ua uma ona fai. I lenei faiga, o le galulue faatasi ma le faʻaogaina o nei vaega i isi vaega o le polokalame e faʻafaigofieina.
- E oo lava i talosaga maualuga-avega e mafai ona galue lelei ona o le faʻaogaina o latou virtual DOM, lea e faʻamaonia ai le faʻavavevave.
- fa'aleleia ma le fa'aleleia. E mafai lava ona fa'afou le polokalama i foliga fou.
leaga
- E na'o le fa'afeso'ota'i tulaga UI o lau app.
- Atonu e faigata i le au atiaʻe ona malamalama i manatu o le JSX i le amataga o le suʻesuʻeina o le React.
- Na'o le vaega UI o le polokalame e atia'e e fa'aaoga ai le ReactJS. O le i'uga, e mana'omia lou fa'alagolago i isi tekonolosi ina ia maua uma ai meafaigaluega tau atina'e.
- E faigata ona fa'amauina fa'amaumauga sa'o talu ai e mafai ona fa'aleleia vave ma faigofie vaega.
2. Angular
Ole fa'ava'a pito pito i luma ole fa'amalama, Angular, ua pito i luga nei le lisi o fa'ava'a pito i luma ole upega tafa'ilagi. E fai ma fa'avae mo le fa'atupuina o polokalame aoga ma fa'apitoa i itulau ta'itasi.
O se fa'avae mo polokalame fa'avae Typescript na faia e Google. Ole auivi Angular mo le fausiaina o talosaga i luga ole laiga e mafai ona faʻaogaina e aofia ai se seti o meafaigaluega mo tagata atiaʻe e tusi, fau, suʻega, ma suia tulafono faʻapea foʻi ma le tele o faletusi fesoʻotaʻi.
O le Angular o loʻo ofoina atu se faʻaogaina e lua-auala, o le eseesega taua lea i le va o le React framework. Soʻo se faʻafouga faʻataʻitaʻiga e mafai ona tuʻufaʻatasia ma le vaaiga faʻafetai i le maua o lenei faʻatinoga.
E mafai ona va'ai se tagata fa'atupuina suiga o lo'o latou faia i le polokalame fa'apea fo'i ma le fa'aalia i le taimi moni. O le tele o galuega a Angular e taulaʻi i le fatuina o luga ole laiga ma telefoni feaveaʻi.
E le gata i lea, e faigofie le fatuina o itulau e tasi ma le tele-itulau upega tafaʻilagi. O nisi o kamupani pito i luga i le lalolagi e faʻaaogaina le Angular ona o le tele o ana gafatia, e aofia ai Microsoft Office, BMW, Forbes, Gmail, ma Upwork.
tulaga e lelei
- Fa'ata'ita'iga fa'ata'ita'i fa'ata'ita'iga fa'ata'ita'i taimi moni e mafai ona o le fa'aogaina o lenei fa'ava'a, lea e fa'afaigofie ai fo'i le fa'aleleia o le talosaga.
- Faatasi ai ma le faʻaogaina o tui faʻalagolago, e mafai e le au atinaʻe ona vavae ese vaega faʻalagolago faʻatasi ma toe faʻaaogaina pe a manaʻomia.
- O le iai o Fa'atonuga e mafai ai e le au fai polokalame ona fa'ata'ita'i ile Fa'ata'ita'iga Fa'ata'ita'i Fa'amaumauga (DOM) ma maua ai le anoano o le HTML.
- se feso'ota'iga a'oa'oga ma lagolago.
- Talu mai lona faʻamalolo, ua maua e Angular le taʻutaʻua i le au atinaʻe. O se vaega tele o tagata atiaʻe upega tafaʻilagi faʻaaogaina Angular i aso nei. Afai ei ai se fa'afitauli a se tagata atia'e, e mafai ona latou talosaga atu mo se fesoasoani mai lenei alalafaga.
leaga
- O le Angular o se gagana faigata tele e aʻoaʻoina ona o le tele o vaega o foliga ma galuega faʻapipiʻi.
- O le Angular e fa'aupuga ma lavelave.
- E mafai ona fa'agesegese ma ono fa'aletonu le fa'atinoga.
3. Laiti
Svelte, o se tasi o auivi atina'e pito sili ona fiafia i ai, e maua ai se fa'aoga fa'aoga-tagata. Na faʻalauiloaina le tuʻufaʻatasia i le 2016.
O lo'o fa'asolosolo ona maua le fa'ailoga i lena taimi, ma e o'o atu i le 2022, ua uma ona fa'ailoaina o se tasi o fa'ava'a pito sili ona lelei.
Svelte ua manatu o se mama mama pito i luma o le atinaʻeina filifiliga mo le mafai e le au atinaʻe ona faʻamaeʻaina a latou galuega faatino ma le tele o tusitusiga nai lo lalo o isi faʻavae..
O se fa'avae matala fa'avae-fa'avae Typescript-tusia JavaScript auivi. O lo'o ta'ua o se tasi o fa'ava'a pito i luma sili ona vave i fafo.
Svelte faʻatulagaina vaega eseese ma tuʻueseese le faʻataʻitaʻiga, faʻamatalaga, ma faʻaaliga ina ia mafai ona faʻaogaina saʻo suiga mai le faʻailoga, faʻamalamalamaina le faagasologa atoa o le atinaʻe.
E leai se virtual DOM ma faʻaleleia le faʻaogaina i polokalame pito i luma. O loʻo ofoina mai e Svelte le faʻailoga e leai se faʻapipiʻi faʻapipiʻi, e mafai ai ona e fatuina vaega ile HTML, CSS, ma le JavaScript.
Ma, i le taimi o le fausiaina, e faʻaliliuina e le tagata faʻapipiʻi le code i totonu o faʻasalalauga e leai se totogi, mama mama faʻapitoa i le vanilla JavaScript, faʻapipiʻi saʻo i totonu o le DOM pe a suia le setete.
Ona o lenei mea, Svelte, e le pei o le React poʻo le Vue, e le manaʻomia le tele o suʻesuʻega suʻesuʻe, ma e leai se manaʻoga e teu faʻafaigaluega i le fatuina o se DOM virtual.
tulaga e lelei
- O le faʻatinoga a Sapper o le Server-Side Rendering (SSR) e fai si malosi.
- ofo atu avanoa fa'atupu vave ma se fa'aa'oa'oga maualuga.
- I totonu o faʻavaa pito i luma ma le tali vave
- Fa'ailoga-malamalama fa'avae fausaga fa'avae
- Faigofie le fa'atinoina o telefoni feavea'i ua saunia e le fa'ava'a.
leaga
- Laiti meafaigaluega ma le leai o ni mea e lagolago ai
- Si'osi'omaga fa'atapula'aina ma nu'u le matutua
- O nai popolega fa'atatau ma fa'ailoga-fa'apitoa
4. jQuery
O se tasi o faʻasalalauga muamua o le JavaScript o le jQuery, lea na faʻalauiloaina i le 2006.
E ui lava i le avea ma se tagata matua tuai i lenei pisinisi, ae o loʻo i ai pea i totonu o le pito i luma pito i luga o le 2022 aua, faʻatasi ai ma ni nai tuusaunoaga, e toetoe lava a talafeagai i faiga faʻavae o loʻo iai nei.
Talu ai ua leva ona iai, ua saunia lelei le jQuery e faʻaitiitia ai le code JavaScript faʻafefe ma maua ai le faigofie faʻapea foʻi ma le lagolago malosi mai lona lautele ma le malamalama lautele.
O se tasi o mafuaaga manino na mafua ai ona tumau le lauiloa o le jQuery mo se taimi umi lona auala faigofie ile code JavaScript.
Ona o le jQuery e mafai ona fetuutuunai i le taulimaina o mea e tutupu, o nisi mea e fai e le tagata e pei o le kiki o le isumu po o le ki o le keyboard e faʻapipiʻi i lalo i ni vaega laiti e faigofie ona pulea ma tuʻufaʻatasia i soʻo se vaega o le JS logic a lau talosaga.
O le jQuery Mobile, o le fa'avae muamua o le HTML5-fa'avae UI system, o lo'o lagolagoina nei le atina'eina o talosaga feavea'i, e ui i le mea moni e le'i fausia muamua e fausia ai masini feavea'i.
Talu ai o le jQuery o loʻo faʻatautaia lelei le fesoʻotaʻiga o suʻesuʻega, e le tatau i tagata atinaʻe pito i luma ona popole i popolega uma e ono fesoʻotaʻi ai suʻesuʻega.
tulaga e lelei
- O se faʻamatalaga tatala-puna e faʻafaigofie talosaga HTTP.
- E ui lava o se faʻavae faʻavae, e mafai ona faʻaaogaina e faʻapipiʻi ai talosaga faʻamalosi.
- Faatasi ai ma lona fetuunaiga DOM, vaega e mafai ona faʻaopoopo pe tape.
- O le JQuery o se tasi o Fa'atonu faigofie e maua. JQuery e faigofie ona faʻaoga tusa lava pe e te le iloa tele e uiga i polokalame. O le mafuaʻaga lea o loʻo taʻua pea o se tasi o pito pito i luga pito i luma i le 2022.
leaga
- O le JQuery e mafai ai ona fausia ni polokalama faʻamalosi, ae i se saoasaoa faʻagesegese.
- O le fa'aoga mama a le JQuery e ono mafua ai fa'afitauli i se taimi umi.
- O le JQuery o se fa'avae tuai, ma o lo'o maua le tele o fausaga fou ma sili atu i luga o le maketi i aso nei.
5. tagata
A oʻo mai i le faʻaogaina o vaega faʻavae ma faʻamaumauga e lua-auala, Ember ma Angular e tutusa lelei. Ina ia ausia manaoga o tekinolosi faʻaonaponei, na atiaʻe i le 2011.
O loʻo faʻaaogaina pea e nisi o faʻalapotopotoga taʻutaʻua i le lalolagi, e pei o Linkedin ma Apple, e ui lava o se tasi o Faʻatonu sili ona faigata e aʻoaʻoina.
E mafua lenei mea ona o le mea moni e mafai ai e le au atiaʻe ona faʻataʻitaʻiina faʻataʻitaʻiga lavelave telefoni feaveaʻi ma initaneti. Faatasi ai ma lona fausaga faʻavae faʻavae, Ember o se meafaigaluega sili mo le fatuina o le lavelave, faʻatamaoaigaina itulau tasi 'upega tafaʻilagi polokalama mo le itu o tagata o tausia po'o polokalama feavea'i.
O le Angular ma lenei faʻavae e ofoina atu faʻamaumauga e lua-auala. E fetaui lelei e feagai ma le faʻatupulaia o manaʻoga mo tekinolosi faʻaonapo nei.
I le ala, o le faʻalapotopotoga mo Ember e foliga mai o se tasi o nuʻu sili ona fiafia, auai, ma faʻatautaia lelei i fafo. E tusa ai ma nisi o suʻesuʻega, e le mafai e le Ember ona fetuʻunaʻi ona o faiga faʻavae e tatau ona tausisia e le au atinaʻe e faʻaaogaina.
tulaga e lelei
- O lona fa'alapotopotoga fa'anatura o lo'o i ai se lapo'a tele ma le lapo'a.
- E fetaui i tua ma puipuia ai polokalama mai le faaleagaina.
- O se si'osi'omaga mo afifi o lo'o fa'atulaga lelei ma fa'amalieina au mana'oga uma.
- Le faigofie ma vave le atinaʻeina o se app atoa ma naʻo le tasi le faʻatonuga.
- O polokalame tuai o le a fa'aauau pea ona fa'atino lelei e ui ina fa'aleleia fou talu ai e fetaui i tua.
leaga
- O le aʻoaʻoga a le EmberJs e maualuga tele.
- e maua ai sina fa'avasegaga ma fetuutuuna'i
- Mo lona fa'asologa sili ona lavelave, o le galue i ai e mafai i nisi taimi ona faigata.
- E foliga mai ose fa'aleaga le Fa'a'otoga a Ember pe a fa'aogaina e fai ai ni fa'aoga faigofie.
6. Tuaʻi i tua.js
O lenei auivi na faia i le 2010 ma e tatala-puna ma leai se tau e faʻaaoga. Ose auivi pito i luma e fiafia tele ma fa'aoga lautele mo le fauina faigofie, tasi-itulau i luga ole laiga talosaga.
E fesoasoani i tagata atiaʻe e ala i le tuʻu ese o galuega ma UI o le poloketi. O galuega tetele e mana'omia ai le mamanu sili atu ma le itiiti ifo o le code e mafai foi ona fa'aaogaina.
E fa'amalosia oe e Backbone.js e fa'aliliu au fa'amatalaga i fa'ata'ita'iga, suia lau DOM i fa'aaliga, ma fa'afeso'ota'i fa'atasi e ala i mea e tutupu. E o gatasi lea ma le MVC/MVP atinae auala.
E faʻaalia au faʻamatalaga o ni faʻataʻitaʻiga, lea e mafai ona gaosia, faʻamaonia, aveese, ma teuina i luga o le server. O nei fa'ata'ita'iga e lagolagoina mea fa'ale-aganu'u ma fa'amauga taua; so'o se taimi e suia ai e se UI le uiga o se fa'ata'ita'iga, o le fa'ata'ita'iga e fa'atupu ai se suiga.
O manatu uma e fai ma sui o le tulaga o le faʻataʻitaʻiga e mafai ona maua le suiga ina ia mafai ona latou tali saʻo ma toe tuʻuina atu i latou lava i faʻamatalaga faʻafouina.
I luga o lenei faʻavae, e mafai ona e faia ni galuega faatino e manaʻomia ai le tele o tagata faʻaoga ma faʻaoga faʻaputuga e iloa ai le va o faʻataʻitaʻiga.
Ona o lona REST API fetaui, Backbone.js o se filifiliga talafeagai pe e te manaʻo e faʻaoga mo le pito i luma poʻo le pito i tua o lau talosaga.
tulaga e lelei
- E mama, faigofie ona uu, ma faigofie ona aʻoaʻoina.
- Faatasi ai ma fa'atulagaga JavaScript sili ona vave
- O le faiga e maua ai le pulea lelei o faatinoga.
- Nai lo le DOM, e mafai ona e faʻaogaina faʻataʻitaʻiga e teu ai au faʻamatalaga.
leaga
- Faatasi ai ma le Backbone.js, e le mafai ona faʻateleina le gaosiga.
- E lavelave talu ai e le lagolagoina le fusifusia o faʻamatalaga e lua.
- E ui lava i le maua o nisi meafaigaluega faʻavae, e le o faʻamalamalamaina lelei le fausaga.
7. faavae
O se tasi o pito sili ona tatala pito i luma fa'avae mo JS, HTML ma CSS i le 2022 o le Fa'avae. O se tasi lea o ta'iala ta'uta'ua o lo'o fa'aogaina nei e le au atina'e e fatu ai upegatafa'ilagi tulaga ese ma talosaga.
O lenei faʻavae ua faʻamoemoeina mo tagata atinaʻe faʻapitoa, peitaʻi, afai e masani se tasi i le faʻavae, galue faʻatasi ma e ofoofogia ma aoga.
E tu'uina atu le fa'avavevave fa'apitoa o le GPU ma e aofia ai fa'atekonolosi fa'apitoa e mafai ai ona maua nisi o mea sili ona lelei.
Fa'avae e aofia ai foliga vave, tali, vaega tetele mo isi masini, vaega mama mo polokalama feavea'i, ma fa'afiafiaga ma suiga.
O le tu'ufa'atasiga lelei o elemene e mana'omia e tagata ta'itasi uma. O lenei fa'avae pito i luma ua fa'aogaina lelei e kamupani tele IT.
E aofia ai le vave fa'aliliuina o le telefoni feavea'i, fa'avavevave o le GPU mo fa'afiafiaga sili ona lamolemole, ma fa'amatalaga-fetufa'aiga fa'amatalaga e utaina ai pusi mama mo masini feavea'i ma vaega tetele mo masini tetele.
O le galue i galuega tuto'atasi o le a fesoasoani ia te oe e fa'amasani ai i le fa'atulagaga o le Fa'avae ma fa'atautaia lona lavelave pe a e filifili e amata fa'aaoga.
tulaga e lelei
- fa'ataga mo le fauina faigofie o le tele o lau tele
- Polokalama galuega fa'atino e fa'atupu ai se fa'asologa sa'o mai se lisi e le'i fa'atulagaina
- Pe a mafaufau i faʻaopoopoga, ia faigofie ona fetuunai ma faʻalauteleina.
- Faʻalagolago i le masini filifilia, e mafai e le au atinaʻe ona tuʻuina atu faʻamatalaga faʻapitoa faʻaoga.
leaga
- E fa'atapula'aina le numera o vaega.
- Mo se tagata fou, o le a'oa'oina o le Foundation e faigata.
- Mo galuega tetele, o le auivi e mafai ona faʻafitauli.
8. Semantic UI
I totonu o le alamanuia, semantic UI e fou lava. O loʻo faʻaalia o se tasi o pito i luga pito i luma faʻavae mo le fatuina o upega tafaʻilagi. O le manuia o se taunuuga o le faʻaogaina faʻaoga faʻaoga, faigofie, ma le aoga.
Talu ai o loʻo faʻaaogaina faʻamatalaga faigofie, o tagata amata e maua saʻo e malamalama ma faʻaoga. Ose tulaga mata'utia atina'e talu ai e maua ai se faiga fa'afaigofie mo le fatuina o polokalame ma upegatafa'ilagi ma galulue fa'atasi ma le tele o faletusi i fafo.
Laiti ae tuuto ma le fiafia, o le Semantic UI community ua uma ona gaosia le faitau selau o autu mo le faʻavae, le tele o vaega UI, ma le faitau afe o GitHub suiga talu mai le faʻalauiloaina o le poloketi.
O la latou upega tafaʻilagi o loʻo taʻua ai o le faʻamoemoega o le faʻavae o le faʻaogaina o le HTML faauo-tagata (semantic method), ma o se taunuuga, e faʻaogaina upu ma vasega o ni manatu e fesuiaʻi.
E fa'aaoga e vasega le syntax mai gagana fa'atagata fa'atasi ai ma so'oga fa'alenatura/fa'aliliuga, fa'asologa o upu, ma le tele, lea e mafai ai e le au atia'e ona fa'afeso'ota'i manatu fa'apitoa.
O lo'o fa'aalia ai se poto masani fa'aoga fa'afaigofie fa'afetai i lona foliga lamolemole, fa'alalo, ma mafolafola.
tulaga e lelei
- O fesoʻotaʻiga faʻaoga semantic e faigofie ona faʻaoga ma faʻaogaina.
- Faia vave se itulau po'o se poloketi.
- O se afifi o meafaigaluega e mafai ai le CSS, JavaScript, ma le fetuutuunaiga autu.
- E faigofie ona fa'asoa fa'ailoga fa'atasi ma le tele o polokalame eseese.
- O le tele o autu eseese o loʻo ofoina atu i totonu o le auivi.
leaga
- O lona felagolagoma'i ma tagata su'esu'e e leaga.
- O se nuu tauagafau
- E tatau ona masani tagata atiaʻe ile JavaScript.
- Le lava tali e lagolago ai masini feavea'i uma.
iʻuga
O le fa'amoemoega a le kamupani, maketi taula'i, ma le upega tafa'ilagi e sili ona fiafia i ai po'o le fa'atulagaina o talosaga e iu lava ina iloa po'o fea fa'avaa pito i luma e tatau ona fa'aoga.
E tatau i tagata atia'e ona mata'ituina ma le toto'a faiga i lenei vaega. O le faia o le laasaga sa'o muamua agai i sini i le lumana'i e aofia ai le filifilia o le auivi talafeagai.
Ua uma ona matou ufiufi nisi o faʻamalama pito i luma pito i luga. E ui ina fa'atupuina i taimi uma tekinolosi, o ai na te iloa, e mafai ona tatou maua se Fa'atonu sili atu i se taimi pu'upu'u.
Tuua se tali