Ripanga o Ihirangi[Huna][Whakaatu]
Ko nga kamupene katoa e hanga ana i tetahi paetukutuku kei a raatau te wheako kaiwhakamahi hei awangawanga nui. Me whai waahi o kaiwhakamahi ki nga ahuatanga whakamiharo katoa me nga mahi kua whakaritea e koe.
Me tere te uta o to paetukutuku, me ngawari ki te whakatere, me te tuku wheako kaiwhakamahi ngawari. Ko tenei me whakamahi nga anga o mua hei whakatere i te hanga o nga paetukutuku hihiri, e aro ana ki nga kaiwhakamahi.
Kua whakahiatohia e matou he rarangi o nga anga o mua-mutunga mo te whanaketanga taupānga paetukutuku. Ko enei anga ka taea e koe te hanga i nga pae tukutuku hou, e peia ana e te kaiwhakamahi me nga taupānga ipurangi. Kei te hiahia nga kaiwhakawhanake paetukutuku ki nga anga o mua kia ngawari ake a raatau mahi.
Ko enei kohinga rorohiko e tuku ana i nga waahanga waehere kua tuhia-mua/ka taea te whakamahi ano, nga hangarau o mua-mua, me nga poraka atanga kua oti te hanga, he tere ake, he ngawari ake hoki mo nga kaiwhakawhanake ki te hanga tono paetukutuku roa me te atanga kaiwhakamahi me te kore e tohu i nga mahi katoa me nga mea katoa mai i te wahanga.
Ko etahi taputapu whanaketanga kei roto i nga anga o mua, penei i te matiti e ngawari ana ki te whakarite i nga huānga hoahoa UI, nga tautuhinga momotuhi kua tautuhia, me nga paraka hangahanga mo nga paetukutuku (arā, nga panui taha, nga patene, nga pae whakatere, me etahi atu).
Heoi, he mahi uaua te kowhiri i te anga puna tuwhera pai mo to whanaketanga rorohiko. Me tino whakahaere koe i nga rangahau maakete me te mohio ki nga painga me nga ngoikoretanga.
Engari kaua e manukanuka; kei konei matou ki te whakaora i to wa me to whakapau kaha me o maatau tohutohu kore pohehe.
Ka awhina tenei tuhinga ki a koe ki te tirotiro i te rarangi o nga anga o mua o te puna tuwhera me te kowhiri i te mea e pai ana ki to kaupapa whanaketanga paetukutuku e haere ake nei.
1. tauhohe
Ko tetahi o nga anga-mutunga tino rongonui e waatea ana ko React; I roto i nga korero poto, he kete taputapu-waahanga JavaScript me te JSX syntax i hangaia e Facebook ka tukuna tuatahi i te tau 2011.
I muri mai ka huri hei whare pukapuka puna tuwhera i te tau 2013, ka wehe ke atu i te whakamaramatanga tuku iho o te anga. He Tauira Ahanoa Tuhinga mariko (DOM) me te herenga raraunga kotahi-ara te ahuatanga motuhake o React.
Ka whakanuia a React mo ana mahi tino pai, ka kiia ko tetahi o nga anga ngawari ki te ako na te kaha o te DOM mariko.
Ko tana ngawari-kaiwhakamahi me te anau ako ngawari ka waiho hei whiringa tino pai mo te hunga timatanga, kaiwhakawhanake iti ake ranei. I hoahoatia a React ki te mahi tahi me etahi atu whare pukapuka, tae atu ki era mo te whakahaere kawanatanga, te ararere, me te taunekeneke API.
Ko nga waahanga Reactable Reusable ka pai ake tenei anga-mutunga ki te hiahia koe kia tere ake te whanaketanga o te atanga tauwhitiwhiti.
Ko React, he anga mahi a Facebook, kua whakanuia hei taapiri pai ki te kete taputapu o mua. Ka hangaia nga waahanga ma te whakakotahi i nga korukī HTML me te wetereo tohu me te momo tohu JSX.
Ka wehewehe nga waahanga nui ki nga waahanga ka taea te whakahaere, nga waahanga iti ka taea te whakahaere motuhake me te motuhake. E kore e kore ka piki ake te hua o te kaiwhakawhanake me te taapiri o tenei mahi.
AtAKi
- puna tuwhera puna e whakarato ana i nga momo taputapu
- He ngawari ki te whakamahi me te ako React.
- Ina whakamahi React, ka taea e koe te whakamahi ano i tetahi waahanga kua oti te hanga. Ma tenei tikanga, ka ngawari ake te mahi me te whakamahi i enei waahanga ki etahi atu waahanga o te kaupapa.
- Ahakoa ko nga tono uta nui ka taea te mahi pai na te whakamahinga o a raatau DOM mariko, e whakapumau ana i te tuku tere.
- te whakapai ake i te hua me te tiaki. Ka taea te whakahou i te rorohiko me nga ahuatanga hou.
raruraru
- Ka whakatika noa i nga taumata UI o to taupānga.
- He uaua pea nga kaiwhakawhanake ki te hopu i nga whakaaro o JSX i te timatanga o te ako React.
- Ko te waahanga UI anake o te papatono ka whakawhanakehia ma te whakamahi i te ReactJS. Ko te mutunga, me whakawhirinaki koe ki etahi atu hangarau kia whiwhi taputapu whanaketanga katoa.
- He uaua ki te pupuri i nga tuhinga tika na te mea ka tere me te ngawari te whakarereke i nga waahanga.
2. t
Ko te anga-a-mua tino pai rawa atu, ko Angular, kei runga ake i te rarangi o nga anga o mua o te paetukutuku. Ka noho hei turanga mo te whakaputa i nga taupānga wharangi kotahi e whai hua ana.
He papa mo te whakatakotoranga i runga i te Typescript i hangaia e Google. Kei roto i te anga angular mo te hanga tono ipurangi tauineine he huinga taputapu mo nga kaiwhakawhanake ki te tuhi, ki te hanga, ki te whakamatautau, ki te huri i te waehere tae atu ki etahi whare pukapuka hono piri.
Ko te Angular e tuku ana i nga mahi here e rua-ara, koinei te rereketanga nui i waenga i a ia me te anga React. Ko nga whakahoutanga tauira ka taea te whakauru ki te tirohanga na te waatea o tenei mahi.
Ka tiro pea te kaiwhakawhanake i nga huringa e mahia ana e ratou ki te hotaka me te ahuatanga o te waa-tui. Ko te nuinga o nga mahi a Angular e aro ana ki te hanga taupānga ipurangi me te waea pūkoro.
I tua atu, he mea ngawari ki te hanga i nga taupānga tukutuku kotahi-wharangi me nga wharangi maha. Ko etahi o nga umanga nui o te ao e whakamahi ana i te Angular na te maha o ona kaha, tae atu ki a Microsoft Office, BMW, Forbes, Gmail, me te Upwork.
AtAKi
- Ka taea te tukutahi tauira-tirohanga mo te wa-tuuturu na te kaha o tenei anga i roto, he maamaa ake te whakarereke i te tono.
- Ma te whakamahi i nga injector whakawhirinaki, ka taea e nga kaiwhakawhanake te wetewete i nga waahanga waehere honohono me te whakamahi ano ina tika.
- Ma te noho o nga Aratohu ka taea e nga kaihōtaka te whakamatau i te Tauira Ahanoa Tuhinga (DOM) me te whakaputa ihirangi HTML whai kiko.
- he whatunga ako me te tautoko nui.
- Mai i tana tukunga, kua rongonui a Angular i waenga i nga kaihanga. He roopu kaiwhakawhanake paetukutuku e whakamahi Angular i enei ra. Mena ka raru tetahi kaiwhakawhanake, ka taea e ia te tono awhina mai i tenei hapori.
raruraru
- Ko te Angular he reo tino uaua ki te ako na te maha o nga ahuatanga me nga mahi hanga-i roto.
- Ko te koki he korero me te uaua.
- Ka taea e nga taupānga hihiko te puhoi me te kore e mahi.
3. Puhihihi
Ko Svelte, tetahi o nga anga whanaketanga o mua e tino paingia ana, e whakarato ana i te atanga ratarata-kaiwhakamahi. I whakauruhia te kaitoi i te tau 2016.
Kua kaha haere te whakanui i tera wa, a, i te tau 2022, kua mohiohia ko tetahi o nga anga o mua.
E kiia ana ko Svelte he whiringa whanaketanga o mua-mutunga mo te whakaahei i nga kaiwhakawhanake ki te whakaoti i o raatau kaupapa me te iti o te tuhi i raro i etahi atu anga..
He anga Javascript-tuhituhi-tuhi-tuhi-tuwhera-tuwhera-puna. E kiia ana ko tetahi o nga anga-mutunga tere rawa atu i reira.
Ka whakarite a Svelte i nga waahanga rereke me te wehe i te tauira, te arorau, me te whakaatu kia taea ai te uru tika mai i nga taurangi mai i te tohu tohu, te whakamaarama i te katoa o nga mahi whanaketanga.
Karekau he DOM mariko me te whakatairanga i te whakarereketanga o nga kaupapa o mua. Ka tukuna e Svelte te tohu-kore-boilerplate, ka taea e koe te hanga i nga waahanga ki te HTML, CSS, me te JavaScript.
Na, i te wa o te hangahanga, ka huri te kaikoipi i te waehere ki roto i nga anga-kore-kore, nga waahanga maamaa ngawari i roto i te vanilla JavaScript, me te whakauru tika ki roto i te DOM ka huri te kawanatanga.
Na tenei, kaore a Svelte, kaore i rite ki te React, ki te Vue ranei, e kore e tono i te tukatuka tirotiro tirotiro nui, a kaore he hiahia ki te haumi rauemi ki te hanga i tetahi DOM mariko.
AtAKi
- He tino pakari te whakatinanatanga a Sapper mo te Whakaaturanga taha-Tumau (SSR).
- e whakarato ana i nga huarahi whanaketanga tere me te anau ako.
- I roto i nga anga o mua me te tere tere
- Waehere-marama hanganga-a-hanganga-waahanga
- Ko te whakatinanatanga pūkoro ngawari e whakaratohia ana e te angamahi.
raruraru
- He iti nga taputapu me te kore o nga rauemi tautoko
- He iti te rauropi me te hapori pakeke
- He āwangawanga tauwhāiti me te whakawaehere
4. jQuery
Ko tetahi o nga anga tuatahi o mua JavaScript tuwhera-puna ko te jQuery, i whakauruhia i te tau 2006.
Ahakoa he tino tohunga mo tenei umanga, kei roto tonu i nga anga o mua o te tau 2022 na te mea, me etahi okeoketanga, he mea tika ki nga tikanga whanaketanga o naianei.
Na te mea kua roa e noho ana, he pai te taputapu a jQuery ki te whakaheke i te waehere JavaScript hoha me te whakarato ngawari me te tautoko kaha mai i tana hapori nui me te mohio.
Ko tetahi o nga take i noho rongonui ai a jQuery mo te wa roa ko tona huarahi ngawari ki te waehere JavaScript.
Na te mea he urutau a jQuery ki te whakahaere takahanga, ko etahi o nga takahanga a nga kaiwhakamahi penei i te pao kiore, te paahi papapātuhi ranei ka whakapoapoa ki nga waahanga iti o te waehere ngawari ki te whakahaere me te whakauru ki tetahi waahi matapōkere o te arorau JS o to tono.
Ko te jQuery Mobile, te punaha UI-a-HTML5 o te anga taketake, kei te tautoko inaianei i te whakawhanake i nga tono pūkoro taketake, ahakoa te mea kaore i hangaia i te tuatahi ki te hanga taupānga waea.
Na te mea he pai te whakahaere a te jQuery i te whakawhiti whakawhiti tirotiro, kaore nga kaiwhakawhanake o mua e maaharahara ki nga awangawanga katoa ka taea te whakawhiti.
AtAKi
- He papa tuwhera-puna e whakangwari ana i nga tono HTTP.
- Ahakoa he anga taketake, ka taea te whakamahi ki te tuku tono hihiri.
- Ma tana DOM urutau, ka taea te taapiri me te whakakore noa nga waahanga.
- Ko JQuery tetahi o nga Angamahi ngawari e waatea ana. He ngawari noa te whakamahi a JQuery ahakoa kare koe e mohio nui ki te kaupapa. Koinei te take e kiia tonutia ana ko tetahi o nga anga o mua-mutunga i te tau 2022.
raruraru
- Ka taea e JQuery te hanga i nga taupānga hihiri, engari i te tere tere.
- Ko te atanga mama a JQuery ka raru pea mo te wa roa.
- He turanga tawhito a JQuery, a he maha nga anga hou me te pai ake e waatea ana i te maakete i enei ra.
5. ngarahu i
Ina tae mai ki nga mahi-a-waahanga me te herenga raraunga-rua, he tino rite a Ember me Angular. Hei whakatutuki i nga hiahia o te hangarau hou, i whakawhanakehia i te tau 2011.
Kei te whakamahia tonu e etahi o nga whakahaere rongonui o te ao, penei i a Linkedin me Apple, ahakoa ko tetahi o nga Anga tino uaua ki te ako.
Ko tenei na te mea ka taea e nga kaiwhakawhanake kia tere te hoahoa i nga taupānga pūkoro me te ipurangi. Ma tana hoahoanga-a-waahanga, he taputapu pai a Ember mo te hanga wharangi-whaarangi, whai hua-ahuatanga tono tukutuku mo te taha kiritaki, mo nga taupānga waea pūkoro ranei.
Ko te Angular me tenei anga e tuku ana i nga hononga raraunga e rua-ara. He tino pai ki te whakatutuki i te tipu haere o te hiahia mo nga hangarau o naianei.
Ae ra, ko te hapori mo Ember te ahua kei roto i nga hapori tino hihiko, mahi, me te whakahaere pai i reira. E ai ki etahi aromatawai, karekau pea a Ember i te ngawari na runga i nga tikanga uaua me whai nga kaihanga ki te whakamahi.
AtAKi
- He nui rawa te rahi me te rahi o tana puunaha rauwiringa kaiao.
- He hototahi whakamuri me te aukati i nga taupānga kei pahuatia.
- He taiao mo nga kete i hangaia pai me te whakatutuki i o hiahia katoa.
- Ko te whakawhanaketanga ngawari me te tere o te taupānga katoa me te tono kotahi anake.
- Ka haere tonu nga hotaka tawhito ahakoa he whakamohoatanga hou na te mea he hototahi whakamuri.
raruraru
- He tino tiketike te anau ako a EmberJs.
- he iti noa te whakaritenga me te ngawari
- Mo tana wetereo tino uaua, he uaua ki te mahi i etahi wa.
- Ko te Anga taumaha a Ember he ahua ururua ina whakamahia ki te hanga tono iti.
6. Papamuri.js
I hangaia tenei anga i te tau 2010, he puna tuwhera me te kore utu mo te whakamahi. He anga e paingia ana, e whakamahia whanuitia ana mo te hanga tono ipurangi ngawari, kotahi wharangi.
Ka awhina i nga kaiwhakawhanake ma te wehe i te mahi me te UI o te kaupapa. Ko nga kaupapa nui ake e hiahia ana kia pai ake te hoahoa me te iti o te waehere ka taea hoki te whakamahi.
Ka akiaki koe a Backbone.js ki te whakamaori i o raraunga ki nga tauira, huri i to DOM hei tirohanga, me te hono tahi ma nga huihuinga. He rite tenei ki te huarahi whanaketanga MVC/MVP.
Ka whakaatuhia o raraunga hei tauira, ka taea te hanga, te manatoko, te tango, me te penapena ki runga i te tūmau. Ka tautoko enei tauira i nga huihuinga ritenga me te herenga uara-matua; ia wa ka whakarereketia e te hohenga UI te huanga o tetahi tauira, ka mahia e te tauira he takahanga huringa.
Ka taea e nga tirohanga katoa e tohu ana i te ahua o te tauira te whakarereke kia taea ai e ratou te whakautu tika me te whakahoki ano i a raatau me nga korero kua whakahoutia.
I runga i tenei turanga, ka taea e koe te hanga kaupapa e hiahia ana kia maha nga waahanga kaiwhakamahi me te whakamahi i nga kohinga hei wehe i nga tauira.
Na tona hototahi API REST, he pai te whiriwhiri a Backbone.js ahakoa ka hiahia koe ki te whakamahi mo te pito o mua, ki muri ranei o to tono.
AtAKi
- He maamaa, he ngawari ki te hopu, he ngawari ki te ako.
- I roto i nga angamahi JavaScript tere
- Ka whakaratohia e te punaha te mana whakahaere pai.
- Engari i te DOM, ka taea e koe te whakamahi tauira hei penapena i o raraunga.
raruraru
- Ma te Backbone.js, e kore e taea te whakanui ake te hua.
- He uaua na te mea kaore i te tautokohia te herenga raraunga-rua.
- Ahakoa te waatea o etahi taputapu taketake, kaore i te tino marama te hoahoanga.
7. Foundation
Ko tetahi o nga anga-a-mua o mua mo te JS, HTML me CSS i te tau 2022 ko Foundation. Koia tetahi o nga anga matua e whakamahia ana e nga kaihanga ki te hanga paetukutuku me nga tono ahurei.
Ko te kaupapa tenei mo nga kaiwhakawhanake mohio, engari, ki te mohio tetahi ki te angamahi, he mea whakamiharo, he hua hoki te mahi tahi.
Ka tukuna e ia te tere o te GPU me te whakauru i nga hangarau hou e hanga ana i etahi o nga waahanga pai rawa atu.
Kei roto i te turanga nga waahanga tere, whakautu, nga waahanga nui mo etahi atu taputapu, nga waahanga marama mo nga taupānga waea, me nga whakakorikori wai me nga whakawhitinga.
Ko te whakahiatotanga pai o nga huānga e hiahia ana ia kaiwhakawhanake. Kua whakamahia paitia tenei anga o mua e nga kamupene IT nui rawa atu.
Kei roto ko te kaha ki te whakaputa waea pūkoro, te whakatere GPU mo nga whakakoritanga tino maeneene, me nga ahuatanga whakawhiti raraunga e utaina ana nga maramara mo nga taputapu pūkoro me nga waahanga taumaha mo nga taputapu nui ake.
Ma te mahi i nga kaupapa motuhake ka awhina koe ki te mohio ki te hanganga o te Foundation me te whakatere i te uauatanga ki te whiriwhiri koe ki te timata ki te whakamahi.
AtAKi
- ka taea te hanga ngawari o nga rahi mata maha
- Ārai taumahinga mātiti e hanga ana i tētahi whakaritenga mātiti tika mai i te rārangi kore whakarite
- I te wa e whakaaro ana ki nga taapiri, kia ngawari te whakarite me te whakawhanui.
- I runga i te taputapu kua tohua, ka taea e nga kaiwhakawhanake te whakarato i nga wheako kaiwhakamahi mutunga motuhake.
raruraru
- He iti te maha o nga waahanga.
- Mo te tauhou, he uaua te ako i te Foundation.
- Mo nga kaupapa nui, ka raru pea te anga.
8. UI Semantic
I roto i te ahumahi, he hou tonu te UI semantic. E mohiotia ana ko tetahi o nga anga o mua mo te hanga paetukutuku. Ko te angitu ko te hua o te atanga kaiwhakamahi mohio, te ngawari, me te whai hua.
I te mea he mahi tohu tohu ngawari, ka kitea e te hunga timatanga he maamaa te maarama me te whakamahi. He papa whanaketanga tino pai na te mea he huarahi ngawari mo te hanga taupānga me nga paetukutuku me te mahi tahi me nga whare pukapuka maha o waho.
He iti, engari he ngakau nui, he ngakau hihiko, kua hanga e te hapori Semantic UI nga rau o nga kaupapa mo te anga, he maha nga waahanga UI, me nga mano tini o nga huringa GitHub mai i te whakaurunga o te kaupapa.
Ko ta ratou paetukutuku e kii ana ko te whainga o te anga kia taea ai te whakamahi i te HTML hoa-tangata (te tikanga semantic), na reira, ka kiia ko nga kupu me nga karaehe hei kaupapa whakawhiti.
Ka tango nga karaehe i te wetereo mai i nga reo rite-tangata me nga hononga ingoa/whakarereke, te raupapa kupu, me te maha, e taea ai e nga kaiwhakawhanake te hono i nga ariā.
E whakaatu ana i te wheako kaiwhakamahi ngawari na tona ahua maeneene, ngawari, me te papahoahoa.
AtAKi
- He ngawari ki te whakamahi me te mohio nga atanga kaiwhakamahi Semantic.
- Ka hanga tere he wharangi, he kaupapa ranei.
- He kete taputapu e taea ai te CSS, JavaScript, me te whakatikatika kaupapa.
- He ngawari noa ki te tiri i te waehere i mahia kotahi me te maha o nga tono rereke.
- He maha nga momo kaupapa kei roto i te anga.
raruraru
- He kino te mahi tahi me nga kaitirotiro.
- He hapori ngawari
- Me mohio nga kaihanga ki te JavaScript.
- He iti rawa te urupare ki te tautoko i nga taputapu pūkoro katoa.
Opaniraa
Ko te kaupapa a te kamupene, te maakete whaainga, me te paetukutuku pai, hoahoa tono ranei ka whakatau ko wai te anga-a-mua e tika ana kia whakamahia.
No reira me ata tirotiro nga Kaihanga i nga ahuatanga o tenei waahanga. Ko te mahi i te mahi tika tuatahi ki nga whainga a meake nei ko te whiriwhiri i te angamahi tika.
Kua hipokina e matou etahi o nga anga o mua-mutunga puna tuwhera runga. Ahakoa kei te whanake haere tonu te hangarau, ko wai ka mohio, ka taea e tatou te anga pai ake i roto i te wa poto.
Waiho i te Reply