ทักษะที่จำเป็นสำหรับการออกแบบอินเทอร์เฟซส่วนหน้าของเว็บ

[จำเป็น] UserInterface

PhotoShop/Fireworks Design

ร่วมมือกับศิลปินเพื่อสร้างภาพร่างให้เป็นการออกแบบเฉพาะที่สอดคล้องกับหน้าเว็บ ความสามารถในการสร้าง PSD และ PNG คุณภาพสูงแบบแบ่งชั้นได้อย่างรวดเร็ว สร้างแนวคิดเนื้อหา PSD และ PNG ให้เป็น div+css หรือตารางและโค้ด HTML อื่นๆ ได้อย่างรวดเร็ว

ของ Flash Design

และการออกแบบระบบเชิงโต้ตอบที่ซับซ้อน เข้าใจการออกแบบระบบเชิงโต้ตอบที่ซับซ้อนของซอฟต์แวร์การออกแบบเสริม SWF ของบุคคลที่สาม และมีความสามารถในการบูรณาการที่แข็งแกร่งของทรัพยากรต่างประเทศต่างๆ (PNG, JPG, MP3, WAV ฯลฯ ) มีความเชี่ยวชาญในซอฟต์แวร์การออกแบบเสริมของบุคคลที่สาม (AE, SwishMax, Swift3D ฯลฯ )

[จำเป็น] ฝั่งเบราว์เซอร์ (แอปพลิเคชันเว็บ)

XHTML/CSS
การใช้เลย์เอาต์พื้นฐานนั้นเป็นการใช้ข้ามแพลตฟอร์มอย่างเคร่งครัด การใช้เลย์เอาต์นั้นใช้โค้ด HTML ที่สวยงาม เป็นไปตามมาตรฐานให้มากที่สุดและมีข้อพิจารณาด้าน SEO โดยพื้นฐานแล้วมีความสอดคล้องบนแพลตฟอร์มและเบราว์เซอร์ใด ๆ ไม่จำเป็นต้องรู้แฮ็ก CSS ต่างๆ แต่ต้องรู้วิธีปรึกษาข้อมูลเมื่อประสบปัญหาเพื่อแก้ไขโดยเร็วที่สุด ช่วยให้นักพัฒนา JavaScript มีโครงสร้าง DOM ที่ดำเนินการได้ดีที่สุด ช่วยให้นักพัฒนา JS คิดว่า "ทุกอย่างพร้อมแล้ว" แทนที่จะ "ยืดออก" เมื่อทำการพัฒนา

JavaScript/Ajax/DOM

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

การดำเนินการ ActionScript บนไทม์ไลน์ของ Flash Development สามารถบรรลุการเรียนรู้เชิงโต้ตอบที่เรียบง่ายและสามารถทำได้ บรรลุการสื่อสารชั้นข้อมูล (กับเซิร์ฟเวอร์รวมถึง SharedObject ในเครื่อง)
มีความเชี่ยวชาญใน AS1-3 และสามารถพัฒนา RIA ต่างๆ ได้ตามความต้องการ ไม่ว่าจะต้องรองรับ FlashPlayer8 หรือ FlashPlayer9 ก็สามารถบรรลุประสิทธิภาพการพัฒนาสูงสุดและความยืดหยุ่นสูงสุด (เช่น การออกแบบอินเทอร์เฟซของเลเยอร์ HTML เป็นต้น)

[จำเป็น] ฝั่งไคลเอ็นต์ (แอปพลิเคชันเดสก์ท็อป)

Apollo

, ความเข้าใจทางเทคนิคขั้นพื้นฐาน (วิธีจัดแพ็กเกจ, วิธีเพิ่ม HTML และ JavaScript ฯลฯ)
ในขณะที่เชี่ยวชาญ a คุณสามารถใช้ API ของ Apollo เพื่อออกแบบและพัฒนาฟังก์ชัน I/O ของไฟล์ของระบบปฏิบัติการได้อย่างอิสระ
ในขณะที่เชี่ยวชาญทักษะพื้นฐาน คุณจะมีความเข้าใจเกี่ยวกับ "ระบบแนวคิด 3 มิติ" ด้วย "3D" ในที่นี้หมายถึง: ออกแบบ พัฒนา และปรับใช้ สามารถใช้อพอลโลได้
Windows Presentation Foundation, WPF/E (Silverlight)
(ได้รับการพิจารณา ยินดีต้อนรับการเพิ่มเติม)

[ภาคผนวก] ฝั่งเซิร์ฟเวอร์ (การแก้ไข: หลังจากการพิจารณา ทักษะนี้ไม่มีส่วนร่วมในการให้คะแนน)

ระบุไว้ในตอนแรก "1. เทคโนโลยีและสคริปต์ฝั่งเซิร์ฟเวอร์ที่เรียบง่าย" และ "2. MediaServer (Red5) interface" เป็น " มาตรฐานการประเมินชนิดหนึ่งสำหรับ "รายการทักษะวิศวกรส่วนหน้าของเว็บ" (ทักษะเซิร์ฟเวอร์และเลเยอร์ลอจิกข้อมูล) แต่ดูเหมือนว่าเพื่อนหลายคนไม่มั่นใจเกี่ยวกับความจำเป็นที่วิศวกรส่วนหน้าจะต้องเชี่ยวชาญทักษะฝั่งเซิร์ฟเวอร์ แน่นอนว่ามันไม่ง่ายเลยที่จะเชี่ยวชาญทักษะการนำเสนอเลเยอร์ที่กล่าวมาข้างต้น และวิศวกรส่วนหน้าก็ยากมากเช่นกัน อย่างไรก็ตาม ในทางกลับกัน ฉันไม่รู้ว่าคุณได้คิดถึงสาเหตุของการทำงานหนักเมื่อคุณต้องต่อสู้กับ div+CSS ทั้งกลางวันและกลางคืนหรือไม่ จากประสบการณ์ของฉัน การทำงานหนักของ front-end อยู่ในแง่มุมต่อไปนี้: มี

งานซ้ำซ้อนจำนวนมาก และ div+css จำนวนมากถูกทำซ้ำ แม้ว่าคุณจะสามารถคัดลอกและวางได้ แต่ก็อาจเป็นเรื่องที่เจ็บปวดมาก เพื่อค้นหาทางเข้าสู่มหาสมุทรของ div หลายพันบรรทัด ด้วยการเปลี่ยนแปลงที่มากขึ้น คุณมักจะใช้เวลาหลายชั่วโมงทำงานหนักและในที่สุดก็แก้ปัญหาข้ามแพลตฟอร์มได้ และเอฟเฟกต์เดียวกันนี้สามารถแสดงใน IE6, 7 และ Firefox และแม้แต่การโต้ตอบของ JavaScript เกือบจะเสร็จสมบูรณ์แล้ว ทันใดนั้นก็มีการกล่าวว่าความต้องการกำลังจะเปลี่ยนไป ไม่ต้องสงสัยเลยว่านี่เป็นความเจ็บปวดอย่างมาก

โดยภายนอกแล้ว สิ่งนี้อาจไม่เกี่ยวข้องกับทักษะฝั่งเซิร์ฟเวอร์ แต่ฉันคิดว่าการมีการรับรู้ฝั่งเซิร์ฟเวอร์ที่ดีจะช่วยได้อย่างแน่นอน (แน่นอนว่าเป็นไปไม่ได้ที่จะแก้ไขปัญหาทั้งหมด) โครงสร้างข้อมูลและฐานข้อมูลมีความสัมพันธ์กันอย่างใกล้ชิด และเซิร์ฟเวอร์เป็นเพียงช่องทางเดียวในการเชื่อมต่อกับฐานข้อมูล (อย่างน้อยก็ในกรณีนี้สำหรับแอปพลิเคชัน B/S ส่วนใหญ่) การเรียนรู้ทักษะพื้นฐานบนฝั่งเซิร์ฟเวอร์เป็นสิ่งสำคัญมากสำหรับนักพัฒนาในลอจิกเลเยอร์เดียวกันในการออกแบบอินเทอร์เฟซ นอกจากนี้ การแยกเลเยอร์การนำเสนอ HTML ออกจากข้อมูลระหว่างการพัฒนายังเกี่ยวข้องกับเทคโนโลยีเทมเพลตต่างๆ บนฝั่งเซิร์ฟเวอร์อีกด้วย ตัวอย่างเช่น เทมเพลต Smarty ใน PHP (ที่ฉันเคยใช้) แนวคิด model2 ของ jsp เป็นต้น วิธีการออกแบบโครงสร้าง HTML, วิธีนำ HTML มาใช้ซ้ำ และแม้แต่การพัฒนา OOP บนเลเยอร์ HTML (กระบวนการพัฒนาส่วนหน้าที่ฉันกำลังออกแบบในสายผลิตภัณฑ์ใหม่) ล้วนต้องการการสนับสนุนทางฝั่งเซิร์ฟเวอร์ อย่างน้อยที่สุด คุณต้องบอกโปรแกรมเมอร์ PHP ว่าคุณต้องการอะไร หากคุณไม่รู้อะไรเกี่ยวกับ PHP ก็เป็นไปไม่ได้ที่จะพูดถึงมัน

นอกจากนี้ ทีมผู้ประกอบการมักจะมีกำลังคนจำกัดมาก เพื่อลดต้นทุนการดำเนินงาน บุคลากรด้านเทคนิคทุกคนจำเป็นต้องเข้าใจเทคโนโลยีฝั่งเซิร์ฟเวอร์ หากคุณต้องขอให้โปรแกรมเมอร์ PHP เชื่อมต่อกับ Remote Server เพื่อแก้ไขชื่อหน้าเว็บ มันจะเพิ่มต้นทุนการดำเนินงานของบริษัททั้งหมดจริงๆ
สรุป: ฉันคิดว่าคุณไม่จำเป็นต้องเข้าใจรายละเอียดทางเทคนิค แต่คุณควรรู้หลักการ และวิธีที่ดีที่สุดคือฝึกฝนแนวคิดการออกแบบหนึ่งหรือสองชุด (ท้ายที่สุดแล้ว ตรรกะของข้อมูลก็อยู่ที่นี่แล้ว แค่ดูที่ HTML และ JavaScript ความรู้ของผู้คนยังคงมีข้อจำกัดนี้ ข้อจำกัดนี้จำกัดเวลาของตัวเองมาเป็นเวลานาน) นั่นจะเป็นความมั่งคั่งอันล้ำค่ายิ่งขึ้น

[ภาคผนวก] ฝั่งมือถือ (ไม่เข้าร่วมการให้คะแนน)

ฉันเห็นเพื่อนหลายคนฝากข้อความไว้ว่าวิศวกรส่วนหน้าไม่มีอนาคต ฉันสงสัยว่าจำเป็นต้องเชี่ยวชาญทักษะของอุปกรณ์พกพาไปพร้อม ๆ กันเพื่อขยายขอบเขต อนาคต? ฉันขอพูดอีกสองสามคำที่นี่ สำหรับอนาคตของบุคลากรด้านเทคนิคนั้นเรียกได้ว่า "เยือกเย็น" อย่างแน่นอนในประเทศจีน บรรยากาศที่เร่งรีบทำให้คนเก่งด้านเทคนิคมักจะละทิ้งอาชีพด้านเทคนิคก่อนเวลาอันควร และระดับคุณธรรมโดยรวมของการวางแผนยังทำให้บุคลากรด้านเทคนิคธรรมดา ๆ เศร้าโศก (รอบตัวฉันมีคนมากเกินไป อืม จะไม่ลงรายละเอียดเจาะจง 555)

ในฐานะช่างเทคนิคหรือนักพัฒนา นอกเหนือจากการรักษาความคิดแบบมืออาชีพอย่างแท้จริง (นี่คือหลักฐาน หากคุณไม่มี ไม่ต้องพูดถึง) คุณยังต้องเรียนรู้วิธีการป้องกันตัวเองและวิธีเสริมความแข็งแกร่งให้ตัวเองด้วย สังคมจะไม่เห็นใจคุณ มีแต่คุณเท่านั้นที่ทำได้ ป้องกันตัวเอง

แฟลชไลท์
(เพื่อการพิจารณาขอเพิ่ม)
ชวา?
(เพื่อการพิจารณาขอเพิ่ม)