30 นักพัฒนาเว็บย่อควรทราบ

ศัพท์แสงของอุตสาหกรรมการพัฒนาเว็บมีจำนวนมาก คำย่อ เราใช้วันทั้งวันทั้งที่ไม่เพียง แต่เป็นเรื่องยากสำหรับมือใหม่เท่านั้น บางครั้งก็ยากสำหรับการฝึกฝนผู้พัฒนา ติดตาม. พวกเราส่วนใหญ่ใช้คำย่อทั่วไปเช่น HTML, CSS, หรือ HTTP, แต่สิ่งที่เกี่ยวกับการใช้กันอย่างแพร่หลายน้อยกว่าหรือใหม่กว่า?

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

1. ARIA

แอปพลิเคชันอินเทอร์เน็ตที่เข้าถึงได้หลากหลาย: บางครั้งก็ใช้เป็น WAI-ARIA.

มาตรฐานเว็บเผยแพร่โดย World Wide Web Consortium (W3C) ข้อกำหนด ARIA กำหนดวิธีการส่วนหน้าที่แตกต่างกันซึ่งสร้างเนื้อหาเว็บ สามารถเข้าถึงได้สำหรับคนพิการ ผู้ที่เข้าใช้งานเว็บด้วยเทคโนโลยีช่วยเหลือ (AT) เช่นโปรแกรมอ่านหน้าจอ.

2. ACSS

แผ่นสไตล์ Cascading อะตอม: วิธีการเขียน CSS ที่พัฒนาโดย Yahoo.

ACSS ขึ้นอยู่กับ คลาสที่ใช้ซ้ำได้ (อะตอมมิก) แบบใช้ซ้ำได้ และ ชื่อชั้นสั้น ๆ ที่คาดเดาได้ ที่ทำให้สามารถจัดสไตล์ HTML ได้โดยตรง Atomizer เป็นเครื่องมือที่สามารถช่วยสร้างคลาสอะตอมมิกสำหรับโครงการเว็บ.

3. แอมป์

เร่งหน้ามือถือ: มาตรฐานเว็บบนมือถือที่ริเริ่มโดย Google โดยมีวัตถุประสงค์เพื่อ ทำให้ไซต์บนมือถือเร็วขึ้น.

AMP จำกัด วิธีที่เราใช้ HTML, CSS และ JavaScript เพื่อปรับปรุงประสิทธิภาพและมอบส่วนประกอบที่เราสามารถใช้เพื่อโหลดทรัพยากรภายนอกและเรียกใช้สคริปต์ผ่านทางรันไทม์ AMP.

4. API

Application Programming Interface: ชุดของ คุณสมบัติโค้ดที่เขียนไว้ล่วงหน้า (คุณสมบัติวิธีการคลาส ฯลฯ ) ที่ระบุโดยผู้เผยแพร่ API ที่ช่วยเรา ใช้แนวทางปฏิบัติที่ดีที่สุด และ เขียนรหัสที่สอดคล้องกัน.

เราสามารถเลือกได้จาก API เว็บหลายแห่ง แต่เว็บไซต์โซเชียลมีเดียและเทคโนโลยีเช่น Facebook, Twitter และ Google ยังเผยแพร่ API ของตนเอง.

5. BEM

Block, Element, Modifier: แบบแผนการตั้งชื่อ สำหรับการเขียนคลาส CSS ที่อ่านได้สอดคล้องและบำรุงรักษาได้.

เมื่อใช้วิธีการ BEM เราจะสร้างคลาสตลอดทั้งโครงงานที่ ดังต่อไปนี้ block__element - ปรับปรุง วากยสัมพันธ์.

• บล็อก เป็นชื่อของเอนทิตีแบบสแตนด์อโลนเช่น เมนู หรือ ปุ่ม.
• องค์ประกอบ เป็นส่วนต่าง ๆ หรือฟังก์ชันการทำงานของบล็อกเช่น ความสำเร็จ หรือ เตือนภัย.
• การปรับเปลี่ยน เปลี่ยนสไตล์ของบล็อกเช่น ใหญ่ หรือ เล็ก. ตัวอย่างเช่น, .button__alert - ขนาดใหญ่ จะเป็นชื่อคลาส BEM ที่ถูกต้อง.

6. CDN

เครือข่ายการจัดส่งเนื้อหา: เครือข่ายของเซิร์ฟเวอร์แบบกระจายที่ เก็บสำเนาซ้ำ ของเนื้อหาเว็บของเรา.

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

7. CMS

ระบบการจัดการเนื้อหา: ซอฟต์แวร์ที่ช่วยให้เราเผยแพร่แก้ไขและจัดระเบียบเนื้อหาดิจิทัลประเภทต่างๆ.

CMSs ส่วนใหญ่ใช้สำหรับการเผยแพร่ทางเว็บเช่น WordPress, Drupal และ Joomla CMSs แยกเนื้อหาจากงานนำเสนอและฟังก์ชันการทำงาน, ดังนั้นจึงเป็นไปได้ในการจัดการเนื้อหาเว็บโดยไม่มีความรู้การเข้ารหัส.

8. CRUD

สร้างอ่านอัปเดตลบ: คำที่ใช้ในการจัดการฐานข้อมูลประกอบด้วยสี่ฟังก์ชันพื้นฐานของฐานข้อมูลถาวร.

ใน SQL, คำสั่งที่เกี่ยวข้องสี่คำสั่งคือ: INSERT (สำหรับสร้าง), เลือก (สำหรับอ่าน), UPDATE (สำหรับอัปเดต) และ ลบ (สำหรับลบ).

ฟังก์ชั่น CRUD อธิบาย วงจรชีวิตข้อมูลทั่วไป บนเว็บไซต์แบบไดนามิก.

9. CSSOM

Cascading Style Sheets Object Model: ชุดของ APIs ใช้โดยเบราว์เซอร์เพื่อ แสดงผลสไตล์ CSS อย่างถูกต้อง บนหน้าเว็บ.

CSSOM แสดงถึงสไตล์ CSS ทั้งหมด (ตัวเลือกและคุณสมบัติของมัน) บนหน้าเว็บ เป็นแผนที่ของโหนด. CSSOM มีโครงสร้างแบบต้นไม้คล้ายกับ DOM, แต่มันเป็นโมเดลข้อมูลแยกต่างหาก.

10. CTA

เรียกร้องให้การดำเนินการ: ศัพท์ทางการตลาดที่ใช้บ่อยในการออกแบบเว็บ.

CTA คือข้อความที่ส่งถึงผู้ใช้หรือลูกค้าที่คาดหวัง ลงมือทำทันที. ในการออกแบบเว็บ CTA มักจะแต่งตัวลิงค์ที่มุ่งหวัง ดึงดูดผู้ใช้ให้คลิก ปุ่มแบนเนอร์โฆษณา ฯลฯ.

11. DOM

แบบจำลองวัตถุเอกสาร: API สำหรับเอกสาร HTML และ XML ที่เบราว์เซอร์ใช้เพื่อแสดงเอกสารเหล่านี้.

DOM ระบุ โครงสร้างเชิงตรรกะของเอกสาร, และแสดงถึงมัน เป็นต้นไม้โหนด โหนดใดเป็นวัตถุที่แสดงส่วนต่าง ๆ ของเอกสาร โหนดสามารถสร้างแก้ไขและลบออกได้.

12. ECMAScript (ES)

สคริปต์สมาคมผู้ผลิตคอมพิวเตอร์ยุโรป: ข้อกำหนดภาษาสคริปต์ ที่ไวยากรณ์ของ JavaScript - พร้อมกับ JScript และ ActionScript - เป็นไปตาม.

ECMAScript ได้รับชื่อจากสมาคมผู้ผลิตคอมพิวเตอร์แห่งยุโรปซึ่งเป็นองค์กรที่ได้มาตรฐาน.

13. ฟอสส์

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

บางครั้งก็เรียกว่า ขัด. ดู GNUจุดยืนของคำศัพท์ FOSS เทียบกับ FLOSS.

14. FTU

ใช้ครั้งแรก: ครั้งแรกที่ผู้ใช้ โหลดซอฟต์แวร์หลังการติดตั้ง.

FTU เป็นส่วนสำคัญของ กระบวนการยอมรับแอป. อัตราการรักษาผู้ใช้สามารถปรับปรุงได้ถ้า ผู้ใช้งานบนเครื่อง ได้รับการออกแบบอย่างเหมาะสม ระหว่าง FTU เราสามารถแสดงให้เห็นว่าแอพทำงานอย่างไรหรือทำให้ผู้ใช้ตั้งค่าตัวเลือกที่สำคัญ (เขตเวลาภาษาการกำหนดลักษณะ ฯลฯ ).

15. GUI

ส่วนต่อประสานกราฟิกกับผู้ใช้: ประเภทของส่วนต่อประสานผู้ใช้, ตรงข้ามกับ อินเตอร์เฟสที่ควบคุมด้วยคำสั่ง.

GUI ทำให้ผู้ใช้ที่ไม่มีความรู้ด้านเทคนิคสามารถทำได้ โต้ตอบกับซอฟต์แวร์ โดยไม่ต้องเรียนรู้ภาษาคำสั่งเช่น MS-DOS GUIs ใช้ ไอคอนกราฟิก และ ภาษาภาพ เพื่อให้ผู้ใช้สามารถให้คำสั่งกับแอปพลิเคชันและรับอินพุตได้.

16. IDE

สภาพแวดล้อมการพัฒนาแบบบูรณาการ: แอปพลิเคชันซอฟต์แวร์ Aa ที่ให้บริการเราด้วย สภาพแวดล้อมการเขียนโปรแกรม ที่รวมเข้าด้วยกัน เครื่องมือต่าง ๆ ที่จำเป็นสำหรับการพัฒนาและทดสอบ, เช่นเครื่องมือแก้ไขซอร์สโค้ดสร้างเครื่องมือระบบอัตโนมัติคอมไพเลอร์หรือล่ามและดีบักเกอร์ Xcode, Eclipse และ Visual Studio เป็นตัวอย่างของ IDE.

17. IIFE

การแสดงออกของฟังก์ชั่นที่เรียกใช้ทันที: ความนิยม รูปแบบการออกแบบ JavaScript ที่สร้างขอบเขตศัพท์.

IIFE คือ ฟังก์ชั่นการแสดงออก นั่นคือ ดำเนินการทันที หลังจากประเมินแล้ว มันสามารถใช้สำหรับการจัดเก็บรหัสที่จะต้องดำเนินการเพียงครั้งเดียวการตั้งชื่อและการสร้างตัวแปรส่วนตัวและการปิด.

IIFE ใช้ไวยากรณ์ต่อไปนี้:

 (function () // code ()); 

18. ITCSS

แผ่นสไตล์ Cascading สามเหลี่ยมคว่ำ: ปรับขนาดได้ สถาปัตยกรรม CSS สำหรับ รหัส CSS ที่ใช้ซ้ำได้.

ITCSS แยกคุณสมบัติ CSS ออกเป็นระดับต่างๆ ขึ้นอยู่กับ specifity และความสำคัญของพวกเขา. ระดับจะแสดงเป็นรูปสามเหลี่ยมคว่ำที่เพิ่ม specifity จากด้านบนแบนถึงปลายที่ด้านล่าง.

19. JSON

สัญลักษณ์วัตถุ JavaScript: ภาษาอิสระมนุษย์อ่านได้ รูปแบบข้อมูลสำหรับการแลกเปลี่ยนข้อมูล.

JSON สามารถจัดเก็บได้ วัตถุ เป็นคอลเล็กชันของคู่ค่าชื่อและ อาร์เรย์ เป็นชุดของค่าสั่ง มันคือไวยากรณ์ คล้ายกับของ JavaScript, นั่นเป็นสาเหตุที่เป็นรูปแบบข้อมูลทั่วไปในแอปพลิเคชันที่ใช้ JavaScript.

20. หลอดไฟ

Linux, Apache, MySQL, PHP / Python / Perl: ความนิยม เว็บสแต็ก สำหรับการสร้างเว็บไซต์แบบไดนามิก.

LAMP stack ประกอบด้วย ลินุกซ์ เป็นระบบปฏิบัติการ, อาปาเช่ เป็นเว็บเซิร์ฟเวอร์, MySQL เป็นซอฟต์แวร์การจัดการฐานข้อมูลและ PHP, Perl หรือ หลาม เป็นภาษาสคริปต์ ตัวแปร Windows ของมันถูกเรียกว่า WAMP, ในขณะที่ตัวแปร OS X คือ MAMP.

21. LTR / RTL

จากซ้ายไปขวา / จากขวาไปซ้าย: ข้อกำหนดที่ใช้ใน สากล

LTR และ RTL คือ สถานที่เกิดเหตุ คุณสมบัติของการตั้งค่าภาษาหรือประเทศของ UI. LTR ย่อมาจากซ้ายไปขวา RTL ย่อมาจากขวาไปซ้าย พวกเขาบ่งบอกถึง ทิศทางของข้อความ.

ภาษาส่วนใหญ่เป็น LTR และอินเทอร์เฟซถูกออกแบบมาสำหรับพวกเขา แต่คุณสามารถเพิ่มการสนับสนุน RTL ได้อย่างง่ายดาย CMSs, เช่น WordPress กับ rtl.css ไฟล์.

22. หมายถึง

MongoDB, Express.js, Angular, Node.js: เว็บสแต็กที่ใช้ JavaScript เท่านั้น สำหรับการสร้างเว็บไซต์แบบไดนามิกและเว็บแอปพลิเคชัน.

กอง MEAN ประกอบด้วย MongoDB ฐานข้อมูล NoSQL Express.js กรอบโปรแกรมประยุกต์บนเว็บ Angular.js กรอบส่วนหน้าและ ปม จาวาสคริปต์รันไทม์แล้ว ทำงานบนระบบปฏิบัติการใด ๆ.

23. MVC

Model-View-Controller: อัน รูปแบบสถาปัตยกรรม ใช้ใน การเขียนโปรแกรมเชิงวัตถุ.

รูปแบบ MVC เก็บตรรกะข้อมูลแยกจากส่วนติดต่อผู้ใช้โดยการจัดกลุ่มวัตถุออกเป็นสามกลุ่ม: แบบจำลองวัตถุ สำหรับโครงสร้างข้อมูลและตรรกะพื้นฐาน, ดูวัตถุ สำหรับส่วนต่อประสานผู้ใช้และ วัตถุตัวควบคุม สำหรับทำหน้าที่เป็นสื่อกลางระหว่างวัตถุอื่น ๆ และสำหรับการประสานงาน.

24. OAuth

เปิดการรับรองความถูกต้อง: โปรโตคอลแบบเปิด ที่ทำให้ การอนุญาตที่ปลอดภัย เป็นไปได้ในวิธีที่ปลอดภัยและได้มาตรฐาน.

บ่อยครั้งที่ OAuth ใช้เป็นวิธีการที่ช่วยให้ผู้ใช้สามารถเข้าสู่เว็บไซต์ได้ ใช้บริการของบุคคลที่สาม, เช่น Facebook, Twitter หรือ Google - วิธีนี้ช่วยลดอุปสรรคในการลงทะเบียน.

25 OOP

การเขียนโปรแกรมเชิงวัตถุ: A กระบวนทัศน์การเขียนโปรแกรม ซึ่งแตกต่างจากการเขียนโปรแกรมตามขั้นตอน.

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

26. REGEX

การแสดงออกปกติ: รูปแบบข้อความ ใช้สำหรับจับคู่ชุดอักขระในสตริงที่แตกต่างกัน.

Regex ทำให้เป็นไปได้อย่างง่ายดาย ค้นหาลำดับอักขระบางตัว ในข้อความและถึง ตรวจสอบการป้อนข้อมูลของผู้ใช้. Regex เป็นส่วนหนึ่งของภาษาการเขียนโปรแกรมยอดนิยมเช่น JavaScript, PHP, Python, Ruby, Java และอื่น ๆ.

27. REST

การโอนรัฐเป็นตัวแทน: ชุดของ แนวทางสถาปัตยกรรมการออกแบบซอฟต์แวร์ สำหรับ การส่งข้อมูล ระหว่างไคลเอนต์และเซิร์ฟเวอร์ ตามหลักการของสถาปัตยกรรม REST เราสามารถสร้าง RESTful APIs สำหรับเว็บแอปพลิเคชันของเรา.

28. SCM

การจัดการการควบคุมแหล่งที่มา: ระบบสำหรับ การจัดการหลายรุ่น ของเอกสารแอปพลิเคชันรหัสหรือข้อมูลประเภทอื่น เรียกอีกอย่างว่า รุ่น หรือ การจัดการการควบคุมการแก้ไข.

SCM ทำให้เป็นไปได้ ติดตามการเปลี่ยนแปลง, และ ป้องกันการสูญหายของข้อมูล. ระบบ SCM ที่นิยมมากที่สุดคือ Git และ SVN.

29. SMACSS

สถาปัตยกรรมที่ปรับขนาดได้และโมดูลาร์สำหรับสไตล์ชีทแบบเรียงซ้อน: A วิธีการเขียน CSS ที่ช่วยให้เราสามารถทำให้โค้ด CSS เป็นโมดูลและทำให้สามารถอ่านและบำรุงรักษาได้มากขึ้น.

SMACSS กำหนดกฎสไตล์ 5 ประเภท (ฐาน, เลย์เอาต์, โมดูล, สถานะ, ธีม) และระบุด้วยคำนำหน้าตัวเลือกที่แตกต่างกัน.

30. WYSIWYG

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

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