รวมเทคโนโลยีเว็บไซต์ที่คนทำเว็บต้องรู้!

เทคโนโลยีเว็บไซต์ ในปัจจุบันได้พัฒนาไปไกลมาก ทุกวันนี้มีเรื่องที่เราจะต้องเรียนรู้หลายมุมมอง ไม่ว่าจะเป็นเรื่องของฝั่ง Code, Design, การทำงานเป็นทีม, Server, Database, เทคโนโลยีสมัยใหม่ของเรื่อง Browser

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

ในเว็บไซต์ด้านล่างนี้จะรวบรวมเนื้อเรื่องและลิงค์สำหรับศึกษาเพิ่มเติมแยกตาม 13 หัวข้อ แอดทำภาพประกอบไว้ดังต่อไปนี้เลยฮะ ซึ่งบางหัวข้อ Designil ก็ได้เขียนบทความไว้แล้ว หากสนใจอ่านบทความภาคภาษาไทยสามารถติดตามได้กับ Designil เลยนะครับ

เทคโนโลยีเว็บไซต์

1. Fundamentals
   มีหัวข้อ HTML, CSS, JavaScript, Browsers
   
2. Accessibility
   เล่าเรื่องการทำงานกับ Accessibility รวมไปถึงกฏหมายในต่างประเทศที่ต้องคำนึงถึงเวลาทำเว็บไซต์เลยครับ ARIA, Laws, Keyboard focus, UI states
   
3. Web components
   Custom elements, DOM, Constructible stylesheet, Best Practices
   
4. Progressive web apps
   APIs, Loading Performance, Rendering Performace, Security, Audits
   
5. Build tools
   Package manager, Module bundlers, CSS pre-processors etc.
   
6. Framework & Libraries
   lit-element, Vue, React, Angular, Svelte, Stencil
   
7. Testing
   Testing methodologies, Continuous Integration, Test runners, Best practices
   
8. Architecture and paradigms
   Paradigms, Architecture, Design patterns, CSS methodologies, Functional programming
   
9. Team collaborations
   Vision control, Management, Agile, Waterfall, Test driven
   
10. Design & UX
    Color theory, Typography, Design system, Accessibility
    
11. The modern web
    Streams, Media streams, Http/2, variable fonts etc. อันนี้มีเพียบเลยครับ ควรรู้มาก ๆ เลย เพราะว่าเป็นเทคโนโลยีเว็บไซต์มาใหม่ล่าสุด ที่จะช่วยเพิ่มพลังธุรกิจของเราได้
    
12. Algorithms & Data structures
    Data structures, Algorithms, analysis
    
13. Database & Servers
    เรื่องของ Database ล้วน ๆ อันนี้มีครบครับ
    

รูปภาพสรุปเทคโนโลยีเว็บไซต์เรียงตามหัวข้อ

อ่านจบแล้ว เราแนะนำบทความนี้

และเช่นเคยหากใครสนใจติดตามข่าวสารอัพเดทเรื่องการทำเว็บไซต์ใหม่ ๆ อย่าลืมติดตาม Designil นะครับ เราจะเลือกมาทุกเนื้อหาให้อ่านกันแบบจุใจ แล้วเจอกันใหม่บทความหน้าครับ

• แนะนำ 8 คอร์สออนไลน์เรียนเขียนแอพ Mobile development ครบทุกแบบ
• รวม 10 เว็บไซต์เรียนเขียนเว็บฟรี หลักสูตร Web development
• 13 VScode extensions ที่ทำให้คุณเขียนโปรแกรมง่ายขึ้น
• อนาคต Responsive web design ออกแบบเว็บไซต์ในโลกของ Component
• CSS: 20 Tips & Tricks ที่ คุณอาจไม่เคยรู้มาก่อน