เด็กฝึกงาน.com

Front-End Developer

  • ทักษะอาชีพ
  • 27/7/17
  • 22,595
Front-End Developer

Front-End Developer

ขอบคุณข้อมูลจาก
คุณสุรนาถ เนียมคำ
แอดมินเพจ Siam HTML - สังคมของนักพัฒนาเว็บไซต์ในไทย


ชื่ออาชีพ: Front-End Developer

อัตราเงินเดือน:  

Front-End Developer 20,000 -30,000 บาท

Front-End Engineering 40,000 บาทขึ้นไป

Senior Front-End Developer 80,000 บาทขึ้นไป

แม้ว่าไม่มีคำว่า Manager ส่วนใหญ่จะเป็นบริษัทข้ามชาตินะ เพราะว่าองค์กรพวกนี้ไม่ได้วางตำแหน่งงานเป็นชั้นๆ แต่พนักงานทุกคนจะจัดการตัวเองได้ ก็จะไม่มีหัวหน้า ถ้าคุณเก่งนะได้ถึง 100,000 บาท

ภาพรวมของอาชีพ:

การเป็น  Web Developer ต้องเลือกสายคือ Front-End และ Back-End

Front-End Developer ดูแลด้านหน้า Web หน้าตาของเว็บไซต์ทั้งหมด จะมีความใกล้ชิดกับ User มากกว่า Back-End

Front-end แบ่งเป็น 2 สายคือ

1. Front-End Designer

2. Front-End Developer ขั้นกว่าก็คือ Front-End Engineer 2 สายนี้ ต่างกันคือ

  • Front-End designer เพิ่งเกิดขึ้นเมื่อไม่กี่ปีนี้เอง เพราะต้องการเน้นคนที่ถนัดทางสายนี้ ซึ่งจะรับตัว Design จาก Graphic Designer หรือ Web Designer และแปลงร่างรูปภาพให้กลายเป็น Code บนหน้าเว็บไซต์ ซึ่ง Code ก็คือ HTML CSS Javascript 3 อย่างนี้รวมกัน ก็จะกลายเป็นหน้าเว็บ ซึ่ง Front-End จะเน้น HTML CSS เป็นหลัก
  • Front-end Developer ทำคล้ายๆ กัน แต่จะเน้นไปทาง Javascript เป็นหลัก ซึ่งทั้ง 2 สายนี้สามารถเขียนภาษาได้เหมือนกันทั้งคู่ แต่จะเน้นเขียนภาษาคนละแบบเท่านั้นเอง
  • ส่วน Front-end Engineer คือ คนที่เป็น Developer ที่เก่ง สามารถจัดการ แก้ปัญหาได้ และตัดสินใจได้

คุณสมบัติของอาชีพ:

Passion เป็นหัวใจสำคัญของ Front-End เพราะว่าภาษาของ Front-End ไม่หยุดนิ่งเลย มันเปลี่ยนเร็วมากแค่สองสามเดือนก็ out date แล้ว  เราต้องเรียนรู้ตลอดเวลา งานสายนี้จึงท้าทาย

Front-End Developer ที่ดี จะต้องมีคุณสมบัติ ดังนี้

Front-End Developer จะทำงานเกี่ยวข้องกับ Browser เป็นหลัก เพราะ Browser ความใหม่จะไม่เหมือนกัน การรองรับต่างกัน Front-End Developer ต้องใส่ใจตรงนี้ เพราะมี User เป็นล้านคนที่ใช้ Browser ต่างกัน ต้องชอบเล่นกับ User


ถ้าสมัยก่อนสิ่งที่ Front-End Developer ควรมีคือ ทักษะด้าน Back-End  ด้วย จะช่วยเสริมคุณค่าให้กับคนที่เริ่มต้นจาก Front-End Developer อีกอย่างก็คือ การคุยกันกับคนที่เป็น Back-End เพราะจะได้รู้ว่าเขาทำอะไร เพราะอะไร จะช่วยให้เข้าใจกันมากขึ้น ส่วนแผนกอื่นๆ ที่เกี่ยวข้องก็คือ Marketing จะเป็นเรื่องของ  Ads ซะส่วนใหญ่ ซึ่ง Front-End Developer จะเป็นคนนำ Ads ขึ้น หน้าเว็บ เราก็ได้เรียนรู้เรื่อง Marketing ไปด้วยในตัว เราจึงต้องศึกษา เพื่อจะได้เข้าใจเวลาทำงานร่วมกัน

การเติบโตในสายงาน

Front-End Developer > Senior Front-End Developer > Team Lead

  • แบบเก่าจะเป็น  Front-End Developer > Senior Front-End Developer > Team Lead
  • แบบใหม่ (แบบสากล) จะเป็น Developer > Engineering

Hard Skill:

Hard Skill ที่ต้องมี ไม่มีไม่ได้เลย คือ

1. HTML

2. CSS

3. JavaScript

ทำไมต้องเป็น 3 ภาษานี้ เพราะ

  • HTML เอาไว้บอกว่า หน้าเว็บมีอะไรบ้าง
  • CSS เอาไว้บอกว่า สิ่งที่ HTML มีอยู่ หน้าตาเป็นอย่างไร สวยงามยังไงบ้าง แสดงผลออกมาเป็นยังไงบ้าง ส่วนเทรนด์ฮิตในปี 2017 สิ่งที่ต้องศึกษาคือ Responsive Web Sass Bootstrap
  • JavaScript คือ ลูกเล่น กลไกต่างๆ อย่างการทำเอนิเมชัน กลไกการกดคลิก 3 ภาษานี้ พอรวมกันก็จะกลายเป็นหน้าเว็บที่สวยงาม ขาดอย่างใดอย่างหนึ่งก็จะไม่ใช่หน้าเว็บที่สมบูรณ์ สำหรับ JavaScript เทรนด์ฮิตในปี 2017 สิ่งที่ต้องศึกษาคือ ES6, NPM Scripts, gulp และ TypeScript

Soft Skill:

1. มี Passion

2. มีความสนใจโซเชียลมีเดียอย่าง Youtube, Facebook และ Blog เพื่ออัปเดตข้อมูลการทำงานกับผู้เชี่ยวชาญ และข่าวสารทั่วโลก

3. การจัดการตัวเอง ทั้งด้านอารมณ์ การทำงาน และเวลา

4. การสื่อสาร ต้องสื่อสารเพื่อให้ผู้ร่วมงานเข้าใจ

สิ่งที่ต้องเพิ่มเติม:

ทักษะที่ควรมีเพิ่มเติมเลยก็คือ UX หาก Front-End Developer มี skill UX ด้วยจะสามารถแนะนำให้ Graphic หรือ Web Designer ออกแบบงานให้ดีกว่าเดิมได้ และตรงตามความต้องการ User สิ่งนี้จะช่วยส่งเสริมคุณค่าให้กับ Front-End Developer ได้ รวมถึงการจัดการตัวเอง และเวลาในการทำงาน


ทักษะอาชีพ front end developer