Nahoana ny tranonkala rehetra dia samy manana rafitra, fomba ary fitondran-tena
Fampiasana iombonana izay ampiasaina hamaritana ny fivoaran'ny tranokala any am-piandohana, dia tahaka ny toho-tongotra 3-legged. Ireo tongony 3, izay fantatra ihany koa amin'ny endrika 3 fampiroboroboana ny tranonkala, dia rafitra, fomba, ary fitondrantena.
The Three Layers of Web Development
- Drafitra na votoaty
- Ny rafitra na ny votoatin'ny tranonkala iray dia ny code code HTML misy an'io pejy io. Tahaka ny fananganana trano iray dia manorina fototra matanjaka izay anorenana ny ambiny ao an-trano, toy izany koa ny fototry ny HTML dia mamorona sehatra ahafahana manangana tranokala. Ny rafitra HTML dia mety ahitana lahatsoratra na sary ary ahitana ny rohy izay hampiasain'ireo mpitsidika mba hivezivezy manodidina io tranonkala io.
- Style na fampisehoana
- Ny fomba fanoratana na ny fampisehoana dia mamaritra ny fomba hijerena ireo dokam-barotra HTML iray amin'ny mpitsidika. Ity daba ity dia voafaritry ny CSS (Cascading Style Sheets). Ireo rakitra ireo dia ahitana styles izay maneho ny fomba tokony hampisehoana ilay rakitra ao amin'ny tranonkala iray. Ao amin'ny tranonkala amin'izao fotoana izao, ny tara-style dia mety ahitana ny Media Queries izay afaka manova ny fampisehoana ny tranonkala mifototra amin'ny habe sy ny fitaovana samihafa .
- Behavior
- Ny fitongilan-tserasera dia ny sarin'ny pejy web izay afaka mamaly ny hetsik'ireo mpampiasa samihafa na manao fanovana amin'ny pejy mifototra amin'ny fepetra maromaro. Ho an'ny ankamaroan'ny tranonkala, ny fihetsika dia ny fifandraisana eo amin'ny JavaScript eo amin'ny pejy.
Nahoana no tokony hizara ny haavony ianao?
Rehefa mamorona pejy web ianao, dia tsara ny mitazona ireo sarin-dàlana ho voasaraka araka izay azo atao. Ny rafitra dia tokony hiantehitra amin'ny HTML, ny endriky ny sary amin'ny CSS, ary ny fitondrantenany amin'ny sora-tanana rehetra ampiasain'ny tranonkala.
Ny sasany amin'ireo tombontsoa azo amin'ny fisarahana ireo sarina dia:
- Harena voaaro
- Rehefa manoratra antontan-taratasy CSS hafa na JavaScript ianao dia afaka mampiasa io rakitra io amin'ny pejy rehetra ao amin'ny tranonkalanao. Raha mila manova an'io rakitra io ianao, angamba hanavao ireo karazan-tarehy sasany ao amin'ny tranonkala, ny pejy tsirairay izay mampiasa an'ity styliste ity dia hahazo ny fiovana. Tsy ilaina ny manova ny pejy tsirairay ao amin'ny tranokala tsirairay, izay mety ho asa goavana ho an'ny tranonkala lehibe kokoa.
- Faster downloads
- Raha vao navotsotry ny mpanjifanao tamin'ny voalohany ny script na ny stylesheet, dia nohavaozina ny tranonkalany. Satria ireo loharanom-pifandraisan-tànana ireo dia raketina ao anaty cache, pejy hafa izay nangatahana tao amin'ny tranokala haingana kokoa, izay manatsara ny haavo haitraitra sy ny fahombiazan'ny pejy.
- Ekipa olona marobe
- Raha manana olona mihoatra ny iray ianao miasa amin'ny tranonkala iray indray mandeha dia afaka mampiasa ny rafitra izay "hanamarina" ary "hijery" ny antontan-taratasy ianao mba hahazoana antoka fa ny tsirairay ao amin'ny ekipa dia miara-miasa amin'ireo dikan-teny farany amin'ireo rakitra ireo. Sarotra kokoa ny manao izany raha mifamatotra amin'ireo antontan-taratasy firaketana ireo lohahevitra sy fitondrantena.
- SEO
- Ny tranonkala iray manana fisarahana mazava sy rafitra dia mety hanatsara kokoa ny karoka fitadiavana satria ireo tranonkala ireo dia afaka mamakafaka kokoa io votoaty io ary mahatakatra ilay pejy raha tsy trandrahana amin'ny fomba fanehoan-tsary na fitondrantena.
- Accessibility
- Ny takelaka ivelany sy ny rakitra script dia mora kokoa amin'ny olona sy amin'ny browser. Satria misy fisarahana ny fomba sy ny rafitra, ny rindrambaiko toy ny mpamaky sarimihetsika dia afaka mora kokoa ny manova ny votoaty avy amin'ny sehatr'ilay rafitra nefa tsy manilikilika azy noho ny fomba tsy azon'izy ireo ampiasaina.
- Vokatry ny fifanarahana
- Raha manana tranonkala iray misy ny rindrina fampandrosoana ianao dia ho mora kokoa ny mihemotra satria ny browser na ny fitaovana izay tsy afaka mampiasa fomba sasany CSS na izay mety ny fanesorana JavaScript dia mbola afaka mijery ny HTML. Ny tranonkalanao dia afaka ampitombo tsikelikely amin'ny endri-javatra ho an'ireo browsers izay manohana azy ireo.
HTML - ny Lay rafitra
Ny rafitra misy ny rafitra dia ny fitehirizanao ny votoatin'ny tian'ny mpanjifanao hamaky na hijery azy. Io dia hodiovina amin'ny fitsipika mifanaraka amin'ny HTML5 ary mety ahitana lahatsoratra sy sary ary multimedia (lahatsary, audio, sns.). Zava-dehibe ny hahazoana antoka fa ny lafiny rehetra amin'ny votoatin'ny tranonkala dia miseho eo amin'ny sehatry ny rafitra. Izany dia ahafahan'ny mpanjifana manakatona ny JavaScript na iza no tsy afaka mijery ny CSS mba ahafahana miditra amin'ny tranonkala manontolo, raha tsy ny fahafaha-miasa rehetra amin'io tranonkala io.
CSS - ny firafetan-tsary
Hahafahanao manangana ny sary rehetra ao amin'ny tranonkalanao amin'ny endrika ivelany. Azonao atao ny mampiasa maromaro maromaro, fa tadidio fa ny rakitra CSS tsirairay dia mila fangatahana HTTP mba haka, manasongadina ny fahombiazan'ny tranonkala.
JavaScript - ny fitondran'ny fitondrantena
JavaScript no fiteny ampiasaina indrindra amin'ny fitongilan'ny fitondran-tena, saingy araka ny efa nolazaiko teo aloha, CGI sy PHP dia afaka manokatra ny tranonkala amin'ny tranonkala. Raha lazaina izany, raha ny ankamaroan'ny mpikaroka no manondro ny fitongilana fitondran-tena, dia midika izany sehatra izany izay mavitrika mivantana ao amin'ny tranonkala tranonkala - ka ny JavaScript dia saiky ny teny safidy foana. Mampiasa an'io sanda io ianao mba hifaneraserana mivantana amin'ny DOM na ny Document Object Model. Manan-danja amin'ny fifanakalozan-kevitra ao amin'ny DOM amin'ny fitongilan'ny fitondran-tena ny fanoratana HTML maimaim-poana ao amin'ny votoatiny.
Rehefa manorina eo amin'ny fitantanana fitondran-tena ianao, dia tokony hampiasa tahiry script externe mitovy amin'ny CSS. Manana tombony toy izany koa ianao amin'ny fampiasana ny takelaka ivelany.