นักพัฒนาฟรอนต์เอนด์ ที่ MrPornGeek

บทบาทที่ MrPornGeek

Alishia เขียนโค้ดฟรอนต์เอนด์ทั้งหมดที่นี่ เมื่อมีการดีไซน์ใหม่เข้ามา เธอคือคนสร้างมันขึ้นมา เมื่อต้องการเพิ่มฟีเจอร์ เธอคือคนเขียนโค้ด เมื่อมีอะไรดูแปลกๆ บนมือถือ เธอคือคนแก้ไข เธอใช้เวลาส่วนใหญ่ระหว่างฝ่ายดีไซน์และทีมแบ็คเอนด์ เชื่อมต่อทุกอย่างเข้าด้วยกันเพื่อให้ทำงานเป็นหนึ่งเดียว มีการโต้ตอบกันไปมามากมาย – เราทำแบบนี้ได้ไหม มันจะพังบน Safari หรือเปล่า แอนิเมชันนั้นจะทำให้ความเร็วหน้าเว็บตกไหม – อะไรทำนองนั้น ทุกวันมีความแตกต่างกันไปแต่งานพื้นฐานคือเหมือนเดิม: ทำให้ไซต์ทำงานได้และทำให้มันเร็ว

---

ประสบการณ์วิชาชีพ

• นักพัฒนาฟรอนต์เอนด์ - MrPornGeek - 2020 – ปัจจุบัน

  เขียนและดูแลโค้ดฟรอนต์เอนด์ทั้งหมด นำการดีไซน์มาเปลี่ยนให้เป็นหน้าเว็บ ดูแลให้มันไม่พังบนเบราว์เซอร์แปลกๆ หรือมือถือรุ่นเก่า เธอมีส่วนร่วมทุกครั้งที่เราปล่อยอัปเดต — ตรวจสอบโค้ด ทดสอบ และดูแลให้มันทำงานร่วมกับส่วนอื่นๆ ได้ดีก่อนจะออนไลน์จริง

• นักพัฒนาฟรอนต์เอนด์ - แพลตฟอร์มเนื้อหาขนาดใหญ่ - 2017 - 2020

  สามปีในการสร้างฟรอนต์เอนด์สำหรับไซต์เนื้อหาขนาดใหญ่ เทมเพลตนับร้อย งบประมาณด้านประสิทธิภาพที่เข้มงวด ไม่มีที่ว่างสำหรับโค้ดที่รกรุงรัง เธอเชี่ยวชาญในการสร้างส่วนประกอบที่นำกลับมาใช้ใหม่ได้โดยไม่ต้องคอยดูแลหลังเปิดตัว และเรียนรู้อย่างรวดเร็วว่าการลัดขั้นตอนในฟรอนต์เอนด์จะส่งผลเสียตามมาในที่สุด

• นักพัฒนาเว็บระดับจูเนียร์ - ดิจิทัลเอเจนซี่ - 2015 - 2017

  จุดที่เธอเริ่มต้น ลูกค้าจะส่งไฟล์ดีไซน์มาและเธอต้องเปลี่ยนมันให้เป็นไซต์ที่ใช้งานได้ โดยปกติคือต้องเสร็จตั้งแต่วันวาน เดดไลน์ที่กระชั้นชิด ลูกค้าที่จู้จี้ HTML, CSS และ JavaScript จำนวนมาก ไม่มีอะไรหรูหราแต่มันช่วยฝึกฝนพื้นฐานอย่างหนักแน่น เธอยังใช้พื้นฐานนั้นอยู่ทุกวัน

---

สาขาที่เชี่ยวชาญ

• เขียน HTML, CSS และ JavaScript ที่สะอาด
• สร้างแบบ Mobile-first และ Responsive
• ทำให้สิ่งต่างๆ ทำงานได้ในทุกเบราว์เซอร์
• หมกมุ่นอยู่กับการโหลดหน้าเว็บที่รวดเร็ว
• สร้างด้วยส่วนประกอบที่นำกลับมาใช้ใหม่ได้
• เชี่ยวชาญด้าน CSS Preprocessors
• ถนัดใช้งาน JS Frameworks และ Libraries
• ทำให้ตรงตามดีไซน์ในระดับพิกเซล
• เขียนโค้ดที่เข้าถึงได้และเป็นไปตามมาตรฐาน
• เชี่ยวชาญ Git และกระบวนการทำงานแบบทีม

---

แนวทางการพัฒนา

เธอเน้นความเรียบง่าย ไม่มีประโยชน์ที่จะใช้เฟรมเวิร์กขนาดใหญ่ถ้า JavaScript พื้นฐานยี่สิบชิ้นก็ทำงานได้เหมือนกัน โค้ดของเธอสะอาดพอที่คนอื่นจะเข้ามาดูและเข้าใจได้ว่าเกิดอะไรขึ้น – ไม่มีโค้ดที่พัลวัน ไม่มีฟังก์ชันลึกลับ ไม่มีช่วงเวลาที่ต้องถามว่า “นี่มันเอาไว้ทำอะไร” เธอทดสอบทุกอย่างอย่างเหมาะสมก่อนจะเข้าใกล้ไซต์ที่ใช้งานจริง มือถือรุ่นต่างๆ เบราว์เซอร์ต่างๆ ขนาดหน้าจอต่างๆ และเธอมักจะตรวจสอบกับดีไซเนอร์เสมอเพื่อให้แน่ใจว่าสิ่งที่เธอสร้างขึ้นนั้นตรงกับสิ่งที่ออกแบบไว้ – เพราะไม่มีอะไรแย่ไปกว่าของที่ดูดีใน Figma แต่กลับดูไม่จืดในเบราว์เซอร์

---

งานที่ทำต่อเนื่องและความสดใหม่

ฟรอนต์เอนด์ไม่เคยหยุดนิ่ง มีของใหม่ขึ้นตลอดเวลา หน้าเก่าต้องการการอัปเดต เทมเพลตถูกเปลี่ยน Alishia อยู่กับฐานโค้ดแทบทุกวัน เธอยังย้อนกลับไปดูโค้ดเก่าเมื่อมีโอกาส – กำจัดสิ่งที่ทำให้ช้าหรือรกรุงรัง ปรับจูนสิ่งต่างๆ คอยเช็คความเร็วหน้าเว็บ ไซต์เติบโตขึ้นเรื่อยๆ ดังนั้นจึงมีบางอย่างที่ต้องการความสนใจเสมอ สิ่งที่เคยได้ผลเมื่อหกเดือนก่อนอาจต้องคิดใหม่เมื่อเราเพิ่มส่วนใหม่เข้าไปสามส่วน

---

เครื่องมือและกระบวนการทำงาน

VS Code คือบ้าน Git สำหรับการควบคุมเวอร์ชัน Chrome DevTools เมื่อเธอต้องขุดลึกลงไปในบางอย่าง เครื่องมือบิลด์และเฟรมเวิร์กอะไรก็ได้ที่เหมาะกับงาน – เธอไม่ได้ยึดติดกับเทคโนโลยีใดเพียงอย่างเดียว ทุกอย่างต้องผ่านการตรวจสอบอย่างเหมาะสมก่อนจะถึงไซต์ที่ใช้งานจริง เธอทำงานร่วมกับ QA และประสานงานกับทีมแบ็คเอนด์เพื่อไม่ให้มีอะไรขัดแย้งกัน ไม่มีใครส่งโค้ดโดยไม่ได้รับการตรวจสอบก่อน – นั่นคือวิธีการทำงานของเราที่นี่

---

ผลงานที่มีต่อ MrPornGeek

• เขียนโค้ดฟรอนต์เอนด์ในทุกส่วนหลัก
• ลดเวลาการโหลดหน้าเว็บลงอย่างเห็นได้ชัด
• สร้างเทมเพลตที่นำกลับมาใช้ใหม่ได้ซึ่งช่วยเร่งความเร็วในการสร้างหน้าใหม่
• ช่วยผลักดันการเปลี่ยนแปลงดีไซน์ครั้งใหญ่ทั่วทั้งไซต์
• ฝังเรื่องการเข้าถึง (Accessibility) ลงในฟรอนต์เอนด์ตั้งแต่ฐานราก

---

ความรับผิดชอบและการติดต่อ

มีบางอย่างแสดงผลไม่ถูกต้องไหม? เว็บไซต์ทำอะไรแปลกๆ ในฝั่งของคุณหรือเปล่า? ส่งข้อความหาเราและใส่หัวข้อว่า “Alishia – Frontend” เพื่อให้ข้อความถูกส่งถึงเธอ ติดต่อ Alishia ที่นี่

อัปเดตโปรไฟล์ล่าสุด: 17 มกราคม 2026

---