Umthuthukisi we-Frontend ku-MrPornGeek

Indima ku-MrPornGeek

U-Alishia ubhala yonke ikhodi ye-frontend lapha. Uma kufika umklamo omusha, nguye owakhayo. Udinga ukwengeza isici – ubhala ikhodi. Okuthile kubukeka kuxaka kuselula – uyakulungisa. Uchitha isikhathi sakhe esiningi phakathi komnyango wezokuklama nethimba le-backend, ebopha konke ndawonye ukuze kusebenze njengeyunithi eyodwa. Kukhona ukuxoxisana okuningi – singakwenza yini lokhu? Ingabe izophuka ku-Safari? Ingabe leyo animation izobulala isivinini sekhasi? – nezinto ezinjalo. Zonke izinsuku zehlukile kodwa umsebenzi ufana: ukwenza isayithi lisebenze futhi ulenze lisheshe.

---

Ulwazi lobuchwepheshe

• Umthuthukisi we-Frontend - MrPornGeek - 2020 – Manje

  Ubhala futhi agcine yonke ikhodi ye-frontend. Thatha imiklamo, uyiguqule ibe amakhasi futhi ubhekisise ukuze ingaphuki kuziphequluli ezixakile noma kumafoni amadala. Ukhona ekukhishweni kwesibuyekezo ngasinye – ebheka ikhodi yakhe, eyihlola futhi eqinisekisa ukuthi ihambisana kahle nakho konke okunye ngaphambi kokuthi kubukhoma.

• Umthuthukisi we-Frontend - Amapulatifomu Okuqukethwe Okukhulu - 2017 - 2020

  Iminyaka emithathu akha i-frontend yamasayithi okuqukethwe amakhulu kakhulu. Amakhulu ama-template, amabhajethi wokusebenza aqinile, akukho sikhala sekhodi engashonile. Wafunda ukwakha izingxenye ezingasetshenziswa kabusha ezingadingi ukubhekwa ngemuva kokwethulwa futhi waqonda ngokushesha ukuthi ukunqamulela ku-frontend kuhlala kukulimaza ekugcineni.

• Umthuthukisi We-Web Omcane - Ama-Digital Agencies - 2015 - 2017

  Lapho aqala khona. Amakhasimende ayezothumela ifayela lokuklama futhi kwakumele aliguqule libe isayithi elisebenzayo, ngokuvamile elithi “ngayizolo”. Izikhathi eziqinile, amakhasimende akhethayo, inqwaba ye-HTML, CSS ne-JavaScript. Akukho okukhethekile kodwa kwabeka izisekelo ngokuqinile. Usasebenzisa leso sisekelo zonke izinsuku.

---

Izindawo zobuchwepheshe

• Ukubhala i-HTML, CSS ne-JavaScript ehlanzekile
• Ukwakha ngokunaka iselula kuqala nokuphendula
• Ukuqinisekisa ukuthi izinto ziyasebenza kuzo zonke iziphequluli
• Ukuthanda isivinini sokulayisha amakhasi
• Ukwakha ngezingxenye ezingasetshenziswa kabusha
• Ubuchwepheshe bama-CSS Preprocessors
• Ukusebenza nama-JS Frameworks ne-Libraries
• Ukuhambisana nomklamo ezingeni le-pixel
• Ukubhala ikhodi etholakalayo futhi ehambisana namazinga
• Ukuhlala ku-Git nakumisebenzi yethimba

---

Indlela Yokuthuthukisa

Ulandela ubulula. Akukho phuzu lokusebenzisa i-framework enkulu lapho imigqa engu-20 ye-JavaScript elula ingenza umsebenzi ofanayo. Ikhodi yakhe ihlanzeke ngokwanele ukuze omunye umuntu angene aqonde ukuthi kwenzekani – ayikho ikhodi ye-spaghetti, ayikho imisebenzi eyimfihlakalo, azikho izikhathi zokuzibuza ukuthi “lokhu kwenzelwani ngempela”. Uhlola konke kahle ngaphambi kokuba kufike kusayithi eliphilayo. Amafoni ahlukene, iziphequluli ezahlukene, osayizi bezikrini abahlukene. Futhi uhlale ebheka nomklami ukuze aqinisekise ukuthi lokho akwakhe kufanelana ngempela nomklamo – ngoba akukho okubi njengento ebukeka kahle ku-Figma kodwa ehluleka kusiphequluli.

---

Umsebenzi oqhubekayo nokushaywa umoya

I-frontend ayimi neze. Izingxenye ezintsha zihlala zengezwa, amakhasi amadala adinga ukubuyekezwa, ama-template ayashintshwa. U-Alishia useduzane nekhodi cishe zonke izinsuku. Ubuye abuyekeze ikhodi yakudala lapho kukhona ithuba – ehlanza noma yini esihamba kancane noma esindayo, eqinisa izinto, ebhekisise isivinini samakhasi. Isayithi liyaqhubeka nokukhula, ngakho-ke kuhlala kukhona okudinga ukunakwa. Lokho okusebenze ezinyangeni eziyisithupha ezedlule kungase kudingeke kucatshangwe kabusha manje njengoba sengeze izigaba ezintsha ezintathu.

---

Amathuluzi nokuhamba komsebenzi

I-VS Code yikhaya lakhe. I-Git yokulawula inguqulo. I-Chrome DevTools lapho edinga ukumba phakathi kokuthile. Noma yimaphi amathuluzi wokwakha nama-frameworks alungele umsebenzi – akaboshwanga kubuchwepheshe obulodwa. Konke kudlula ohlelweni lokuhlola kahle ngaphambi kokushicilelwa. Usebenza eduze ne-QA futhi ahlanganyele nethimba le-backend ukuze kungabikho lutho olungqubuzanayo. Akekho ophusha ikhodi engazange ihlolwe – yindlela esisebenza ngayo lapha.

---

Igalelo ku-MrPornGeek

• Ubhale ikhodi ye-frontend kuso sonke isigaba esikhulu
• Unciphise kakhulu izikhathi zokulayisha amakhasi
• Wakha ama-template angasetshenziswa kabusha asheshisa ukwakhiwa kwamakhasi amasha
• Wasiza ekuphushini izinguquko zomklamo ezinkulu kulo lonke isayithi
• Wafaka ukufinyeleleka ku-frontend kusukela esisekelweni

---

Ukuziphendulela nokuxhumana

Kukhona okungaveli kahle? Isayithi liziphatha ngendlela exakile ngakini? Sithumele umlayezo bese ufaka u-“Alishia – Frontend” emgqeni wesihloko ukuze ufike kuye. Xhumana no-Alishia lapha.

Iphrofayili igcine ukubuyekezwa: 17 Januwari 2026

---