Leha ho le joalo, ho na le tsebo e fokolang eo mosebetsi leha e le ofe oa tsoelo-pele o tla e hloka - tsebo ea "mantlha" - le ba bang ba seng bakae bao u lokelang ho nahana ka ho teba ka ho eketsa tlaleho ea hau.
Seo U Lokelang ho se Tseba
Sheba lihlopha tsa mosebetsi ka ho fetisisa ho batla hore na ke eng e ka sehloohong bakeng sa baetsi ba pele-pele ho tseba le ho utloisisa; ho na le lintho tse tharo tsa bohlokoa.
E sa khonehang.
'Me ke tsena:
- HTML
- CSS
- JavaScript (jQuery)
Tsena ke tsa bohlokoa. Ka lehlohonolo, ho na le libaka tse ngata tsa mahala tsa thuto tsa mahala kapa tse theko e tlaase moo u ka ithutang tsebo ena haeba u sa ba tsebe.
HTML
Puo ea HyperText Markup, kapa HTML, ke karolo ea bohlokoa ea likarolo tsohle tsa marang-rang ho Internet. Joalokaha Jennifer Kyrnin a bolela,
"Ke puo ea maqephe a maqephe-puo ea marang-rang eo li-browsers li e balang ho etsa maqephe a maqephe."
Maqephe a Webang a ke ke a ba teng ntle le HTML.
CSS
CSS le HTML li sebetsa hammoho: CSS e eketsa mokhoa oa ho sebelisa HTML. Ke rata ho sebelisa papiso ea hore HTML e joaloka sefahleho, 'me CSS e tšoana le litlolo.
Le hoja CSS e sa hlokahale ho fumana marang-rang a marang-rang, haholo-holo marang-rang e meng le e 'ngoe ea marang-rang e sebelisa mofuta o itseng oa setaele.
Ho seng joalo, e ka be e monate haholo. Ka liphetolelo tsa morao-rao tsa CSS, u ka etsa lintho tse kang lipapali le setaele se tsoetseng pele se neng se ka khoneha ka JavaScript kapa Flash nakong e fetileng.
JavaScript
JavaScript, kapa JS, e ntse e tsoela pele ka potlako ho feta lilemo. E na le merero e mengata mehleng ena mme e ka sebelisoa ho ea pele kapa ka morao.
Mabapi le ntshetsopele ea ho qetela, JS ke ea bohlokoa hobane e thusa ho etsa hore maqephe a maqephe a sebelisane. U ka etsa lintho tse tsotehang tse kang ho etsa lipatlisiso, ho etsa lipotso kapa ho etsa tlhahiso ea maikutlo.
Mehleng ena ho na le li-library tse ngata tsa JS Inthaneteng ho u thusa ho nka maqephe a hau a marang-rang ho boemo bo latelang.
Leha ho le joalo, e le hore u be moqapi oa ho qetela, u tlameha ho utloisisa Javascript ea motheo hammoho le JS library - jQuery e tsebahalang ka ho fetisisa.
E ntle-ho-Haves
Ka mor'a hore u theohe lintho tsa motheo, tsena ke tsebo tse ling tse ntle tseo u nang le tsona. (Le mesebetsi e mengata ea tsoelo-pele ea ho ntlafatsa ho e batla.)
MV * JavaScript Frameworks
Mecha ea JavaScript e thusa ho hlophisa le ho lumellana le khoutu ea hau.
Mabapi le khetho ea MV * (kapa MVC) ea ho ea, ho na le mashome a mararo holimo: tse peli tse tsejoang ka ho fetisisa e le backbone.js le angular.js.
Ntle ho pelaelo, ho ithuta sebopeho sa JS ke karolo e thata ka ho fetisisa ea ho ba moqapi oa 'nete oa ho qetela, empa ke tsela e molemo ka ho fetisisa ea ho nka tsebo ea hau ho boemo bo latelang.
CSS Tools
Ha li bapisoa le mekhoa ea JavaScript e ka holimo, CSS lithulusi tse ka tlase li bonolo ho ithuta. Ho na le mefuta e meraro ea ho batla:
Bafani ba li-precompilers: Ho sebelisa precompiler (kapa preprocessor) o na le menyetla e mengata, ho tloha ho etsa mohloeki oa khoutu ho boloka tlhophiso. Ke tsela e bonolo ea ho ngola CSS le ho khothalletsa DRY (u se ke ua pheta-pheta) melao-motheo. Batho ba tummeng ba kenyelletsang CSS ke Sass, Less Less, le Stylus. Haeba u sa tsoa qala, khomarela ho ithuta e le 'ngoe.
Mekhoa ea CSS: Mekhoa ea CSS e thusa ho ntlafatsa ts'ebetso ea hau ea mosebetsi le li-gri tse hahiloeng le likarolo tse ling tsa CSS. Mehlala e 'meli e tloaelehileng ke Bootstrap le Foundation.
Tlhahiso ea boikarabelo: Matsatsing ana, ho na le mefuta e mengata ea lisebelisoa tseo sebaka sa hau se lokelang ho ikamahanya le tsona kaofela. Moqapi oa boitsebiso o u thusa ho haha libaka tse sebetsang ka boholo ba lichelete - desktop, tablet, le smartphone. Mehaho e kang Bootstrap le Foundation e na le moralo o amohelehang o hahiloeng, kahoo ha u ithuta e 'ngoe ea tsona, u behiloe.
Li-front-end tsa ho haha lisebelisoa
Joaloka moqapi, u lokela ho khona ho laola boholo ba faele le ho sebetsa hantle ha mosebetsi. Lisebelisoa tsena li ka thusa.
Pokello ea Phakatsi: Ho ka ba thata ho hlophisa lilaebrari tsohle, thepa, le tse ling, haholo-holo bakeng sa merero e kholo kapa moo u sebetsang le sehlopha.
Sebelisa mookameli oa liphutheloana, joaloka Bower, hore o hlophise ntho e 'ngoe le e' ngoe 'me u boloke lintlha tsa lisebelisoa tsa hau.
Yeoman.io: Haeba ka linako tse ling u thatafalloa ke ho fumana merero fatše, sebelisa Yeoman ho qala kapele le merero mme u lule u hlahisa litholoana. E matha holim'a taelo ea taelo.
Bapalami ba Mesebetsi: Sebelisa Grunt kapa Gulp, e leng e sebetsang molaong oa taelo, ho hatella lifaele le ho ntlafatsa mosebetsi oa mosebetsi. Ba ka sebetsa e le baqapelli ba Sass kapa Less Preprocessors, hape ba na le li-plugins tse ngata tse itšetlehileng ka likarolo tse ling.
Qetello
Ha melemo e ntle ea ho haves e ka 'na ea bonahala eka e ngata, nahana ka tsona e le tsebo eo u lokelang ho e eketsa ka nako. Lintho tse ka sehloohong tseo u lokelang ho li tseba ke HTML, CSS le JavaScript.
Haeba u na le litsebo tse ling tsa marang-rang , esita le haeba li sa tsamaisane le ho qetela, u li tlise tafoleng - joaloka moqapi, phallo ea video, SEO, joalo-joalo Ha u tsebe hore na k'hamphani e ka 'na ea batla eng .
'Me u nahana hore ke eng? U ka 'na ua tšoana hantle.