Ho sebelisa moralo oa ho haha moeli oa hau oa marang-rang oa hau ho na le menyetla e mengata (mme ho bonolo ho boot!). A re ke re hlokomele hore na ke li-frameworks tsa ho qetela ke eng le hore na ke hobane'ng ha u lokela ho nahana ho li kenyelletsa mosebetsing oa hau oa nts'etso-pele ea websaete.
Fore-End Framework
Hape ho thoe ke "mekhoa ea CSS," tsena ke liphutheloana tse nang le khoutu e ngotsoeng pele ho ho ngoloa, e behiloeng ka har'a lifaele le li-folders. Ba u fa motheo oa ho haha ha u ntse u lumella ho feto-fetoha ha maemo ka moqapi oa ho qetela. Ka tloaelo, lihlahisoa tsa ho qetela li na le likarolo tse latelang:
- Gale e etsang hore e be bonolo ho hlophisa likarolo tsa moqapi oa hau oa marang-rang
- Mekhoa ea melaetsa e hlalosoang le mekhabiso e fapaneng e itšetlehile ka mosebetsi oa eona (mokhoa o fapaneng oa litlhaku bakeng sa lihlooho khahlanong le lirapa, joalo-joalo)
- Libaka tsa pele tsa marang-rang tsa marang-rang tse kang likarolo tsa mahlakoreng, li-buttons le libaka tsa ho sesa
Ho itšetlehile ka moralo o khethehileng oo u o khethileng, ho na le lintho tse ngata tseo ba ka li khonang.
Ke Hobane'ng ha U Sebelisa E Mong
Ho na le mabaka a mangata a utloahalang a ho sebelisa moralo oa ho qetela ho e-na le ho qala khoutu ea hau ho tloha qalong:
- Boloka nako! Ho totobetse hore, haeba u ngola mongolo o mong le o mong oa khoutu ka boeena, ho tla nka nako e telele ho qala websaete ea hau. Mehaho e ka thusa ho u qalisa ka metheo.
- Kenya likarolo tse ling tseo u ka 'nang ua se ke ua ba le tsona. Kamehla ho na le monyetla oa ho ba le khetho ea ho kenya konopo e 'ngoe kapa tse peli ntle le ho ba le bothata bo eketsehileng.
- Tseba hantle hore khoutu e sebetsa. Ho e-na le hore u qete nako e ngata u ngola khoutu ea hau feela ho fumana hore ha e sebetse (kapa ha e lumellane le li-browser tsa 60%), u tla tseba hore u sebelisa khoutu e nkiloeng pele, e sebetsang.
Pele ke fetela pele, ke boetse ke batla ho hlakisa hore na ke se ke ka sebelisa lihlahisoa tsa ho qetela! Ho ba tšoara e le sebaka sa ho ba le tsebo ea ho haha melao ho ke ke ha u thusa. Tseba ka mokhoa o tloaelehileng ka HTML le CSS, ebe o qala ho sebelisa liqeto tse khutšoanyane. Tšoara mohaho oa hau e le mothusi, eseng sebopeho.
Mehlala ea Likhomo tsa Pele-Qetellong
Hase mekhoa eohle ea CSS e bōpehileng e lekanang, kahoo etsa bonnete ba hore u etse lipatlisiso tsa hau mabapi le hore na ke ofe ea lumellanang le litlhoko tsa hao tse khethehileng. Mona ke pono e potlakileng ea tse hlano tse ka holimo:
- Bootstrap: E tummeng ka ho fetisisa moo. E na le lithane tsa linaleli Github le mehloli e mengata ea ho araba lipotso tsa hau. E 'ngoe ea tse bonolo ho e sebelisa, empa ba bang ba re e na le ponahalo ea "Bootstrap" e ikhethang haholo.
- Motheo: O fana ka mekhoa e mengata ea ho feto-fetoha le ho iketsetsa maemo. Molemo bakeng sa ba nang le phihlelo le tsoelo-pele ea ho qetela le ba ratang ho koahela lits'ebeletso tsa motheo ha ba ntse ba boloka tse ngata tsa taolo ea pōpo.
- Lisebelisoa: Puo ea CSS e hlalosang maikutlo le e ntle. Tsamaiso ena e ka sebelisoa feela ho mekhoa ea Node.js.
- UI ea Semantic: Concise, intuitive, 'me e etsa hore khoutu ea hau e be e ntle le e bonolo. E fane ka tokoloho e ngata ea moralo mme e fetola litlhoko tsa hau.
- UI Kit: Moralo oa ho sebelisa haeba o thahasella ho ntshetsa pele lisebelisoa tsa iOS. E na le mokhoa oa motheo o etsang hore ho be bonolo ho hlahisa sebaka sa hau sa maqephe.
Qetello
Mekhoa e metle ke lisebelisoa tse thusang haholo bakeng sa moqapi oa ho qetela, haholo-holo haeba u na le mosebetsi moo u atisang ho hlaolela lehlakoreng leo. Li u lumella hore u potlaketse ho hlahisa mosebetsi oa hau le ho eketsa tlhahiso ea hau ntle le boleng ba boipheliso kapa ts'ebetsong, ha u ntse u siea monyako o bulehileng bakeng sa ponahalo e ikhethang, e shebahalang hantle. Hopola feela hore u li sebelise e le sesebelisoa sa ho tlatsetsa tsebo ea hau, eseng e le tsela ea ho khaola-le ho thabela!