See the original English version of this article here
เมื่อจะเริ่มสร้าง Portfolio Website อาจเป็นเรื่องยากที่จะตัดสินใจว่าจะรวมสิ่งใดไว้ใน Portfolio บ้าง หรือจะนำเสนอทักษะและความสามารถของคุณอย่างไร ในบทความนี้จะมาแนะนำ Portfolio Website Ideas สำหรับ Web Developers พร้อมตัวอย่าง Projects โดยคุณ Shrey Vijayvargiya เรามาดูกันเลย
เป้าหมายหลักของการทำ Portfolio Website โดยทั่วไปก็คือ การแสดงความเชี่ยวชาญของคุณและแสดงให้เห็นถึงความสามารถรอบด้านในการพัฒนา Website ซึ่งสามารถแยกเป็น 2 วัตถุประสงค์หลัก ๆ ดังนี้
- แสดงสิ่งที่คุณทำได้ดี
- แสดงให้เห็นถึงทักษะและความสามารถที่หลากหลายของคุณ ในการพัฒนา ออกแบบ และใช้งาน Website
ซึ่งคุณเองก็สามารถเลือกได้ตามใจชอบเลย
เรื่องจริง จากประสบการณ์ตรง
เพื่อนที่วิทยาลัยของคุณ Shrey ได้รับ Job Offer บน LinkedIn จากบริษัท Startup แห่งหนึ่ง โดยบริษัทตกลงที่จะจ่ายค่าจ้างประมาณ 130,000 ดอลลาร์เหรียญสหรัฐต่อปี (กว่า 4,500,000 บาทต่อปี) ซึ่งสำหรับชาวอินเดียแล้ว เงินค่าจ้างจำนวนนี้ ถือว่าสูงมาก โดยเฉพาะสำหรับคนที่มีอายุเพียง 26 ปี
แต่นั่นไม่ใช่ความสำเร็จที่ได้มาเพียงชั่วข้ามคืน และ Job Offer ล่าสุดของเขาก็คือ 140,000 ดอลลาร์เหรียญสหรัฐต่อปีแล้ว อีกทั้งก่อนหน้านั้น เขาก็ได้ทำงานในตำแหน่งงานที่มีรายได้สูงเช่นกัน
คุณ Shrey ได้ถามเพื่อนของเขาถึงเหตุผลที่แท้จริงว่า ทำไม Resume ของเพื่อนถึงได้รับการคัดเลือกอย่างง่ายดาย โดยไม่คำนึงว่าพวกเขาจะมี Skillset ที่เหมือนกันแทบจะทั้งหมด
เพื่อนของคุณ Shrey กล่าวว่า “ความพยายามอันยาวนาน 150 วันของเขา เมื่อ 7 ปีที่แล้ว ยังคงให้ผลตอบแทนอย่างต่อเนื่อง และ Project ระยะยาว 150 วันติดต่อกันนั้น ยังคงช่วยให้เขาสามารถคว้าโอกาสในการทำงานได้อยู่เสมอจนถึงตอนนี้”
150 วัน 150 Projects
เพื่อนของคุณ Shrey ได้เริ่มความท้าทายนี้ในช่วงปีที่ 2 ขณะเรียนในวิทยาลัย เขาเป็นคนที่เรียกว่าเป็นมือใหม่มาก สำหรับ JavaScript, HTML และ CSS และกำลังศึกษาเรียนรู้ โดยเขาจึงตัดสินใจโพสต์ 150 Projects เป็นเวลา 150 วันติดต่อกัน โดยไม่มีหยุดเลยสักวัน
เขาพยายามทำทุกวันและในที่สุดก็ทำได้สำเร็จ และด้วยเหตุนี้ เขาจึงกลายเป็น JavaScript Frontend Developer ที่เก่งและเชี่ยวชาญ หลังจากนั้น ในเดือนถัดมา เขาได้ฝึกงานครั้งแรกโดยได้รับค่าจ้างอยู่ที่ 70,000 รูปีอินเดียต่อสัปดาห์ (กว่า 29,000 บาทต่อสัปดาห์)
นั่นคือ ความพยายามที่สม่ำเสมอของเพื่อนของคุณ Shrey และแม้ว่าวันเวลาจะผ่านไป 7 ปี Project เล็ก ๆ 150 Projects เหล่านั้น ก็ยังคงสร้างมูลค่ามหาศาลให้กับเขาอยู่
โดยเพื่อนของคุณ Shrey ไม่จำเป็นต้องสมัครงาน เขาเพียงเพิ่ม 150 Projects ที่มีอยู่ ลงไปใน Resume ของเขาและ Recruiters ส่วนใหญ่ ก็มักจะชื่นชมใน Portfolio ของเขา
แต่อย่างไรก็ตาม นั้นไม่ได้หมายความว่า Recruiters แค่ต้องการดูว่า คุณสามารถเขียน Code ได้เท่านั้น เนื่องจาก “ทักษะการสื่อสาร” ก็มีความสำคัญเช่นกัน แต่คุณสามารถเรียนรู้ในภายหลังได้
สิ่งที่ยากที่สุด คือ การทำให้ผู้สัมภาษณ์งานรู้สึกประทับใจก่อนล่วงหน้า และทำให้เขารู้สึกว่า คุณมีค่าควรแก่การให้โอกาส
Portfolio Projects ที่ดีเยี่ยม
กลับมาที่ Portfolio Projects กันดีกว่า หากคุณต้องการที่จะโดดเด่น คุณก็ต้องมี Projects
แต่จะทำ Projects ไหนดี? ทำ Projects อะไรดี? และจะนำ Projects เหล่านี้ไปแสดงที่ไหนดี?
คำตอบมันก็ง่ายมาก คือ เพียงสร้าง Project สักอันหนึ่ง ที่คุณรู้สึกว่าคุณต้องการจะลองทำ หรือจะ Clone Projects ขนาดเล็กแบบทำวันเดียวจบ, พัฒนา Sample APIs, พัฒนา E-commerce Templates หรือ พัฒนา DevOps Documentation เป็นต้น
ที่จริงแล้ว วัตถุประสงค์หลักในการสมัครงาน ก็คือ การสื่อให้ Recruiter ทราบว่า คุณมีทักษะในการเขียน Code และประสบการณ์ใน Projects ที่ประสบความสำเร็จรวมทั้ง สิ่งสำคัญ คือ ต้องสร้างความประทับใจ นั่นเอง
เคล็ดลับในการทำ Portfolio Website
- สร้าง 10 Projects เล็ก ๆ หรือโคลน Project แบบวันเดียวเสร็จ
- แสดง Projects ทั้งหมดใน Interface เดียว โดยคุณสามารถใช้ Tabs หรือ Sidebar Links ได้
- แสดง Project Demo หรือแสดง Project ใน iframe
เคล็ดลับเล็ก ๆ น้อย ๆ เหล่านี้จะสร้างความประทับใจให้กับ Recruiters ได้ และนั่นก็คือ สิ่งที่เพื่อนของคุณ Shrey ทำไว้เมื่อ 7 ปีที่แล้ว แนะนำให้คุณลองหาเวลาทำดู!
ตัวอย่าง Projects
- ใช้ API จาก Rapid API และสร้าง Interfaces จาก API Data
- สร้าง Single-page Templates สำหรับ Domain ต่าง ๆ เช่น E-commerce, สุขภาพ, การศึกษา รวมทั้งอื่น ๆ
- สร้าง Sample APIs โดยใช้ Chat GPT และ Open-Source
- สร้าง Authentication และ CRUD APIs พื้นฐาน และทำ Document
- จัดเตรียม 3rd-Party Integrations Code Sandboxes เช่น การใช้ React กับ Tailwind CSS หรือ วิธีการเริ่มต้นใช้ React-Spring และอื่น ๆ
- ทำ Web3 Projects เช่น เพิ่ม Wallet Authentication โดยใช้ 3rd-Party เพื่อแสดงให้เห็นว่าคุณรู้จัก Web3
- ทำ Code Sandboxes ของ Firebase, Supabase และ Appwrite Databases ที่ใช้งานได้ทั้ง Backend และ Frontend
- สร้าง NFTs Marketplace โดยใช้ Data ตัวอย่างและ Moralis
- สร้าง Web3 Apps โดยใช้ Thirdweb
- พัฒนา สูตรอาหารโดยใช้ Food APIs
- พัฒนา Real-time Trains Detection โดยใช้ Real-time APIs
คุณสามารถเลือก Project ที่ดูจะพัฒนาได้ง่าย และสามารถพัฒนาได้โดยไม่ต้องใช้เวลาที่นานมากนัก
หากคุณสนใจ สามารถดูตัวอย่าง Projects ของคุณ Shrey ได้ที่ https://shreys-portfolio.vercel.app/projects
และทั้งหมดนี้คือ Portfolio Website Ideas สำหรับ Web Developers ซึ่งการนำ Projects ที่คุณเคยทำ หรือตัวอย่าง Codebase มาโชว์ในรูปแบบ Portfolio Website ก็อาจเป็นอีกตัวเลือกหนึ่งที่จะทำให้คุณดูโดดเด่นขึ้นมาจาก Developer คนอื่น ๆ หวังว่าบทความนี้จะมีประโยชน์และเป็นแรงบันดาลใจให้กับทุกท่านได้นะคะ
คุณสามารถ หางาน IT หรือส่ง Resume มาสมัครงานกับเราได้ที่ https://www.ismtech.net/submit-your-resume ให้ ISM Technology Recruitment เป็นอีกหนึ่งตัวช่วย ให้คุณได้ “ชีวิตการทำงานในแบบที่คุณต้องการ”
ISM เชี่ยวชาญในธุรกิจ IT Recruitment & IT Outsourcing โดยเฉพาะ เปิดทำการมากว่า 30 ปี มีพนักงานทุกสายและทุกระดับทางด้าน IT ที่ได้ร่วมงานกับลูกค้าองค์กรใหญ่ที่มีชื่อเสียงและบริษัทข้ามชาติมากมาย
Source: https://javascript.plainenglish.io/