ประสบการณ์ผู้ใช้ (UX)
ประสบการณ์ของผู้ใช้พบกับวิธีที่ผู้ใช้สัมผัสผลิตภัณฑ์โดยเฉพาะอย่างยิ่งในเรื่องที่เกี่ยวกับเว็บไซต์หรือแอป
UX เกี่ยวข้องกับความง่ายในการใช้งานและความพึงพอใจ / ความพึงพอใจของผู้ใช้
- แผนผังไซต์: เค้าร่างหน้าเว็บทั้งหมดในเว็บไซต์
- UI: ส่วนติดต่อผู้ใช้ ทุกส่วนของเครื่องที่ผู้ใช้โต้ตอบ นับสิ่งต่างๆเช่นจอแสดงผลแป้นพิมพ์เมาส์ / ทัชแพดเป็นต้น
- การวิจัยของผู้ใช้: การ สังเกตการณ์และการวิเคราะห์ดำเนินการโดยมีเป้าหมายเพื่อให้เข้าใจถึงความต้องการและพฤติกรรมของผู้ใช้
- โครง ร่างโครงร่าง : การ ร่างสิ่งที่เว็บไซต์ / เว็บแอ็พพลิเคชันจะมีลักษณะเช่นมีส่วนประกอบที่สำคัญบนไซต์
เครื่องมือและฮาร์ดแวร์เวิร์กโฟลว์
เครื่องมือที่ช่วยเพิ่มประสิทธิภาพและประสิทธิภาพของคุณ
- โปรแกรมแก้ไขข้อความ: ซอฟต์แวร์ที่ใช้ในการเขียนโค้ดและเขียนโปรแกรมเพื่อเขียนข้อความธรรมดาที่ไม่ได้จัดรูปแบบ ตัวอย่าง: ข้อความสุดยอด, วงเล็บ, TextEdit, TextWrangler, Notepad ++
- IDE: สภาพแวดล้อมการพัฒนาแบบรวม ช่วยให้โปรแกรมของคนมีประสิทธิภาพมากขึ้น คล้ายกับโปรแกรมแก้ไขข้อความ แต่มีคุณลักษณะเพิ่มเติม ตัวอย่าง: PyCharm, Webstorm
- Router: เราเตอร์คือขั้นตอนระหว่างโมเด็มกับคอมพิวเตอร์ เมื่อข้อมูลมาถึงโมเด็มผ่านบรอดแบนด์เราเตอร์จะถอดรหัสและส่งข้อมูลนั้นไปยังคอมพิวเตอร์ของคุณ
- เครื่องเสมือน (VM): เครื่องเสมือนเป็นซอฟต์แวร์ที่ทำงานเหมือนฮาร์ดแวร์: ไม่มีการแสดงตนทางกายภาพ แต่สามารถเรียกใช้โปรแกรมต่างๆเช่นเครื่องกายภาพ เครื่องเสมือน สองประเภทคือ เครื่องเสมือนระบบ (ออกแบบมาเพื่อใช้งานระบบปฏิบัติการทั้งหมด) และ ประมวลผลเครื่องเสมือน (ออกแบบมาเพื่อใช้งานเพียงโปรแกรมเดียว)
- เครือข่ายส่วนตัวเสมือน (VPN): VPN ให้การรักษาความปลอดภัยเพิ่มเติมกับเครือข่าย สามารถใช้งานได้กับเครือข่ายภาครัฐหรือเอกชน แต่มักใช้ในองค์กรที่ต้องการปกป้องข้อมูล
- การควบคุมเวอร์ชัน : การควบคุม เวอร์ชันคือระบบที่ติดตามการเปลี่ยนแปลงไปยังไฟล์หรือชุดของไฟล์ในช่วงเวลาหนึ่ง จะช่วยให้คุณสามารถเรียกคืนรุ่นที่เฉพาะเจาะจงได้ในภายหลังหากการเปลี่ยนแปลงบางอย่างไม่ทำงานทำให้คุณประหยัดเวลาในการยกเลิกขั้นตอนทั้งหมด
- ตัวจัดการงาน: แอ็พพลิเคชันที่ช่วยให้งานของคุณซ้ำ ๆ ได้ง่ายขึ้น แต่จำเป็นต้องทำให้เพรียวลมกระบวนการทำงานของคุณ ตัวอย่าง: Grunt, Gulp
การพัฒนา Front-end
หรือที่เรียกว่า "ฝั่งไคลเอ็นต์" เนื่องจากเป็นสิ่งที่ผู้ใช้ / ลูกค้าจะเห็นในคอมพิวเตอร์ ส่วน หน้า ของเว็บไซต์หรือแอปเกี่ยวข้องกับการแสดงผล / การออกแบบที่เขียนลงในนั้น
- HTML : Hypertext Markup Language "ใบหน้า" ของอินเทอร์เน็ต เว็บไซต์ทั้งหมดมี HTML เว็บเบราเซอร์อ่านไฟล์ HTML และแปลงไฟล์เหล่านั้นลงในเว็บไซต์ที่คุณเห็นในที่สุด
- CSS: สไตล์ชีต Cascading ถ้า HTML เป็น "face" CSS ก็คือ "makeup" ช่วยให้คุณเลือกรูปแบบและเพิ่มความหลากหลาย
- JavaScript : รันในไคลเอ็นต์ (หนึ่งในไม่กี่ภาษาโปรแกรมที่ทำ) ภาษายอดนิยมในการพัฒนาเว็บ ตอนนี้ใช้กับปลายด้านหลังอีกด้วย
การพัฒนา Back-end
มักเรียกกันว่า "ฝั่งเซิร์ฟเวอร์" ส่วนท้ายคือสิ่งที่เกิดขึ้นเบื้องหลังเพื่อสร้างเว็บไซต์หรือแอปพลิเคชัน - ส่วนหน้าเป็นหน้าและด้านหลังเป็นสมอง รวมเซิร์ฟเวอร์และฐานข้อมูล
- API : Application Programming Interface ใช้ในการพัฒนาซอฟต์แวร์เพื่อสร้างชุดของกฎและการสร้างบล็อคสำหรับโปรแกรม
- ฐานข้อมูล: การ รวบรวม ข้อมูล ของแอปพลิเคชันเว็บ
- DevOps: วิธีการพัฒนาซอฟต์แวร์ที่ออกแบบมาเพื่อช่วยให้ทีมสื่อสารและทำงานร่วมกันได้ดีขึ้น เชื่อมโยงนักพัฒนาซอฟต์แวร์กับพนักงานไอทีคนอื่น ๆ โดยมีเป้าหมายการผลิตและประสิทธิภาพที่เพิ่มขึ้น
- กรอบงาน : ระยะเต็มคือ "กรอบการทำงานของเว็บแอ็พพลิเคชัน" ซึ่งช่วยลดเวลาในการสร้างเว็บไซต์ / แอปพลิเคชันด้วยการจัดเตรียมเทมเพลตและไลบรารีที่จัดเตรียมไว้ล่วงหน้าดังนั้นคุณจึงมี "ฐาน" ในการสร้าง
- เว็บเซิร์ฟเวอร์: วัตถุประสงค์หลักของเว็บเซิร์ฟเวอร์คือการจัดเก็บเนื้อหาและส่งมอบให้กับลูกค้า อาจเป็นฮาร์ดแวร์ (คอมพิวเตอร์ที่สามารถเข้าถึงได้ทางเว็บ) หรือซอฟต์แวร์ (โปรแกรมที่ตรวจพบและตอบสนองต่อคำขอของเซิร์ฟเวอร์)
ข้อสรุป
19 เงื่อนไขเทคโนโลยีลงเพียงไม่กี่ร้อย (หรือหลายพัน) ไป ใช้มันช้าไม่ได้รับจมและคุณจะมีพวกเขาเข้าใจในเวลาไม่นาน