Khampani e 'ngoe le e' ngoe e hahang sebaka sa marang-rang e na le boiphihlelo ba mosebelisi e le taba ea eona e ka sehloohong. Basebelisi ba hau ba tlameha ho fihlella likarolo tsohle tse makatsang le mesebetsi eo u e lokiselitseng.
Sebaka sa hau sa Marang-rang se tlameha ho kenya kapele, se be bonolo ho se tsamaisa, 'me se fane ka boiphihlelo bo se nang moeli. Sena se hloka hore ho sebelisoe mekhoa e ka pele e potlakisang ho theoa ha liwebsaete tse matla, tse shebaneng le basebelisi.
Re hlophisitse lethathamo la meralo ea mantlha ea mantlha bakeng sa nts'etsopele ea app ea webo. Merero ena e u lumella ho theha liwebsaete tse hloahloa, tse tsamaisoang ke basebelisi le lisebelisoa tsa inthanete. Baetsi ba marang-rang ba hloka mekhoa e ka pele ho etsa hore mesebetsi ea bona e be bonolo.
Liphutheloana tsena tsa software hangata li fana ka li-module tsa khoutu tse ngotsoeng esale pele / tse ka sebelisoang hape, mahlale a morao-rao a tloaelehileng, le li-block blocks tse seng li entsoe, tse etsang hore ho potlake le ho be bonolo ho bahlahisi ho theha lits'ebetso tsa webo tse tšoarellang nako e telele. libaka tsa mosebelisi ntle le ho khouta tshebetso kapa ntho enngwe le enngwe ho tloha qalong.
Lisebelisoa tse ling tsa nts'etsopele li kenyellelitsoe meralong e ka pele, joalo ka marang-rang a etsang hore ho be bonolo ho hlophisa likarolo tsa moralo oa UI, litlhophiso tsa fonte tse boletsoeng esale pele, le li-block tsa moaho tse boletsoeng esale pele bakeng sa liwebosaete (ke hore liphanele tse ka thoko, likonopo, mekoallo ea ho sesa, joalo-joalo).
Leha ho le joalo, ho khetha moralo o nepahetseng oa mohloli o bulehileng bakeng sa nts'etsopele ea software ea hau ke mosebetsi o boima. U tlameha ho etsa lipatlisiso tse felletseng tsa 'maraka le ho utloisisa melemo le mathata.
Empa le seke la tšoenyeha; re mona ho u bolokela nako le boiteko ka likeletso tsa rona tse hlakileng.
Sengoliloeng sena se tla u thusa ho bala lethathamo la meralo ea mantlha e bulehileng ea mohloli o ka pele le ho khetha e lumellanang hantle le projeke ea hau e tlang ea ntlafatso ea webo.
1. Etsa joalo
E 'ngoe ea li-frameworks tse tsebahalang haholo tse fumanehang ka pele e bitsoa React; ka bokhutšoanyane, ke sesebelisoa sa JavaScript se thehiloeng ho karolo e nang le syntax ea JSX e entsoeng ke Facebook mme ea qala ho lokolloa ka 2011.
Hamorao e ile ea fetoha laebrari ea mohloli o bulehileng ka 2013, e tlohang hanyane ho tlhaloso ea setso ea moralo. Mohlala oa virtual Document Object Model (DOM) o tlamang data ka tsela e le 'ngoe ke tšobotsi e khethollang ea React.
React e thoholetsoa ka ts'ebetso ea eona e ikhethang 'me e nkuoa e le e' ngoe ea meralo e bonolo ka ho fetesisa eo motho a ka ithutoang ka eona ka lebaka la bokhoni ba DOM.
Tšebelisano-'moho le basebelisi ba eona le mokhoa o bonolo oa ho ithuta o etsa hore e be khetho e ntle ho ba qalang kapa bahlahisi ba se nang boiphihlelo. React e etselitsoe ho sebelisana 'moho le lilaebrari tse ling, ho kenyeletsoa tsa tsamaiso ea mmuso, routing le API.
Likarolo tsa Reusable React li etsa hore moralo ona o ka pele e be khetho e ntle ka ho fetisisa haeba u batla ho potlakisa nts'etsopele ea sebopeho se sebetsanang.
React, moralo o tsamaisoang ke Facebook, o fumane kananelo e le tlatsetso e ntle ho sesebelisoa sa ho qetela. Likarolo li entsoe ka ho kopanya mantsoe a qotsitsoeng a HTML le syntax ea tag le setaele sa likhoutu sa JSX.
E arola likarolo tse kholo ka likarolo tse laolehang haholoanyane, tse nyane tse ka laoloang ka thoko le ka boikemelo. Ha ho pelaelo hore tlhahiso ea bahlahisi e tla eketseha ka kenyelletso ea ts'ebetso ena.
Pros
- laebrari ea mohloli o bulehileng o fanang ka lisebelisoa tse fapaneng
- Ho bonolo ho e sebelisa le ho ithuta React.
- Ha o sebelisa React, o ka boela oa sebelisa karolo e seng e entsoe. Ka mokhoa ona, ho sebetsa le ho sebelisa likarolo tsena likarolong tse ling tsa lenaneo ho nolofalloa.
- Le lits'ebetso tse nang le meroalo e mengata li ka sebetsa ka mokhoa o ts'oanelang ka lebaka la ts'ebeliso ea DOM ea bona, e netefatsang phepelo e potlakileng.
- ntlafatso ea tlhahiso le tlhokomelo. Software e ka ntlafatsoa feela ka likarolo tse ncha.
tlhoka mesola
- E shebana feela le maemo a UI a sesebelisoa sa hau.
- Bahlahisi ba ka fumana ho le thata ho utloisisa mehopolo ea JSX maemong a pele a ho ithuta React.
- Ke karolo ea UI feela ea lenaneo e hlahisoang ho sebelisoa ReactJS. Ka lebaka leo, o tla hloka ho itšetleha ka mahlale a mang ho fumana lisebelisoa tsohle tsa nts'etsopele.
- Ho thata ho boloka litokomane tse nepahetseng kaha likarolo li ka fetoloa kapele le ha bonolo.
2. Angular
Moralo o motle ka ho fetesisa oa mohloli o bulehileng, Angular, joale o ka holimo lethathamong la liforeimi tsa marang-rang. E sebetsa e le motheo oa ho hlahisa lisebelisoa tse sebetsang hantle le tse rarahaneng tsa leqephe le le leng.
Ke sethala sa mananeo a thehiloeng ho Typescript a entsoeng ke Google. Moralo oa Angular bakeng sa ho aha lits'ebetso tse ka senyehang tsa marang-rang o kenyelletsa sehlopha sa lisebelisoa bakeng sa bahlahisi ho ngola, ho haha, ho lekola, le ho fetola khoutu hammoho le lilaeborari tse 'maloa tse hokahaneng ka thata.
Angular e fana ka ts'ebetso e tlamang ea litsela tse peli, e leng phapang ea mantlha lipakeng tsa eona le moralo oa React. Lintlafatso life kapa life tsa mohlala li ka kopanngoa le pono ka lebaka la boteng ba ts'ebetso ena.
Mohlahisi a ka 'na a sheba liphetoho tseo ba li etsang lenaneong le kamoo le hlahang ka nako ea sebele. Boholo ba mosebetsi oa Angular o tsepamisitse maikutlo ho theheng lisebelisoa tsa marang-rang le tsa mehala.
Ho feta moo, ho bonolo ho theha li-software tsa leqephe le le leng le tse nang le maqephe a mangata. Tse ling tsa lifeme tse holimo lefatšeng li sebelisa Angular ka lebaka la bokhoni ba eona bo bongata, ho kenyeletsoa Microsoft Office, BMW, Forbes, Gmail, le Upwork.
Pros
- Khokahano ea nako ea 'nete ea mohlala e ka khoneha ka lebaka la bokhoni bo hahelletsoeng ba moralo ona, e leng se etsang hore ho be bonolo ho fetola ts'ebeliso.
- Ka ts'ebeliso ea li-injection tsa ho itšetleha, bahlahisi ba ka arola likaroloana tsa khoutu tse itšetlehileng ka tse ling ebe ba li sebelisa hape ha ho hlokahala.
- Ho ba teng ha Litaelo ho thusa baetsi ba mananeo ho etsa liteko ka Document Object Model (DOM) le ho hlahisa litaba tse ngata tsa HTML.
- marangrang a bohlokoa a ho ithuta le a ts'ehetso.
- Ho tloha ha e lokolloa, Angular e se e tumme har'a bahlahisi. Sehlopha se seholo sa baetsi ba marang-rang se sebelisa Angular matsatsing ana. Haeba moqapi a e-na le bothata, a ka kopa thuso habonolo sechabeng sena.
tlhoka mesola
- Angular ke puo e thata haholo ho ithutoa ka lebaka la mefuta e mengata ea likarolo le mesebetsi e hahelletsoeng ka hare.
- Angular e verbose ebile e rarahane.
- Lisebelisoa tse matla li ka sebetsa butle, 'me li kanna tsa se sebetse hantle.
3. E mosesane
Svelte, e 'ngoe ea meralo ea ntlafatso e ratoang ka ho fetesisa, e fana ka sebopeho se bonolo sa basebelisi. Compiler e ile ea hlahisoa ka 2016.
E ntse e tsoela pele ho tsebahala ho tloha ka nako eo, 'me ka 2022, e ne e se e nkoa e le e' ngoe ea meralo e metle ka ho fetisisa ea pele.
Svelte e nkuoa e le khetho e bobebe ea morao-rao ea ho thusa bahlahisi ho phethela merero ea bona ka mongolo o fokolang haholo ho feta tlasa meralo e meng..
Ke sebopeho se bulehileng sa JavaScript se thehiloeng ho karolo e thehiloeng ho Typescript. Ho boleloa hore ke e 'ngoe ea li-frameworks tsa pele tse potlakileng ka ntle ho moo.
Svelte e hlophisa likarolo tse fapaneng mme e arola template, logic, le ponts'o e le hore mefuta e fapaneng e ka fihlelleha ka kotloloho ho tsoa ho markup, e ntlafatsa ts'ebetso eohle ea nts'etsopele.
Ha e na DOM ea sebele 'me e khothalletsa modularity lenaneong la pele-pele. Khoutu ea mahala ea boilerplate e fanoa ke Svelte, e u lumellang hore u thehe likarolo tsa HTML, CSS le JavaScript.
Joale, nakong ea sethala sa kaho, moqapi o fetola khoutu hore e be li-modules tse sa sebetseng, tse bobebe tse ikemetseng ho vanilla JavaScript, e li kopanya ka nepo ho DOM ha naha e fetoha.
Ka lebaka la sena, Svelte, ho fapana le React kapa Vue, ha e hloke ts'ebetso ea bohlokoa ea sebatli, 'me ha ho na tlhoko ea ho tsetela lisebelisoa ho theha DOM e fumanehang.
Pros
- Ts'ebetsong ea Sapper ea Server-Side Rendering (SSR) e matla haholo.
- e fana ka menyetla ea tsoelo-pele e potlakileng le moepa oa ho ithuta.
- Har'a liforeimi tse ka pele tse nang le karabelo e potlakileng
- Moaho o thehiloeng ho likarolo tsa khoutu
- Ts'ebetso e bonolo ea mohala e fanoa ke moralo.
tlhoka mesola
- Lisebelisoa tse fokolang le khaello ea lisebelisoa tse tšehetsang
- Ecology e fokolang le sechaba se seng se sa hola
- Mathata a seng makae a scalability le likhoutu tse ikhethileng
4. jQuery
E 'ngoe ea meralo ea pele ea JavaScript ea pele e bulehileng e ne e le jQuery, e ileng ea hlahisoa ka 2006.
Leha e le setsebi sa 'nete indastering ena, e ntse e le e' ngoe ea meralo e ka pele ea 2022 hobane, ntle le mekhelo e 'maloa, e hlile e amana le mekhoa ea hajoale ea nts'etsopele.
Hobane haesale e le teng ka nako e telele, jQuery e hlomelloa hantle ho fokotsa khoutu ea JavaScript e tenang mme e fana ka bonolo hammoho le tšehetso e matla ho tsoa sechabeng sa eona se seholo le se nang le tsebo.
E 'ngoe ea mabaka a hlakileng a etsang hore jQuery e lule e tumme ka nako e telele ke mokhoa oa eona o bonolo oa khoutu ea JavaScript.
Hobane jQuery e khona ho ikamahanya le maemo ha e sebetsana le liketsahalo, liketsahalo tse ling tsa mosebelisi joalo ka ho tobetsa konopo kapa konopo ea keyboard li fokotsoa ho ba likotoana tse nyane tsa khoutu tseo ho leng bonolo ho li laola le ho li kenyelletsa sebakeng se seng le se seng sa mohopolo oa JS oa kopo ea hau.
jQuery Mobile, sistimi ea mantlha ea HTML5 e thehiloeng ho UI, joale e ts'ehetsa ho nts'etsapele lits'ebetso tsa selefouno, leha e ne e sa hahuoa qalong ho aha lisebelisoa tsa mehala.
Hobane jQuery e sebetsana le ho feto-fetoha ha sebatli hantle, baetsi ba li-frontend ha baa tlameha ho tšoenyeha ka mathata ohle a ka bang teng a sebatli.
Pros
- Sethala se bulehileng se nolofatsang likopo tsa HTTP.
- Leha e le moralo oa mantlha, o ka sebelisoa ho tsamaisa lits'ebetso tse matla.
- Ka DOM ea eona e feto-fetohang, likarolo li ka eketsoa kapa tsa hlakoloa.
- JQuery ke e 'ngoe ea Merero e bonolo ka ho fetisisa e fumanehang. JQuery e bonolo ho e sebelisa le ha o sa tsebe haholo ka mananeo. Ke ka lebaka leo e ntseng e nkuoa e le e 'ngoe ea meralo e holimo-limo ka 2022.
tlhoka mesola
- JQuery e thusa kaho ea lits'ebetso tse matla, empa ka lebelo le tlase.
- Sebopeho se bobebe sa JQuery se ka baka mathata ka nako e telele.
- JQuery ke sethala sa khale, 'me meralo e mengata e mecha le e betere e fumaneha 'marakeng matsatsing ana.
5. Ember
Ha ho tluoa tabeng ea ts'ebetso e thehiloeng ho likarolo le ho kopanya lintlha tse peli, Ember le Angular li tšoana haholo. E le ho finyella litlhoko tsa theknoloji ea morao-rao, e ile ea ntlafatsoa ka 2011.
E ntse e sebelisoa ke mekhatlo e meng e hlahelletseng lefatšeng, joalo ka Linkedin le Apple, leha e le e 'ngoe ea Merero e thata ka ho fetisisa eo motho a ka ithutang eona.
Sena se bakoa ke taba ea hore e etsa hore ho khonehe hore bahlahisi ba rale lisebelisoa tse rarahaneng tsa mehala le marang-rang ka potlako. Ka meralo ea eona e thehiloeng ho likarolo, Ember ke sesebelisoa se setle sa ho theha leqephe le le leng le rarahaneng, le nang le likarolo tse ngata. lits'ebetso tsa webo molemong oa bareki kapa lisebelisoa tsa mehala.
Ka bobeli Angular le moralo ona o fana ka tlamo ea data ea litsela tse peli. E loketse ka ho phethahetseng ho sebetsana le tlhoko e ntseng e hola ea theknoloji ea sejoale-joale.
Haele hantle, sechaba sa Ember se bonahala se le har'a sechaba se chesehang, se kopanelang, le se tsamaisoang hantle ka ntle ho moo. Ho latela litlhahlobo tse ling, Ember e ka haelloa ke maemo ka lebaka la lits'ebetso tse thata tseo bahlahisi ba tlamehang ho li latela ho e sebelisa.
Pros
- Ecosystem ea eona ea sephutheloana e na le boholo bo boholo haholo le bo tsoetseng pele.
- E lumellana le morao mme e thibela lits'ebetso hore li senyehe.
- Tikoloho ea liphutheloana tse entsoeng hantle le ho fihlela litlhoko tsohle tsa hau.
- Kholiso e bonolo le e potlakileng ea sesebelisoa se felletseng se nang le taelo e le 'ngoe feela.
- Mananeo a khale a tla tsoelapele ho sebetsa ka mokhoa o se nang sekoli leha ho na le lintlafatso tse ncha kaha e lumellana le morao.
tlhoka mesola
- Mokhoa oa ho ithuta oa EmberJs o phahame haholo.
- e fana ka tlhophiso e fokolang le ho feto-fetoha ha maemo
- Bakeng sa syntax ea eona e rarahaneng haholo, ho sebetsa ho eona ka linako tse ling ho ka ba thata.
- Ember's hefty Framework e ka bonahala e le tšenyo ha e sebelisoa ho theha lits'ebetso tse itekanetseng.
6. Mokokotlo. Js
Moralo ona o entsoe ka 2010 mme ha o na mohloli o bulehileng ebile ha o na litšenyehelo ho o sebelisa. Ke moralo o ratoang le o sebelisoang haholo ho aha lisebelisoa tse bonolo tsa leqephe le le leng.
E thusa bahlahisi ka ho boloka tšebetso le UI ea morero li arohane. Merero e meholo e hlokang moralo o betere le khoutu e nyane le eona e ka e sebelisa.
Backbone.js e u khothalletsa hore u fetolele lintlha tsa hau hore e be mehlala, u fetole DOM ea hau hore e be maikutlo, 'me u li kopanye hammoho ka liketsahalo. Sena se tsamaellana le mokhoa oa ntlafatso oa MVC/MVP.
E bonts'a data ea hau e le mehlala, e ka hlahisoang, ea netefatsoa, ea tlosoa, 'me ea bolokoa ho seva. Mehlala ena e tšehetsa liketsahalo tse tloaelehileng le tlamahano ea bohlokoa; nako le nako ha ketso ea UI e fetola tšobotsi ea mohlala, mohlala o hlahisa ketsahalo ea phetoho.
Maikutlo ohle a emelang boemo ba mohlala a ka fumana phetoho e le hore a ka arabela ka mokhoa o nepahetseng 'me a iphetetse ka boitsebiso bo ntlafalitsoeng.
Sethaleng sena, o ka theha merero e hlokang mekhahlelo e mengata ea basebelisi mme o sebelise likoleke ho khetholla lipakeng tsa mehlala.
Ka lebaka la ts'ebeliso ea eona ea REST API, Backbone.js ke khetho e nepahetseng hore na u batla ho e sebelisa bakeng sa pheletso e ka pele kapa e ka morao ea kopo ea hau.
Pros
- E bobebe, e bonolo ho e utloisisa, 'me ho bonolo ho ithuta eona.
- Har'a meralo e potlakileng ea JavaScript
- Sistimi e fana ka taolo e sebetsang ea ts'ebetso.
- Sebakeng sa DOM, o ka sebelisa mehlala ho boloka data ea hau.
tlhoka mesola
- Ka Backbone.js, tlhahiso e ke ke ea eketseha.
- E rarahane kaha mekhoa e 'meli e tlamang data ha e tšehetsoe.
- Ho sa tsotellehe ho fumaneha ha lisebelisoa tse itseng tsa motheo, mohaho ha o hlalosoe hantle.
7. Foundation
E 'ngoe ea meralo e ka pele e bulehileng ea mantlha ea JS, HTML le CSS ka 2022 ke Motheo. Ke e 'ngoe ea meralo e ka sehloohong e sebelisoang hona joale ke bahlahisi ho theha liwebsaete tse ikhethang le lits'ebetso.
Sethala sena se reretsoe bahlahisi ba nang le nako, leha ho le joalo, haeba motho e mong a tloaelane le moralo, ho sebetsa le oona hoa hlolla ebile hoa hlahisa.
E fana ka lebelo le ikhethang la GPU mme e kenyelletsa mahlale a morao-rao a etsang hore likarolo tse ling tse ntle ka ho fetisisa li khonehe.
Motheo o kenyelletsa likarolo tse potlakileng, tse arabelang hantle, likarolo tse telele tsa lisebelisoa tse ling, likarolo tse bobebe bakeng sa lits'ebetso tsa mehala, le lipopae tsa mokelikeli le liphetoho.
Ke motsoako o nepahetseng oa likarolo tseo mohlahlami e mong le e mong a ka li batlang. Moralo ona o ka pele o sebelisitsoe ka katleho ke lik'hamphani tse kholo ka ho fetisisa tsa IT.
E kenyelletsa bokhoni ba ho fana ka mehala e potlakileng, ho potlakisa GPU bakeng sa lipopae tse boreleli, le likarolo tsa phapanyetsano ea data tse kenyang likhoele tse bobebe bakeng sa lisebelisoa tsa mehala le likarolo tse boima bakeng sa lisebelisoa tse kholoanyane.
Ho sebetsa mererong e ikemetseng ho tla u thusa ho tloaelana le sebopeho sa Motheo le ho bona ho rarahana ha eona haeba u khetha ho qala ho e sebelisa.
Pros
- e lumella ho aha habonolo ha boholo ba li-skrini tse ngata
- Thibela tšebetso ea grid e etsang tlhophiso e nepahetseng ea grid ho tsoa lethathamong le sa hlophisoang
- Ha u nahana ka li-add-on, e-ba bonolo ho fetoha le ho atolosa.
- Ho ipapisitse le sesebelisoa se khethiloeng, bahlahisi ba ka fana ka boiphihlelo bo ikhethileng ba basebelisi ba ho qetela.
tlhoka mesola
- E na le palo e lekanyelitsoeng ea likarolo.
- Bakeng sa motho ea qalang ho ithuta, Motheo oa ho ithuta o tla ba thata.
- Bakeng sa merero e meholo, moralo o ka ba bothata.
8. UI ea Semantic
Indastering, UI ea semantic e ntse e le ncha haholo. E tsejoa e le e 'ngoe ea meralo e ka pele ea ho theha liwebsaete. Katleho ke phello ea sebopeho se hlakileng sa mosebelisi, bonolo, le molemo.
Kaha e sebelisa likhoutu tse bonolo, ba qalang ba e fumana e le bonolo ho e utloisisa le ho e sebelisa. Ke sethala se setle sa nts'etsopele kaha se fana ka ts'ebetso e nolofalitsoeng ea ho theha lits'ebetso le liwebsaete mme e sebelisana 'moho le lilaeborari tse ngata tse kantle.
E nyane empa e inehetse ebile e cheseha, sechaba sa Semantic UI se se se hlahisitse lihlooho tse makholo bakeng sa moralo, likarolo tse ngata tsa UI, le likete tsa liphetoho tsa GitHub ho tloha ha projeke e qala.
Webosaete ea bona e re sepheo sa moralo ke ho thusa batho ho sebelisa HTML (mokhoa oa semantic), ka lebaka leo, e nka mantsoe le litlelase joalo ka mehopolo e ka feto-fetohang.
Litlelase li nka poleloana ea mantsoe ho tsoa lipuong tse tšoanang le tsa batho tse nang le likamano tsa tlhaho tsa mabitso/mofetoleli, tatellano ea mantsoe le bongata, e leng se nolofalletsang bahlahisi ho hokahanya mehopolo ka nepo.
E na le boiphihlelo bo nolofalitsoeng ba mosebelisi ka lebaka la sebopeho sa eona se boreleli, se tlase ebile se bataletse.
Pros
- Lisebelisoa tsa semantic li bonolo ho li sebelisa ebile li bonolo.
- Ka potlako e theha leqephe kapa morero.
- Sephutheloana sa lisebelisoa tse nolofalletsang CSS, JavaScript, le tokiso ea sehlooho.
- Ho bonolo ho arolelana khoutu e hlahisitsoeng hang ka lisebelisoa tse ngata tse fapaneng.
- Mefuta e mengata e fapaneng e fanoa ka moralo.
tlhoka mesola
- Tšebelisano ea eona le libatli ha e ntle.
- Sechaba se itekanetseng
- Basebelisi ba tlameha ho tseba JavaScript.
- Ho se arabele ho lekaneng ho ts'ehetsa lisebelisoa tsohle tsa mehala.
fihlela qeto e
Morero oa k'hamphani, 'maraka o reriloeng, le sebaka sa marang-rang se ratoang kapa moralo oa ts'ebeliso qetellong li etsa qeto ea hore na ke moralo ofe o bulehileng oa mohloli o lokelang ho sebelisoa.
Ka hona, bahlahisi ba lokela ho beha leihlo mekhoa ea lekala lena ka hloko. Ho etsa mohato oa pele o nepahetseng bakeng sa lipakane tsa nako e tlang ho tla akarelletsa ho khetha moralo o nepahetseng.
Re se re akarelitse tse ling tsa meralo ea mantlha e bulehileng ea mohloli o ka pele. Leha theknoloji e lula e ntlafala, ke mang ea tsebang, re ka ba le Moralo o betere le ho feta ka nako e khutšoane.
Leave a Reply