Pemaju Frontend di MrPornGeek

Peranan di MrPornGeek

Alishia menulis semua kod frontend di sini. Apabila reka bentuk baru masuk, dialah yang membinanya. Anda perlu menambah ciri – dia menulis kodnya. Sesuatu kelihatan pelik pada mudah alih – dia memperbaikinya. Dia menghabiskan sebahagian besar masanya antara jabatan reka bentuk dan pasukan backend, mengikat segala-galanya supaya ia berfungsi sebagai satu unit. Terdapat banyak perbincangan berulang-alik – bolehkah kita melakukan ini? Adakah ia akan rosak pada Safari? Adakah animasi itu akan membunuh kelajuan halaman? – dan perkara seperti itu. Setiap hari adalah berbeza tetapi tugasnya pada asasnya adalah sama: menjadikan laman web berfungsi dan menjadikannya pantas.

---

Pengalaman profesional

• Pemaju Frontend - MrPornGeek - 2020 – Sekarang

  Menulis dan menyelenggara semua kod frontend. Mengambil reka bentuk, mengubahnya menjadi halaman dan memerhati supaya ia tidak rosak dalam pelayar pelik atau telefon lama. Dia terlibat dalam setiap keluaran kemas kini – menyemak kodnya, mengujinya dan memastikan ia serasi dengan semua perkara lain sebelum ia disiarkan secara langsung.

• Pemaju Frontend - Platform Kandungan Berskala Besar - 2017 - 2020

  Tiga tahun membina frontend untuk laman kandungan yang besar. Beratus-ratus templat, bajet prestasi yang ketat, tiada ruang untuk kod yang cuai. Mempelajari cara membina komponen yang boleh digunakan semula yang tidak perlu diperhatikan selepas pelancaran dan juga memahami dengan cepat bahawa jalan pintas dalam frontend sentiasa memakan diri pada akhirnya.

• Pemaju Web Junior - Agensi Digital - 2015 - 2017

  Di mana dia bermula. Pelanggan akan menghantar fail reka bentuk dan dia terpaksa mengubahnya menjadi laman web yang berfungsi, biasanya untuk "semalam". Tarikh akhir yang ketat, pelanggan yang cerewet, banyak HTML, CSS dan JavaScript. Tiada yang mewah tetapi ia memahat asas dengan kukuh. Dia masih menggunakan asas itu setiap hari.

---

Bidang kepakaran

• Menulis HTML, CSS dan JavaScript yang bersih
• Membina secara responsif dan mengutamakan mudah alih
• Memastikan perkara berfungsi dalam semua pelayar
• Obsesi dengan kelajuan pemuatan halaman
• Membina dengan komponen yang boleh digunakan semula
• Penguasaan pra-pemproses CSS
• Bekerja dengan JS frameworks dan perpustakaan
• Menepati reka bentuk tahap piksel
• Menulis kod yang boleh diakses dan mematuhi piawaian
• Mahir dalam Git dan aliran kerja pasukan

---

Pendekatan Pembangunan

Dia mengutamakan kesederhanaan. Tiada gunanya menggunakan rangka kerja (framework) yang besar apabila dua puluh baris JavaScript biasa boleh melakukan kerja yang sama. Kodnya cukup bersih sehingga orang lain boleh masuk dan memahami apa yang sedang berlaku – tiada kod spageti, tiada fungsi misteri, tiada saat yang tertanya-tanya “untuk apa sebenarnya ini”. Dia menguji semuanya dengan betul sebelum ia mendekati laman web langsung. Telefon yang berbeza, pelayar yang berbeza, saiz skrin yang berbeza. Dan dia sentiasa menyemak dengan pereka bentuk untuk memastikan apa yang telah dibinanya benar-benar sepadan dengan reka bentuk – kerana tiada yang lebih buruk daripada sesuatu yang kelihatan hebat dalam Figma tetapi gagal dalam pelayar.

---

Kerja berterusan dan kesegaran

Frontend tidak pernah berhenti. Bahagian baru sentiasa ditambah, halaman lama memerlukan kemas kini, templat ditukar. Alishia berada dalam pangkalan kod hampir setiap hari. Dia juga menyemak semula kod lama apabila ada peluang – membersihkan apa sahaja yang telah menjadi lembap atau berat, memperkemas perkara, memantau kelajuan halaman. Laman web terus berkembang, jadi sentiasa ada sesuatu yang memerlukan perhatian. Apa yang berkesan enam bulan lalu mungkin perlu difikirkan semula sekarang kerana kami telah menambah tiga bahagian baru.

---

Alatan dan aliran kerja

VS Code adalah rumahnya. Git untuk kawalan versi. Chrome DevTools apabila dia perlu menggali sesuatu. Apa sahaja alat binaan dan rangka kerja yang sesuai untuk tugas tersebut – dia tidak terikat dengan satu teknologi sahaja. Semuanya menjalani pemeriksaan yang betul sebelum diterbitkan. Dia bekerja bersama QA dan menyelaraskan dengan pasukan backend supaya tiada yang bercanggah. Tiada siapa yang menolak kod tanpa semakan – itulah cara kami bekerja di sini.

---

Sumbangan kepada MrPornGeek

• Menulis kod frontend dalam setiap bahagian utama
• Mengurangkan masa pemuatan halaman dengan ketara
• Mencipta templat boleh guna semula yang mempercepatkan penciptaan halaman baru
• Membantu memacu perubahan reka bentuk yang besar di seluruh laman web
• Menerapkan aksesibiliti ke dalam frontend dari asasnya

---

Akauntabiliti & hubungan

Ada sesuatu yang tidak dipaparkan dengan betul? Laman web berkelakuan pelik di pihak anda? Hantarkan mesej kepada kami dan letakkan “Alishia – Frontend” dalam baris subjek supaya ia sampai kepadanya. Hubungi Alishia di sini.

Profil terakhir dikemas kini: 17 Januari 2026

---