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

designil

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

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

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

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

Fundamentals เทคโนโลยี ทำเว็บไซต์ ต้องรู้จัก HTML, CSS, Javascript
Fundamentals เทคโนโลยี ทำเว็บไซต์ ต้องรู้จัก HTML, CSS, Javascript
  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 ล้วน ๆ อันนี้มีครบครับ

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

ทำเว็บไซต์ต้องรู้ Accessibility
ทำเว็บไซต์ต้องรู้ Accessibility
ทำเว็บไซต์ต้องรู้จัก Progressive webapps
ทำเว็บไซต์ต้องรู้จัก Progressive webapps
ทำเว็บไซต์ต้องรู้จัก build tools เทคโนโลยีเว็บไซต์
ทำเว็บไซต์ต้องรู้จัก build tools
Frameworks & Libraries เทคโนโลยีเว็บไซต์
Frameworks & Libraries ในการทำเว็บไซต์
สิ่งที่ต้องรู้ในการทำ Testing
สิ่งที่ต้องรู้ในการทำ Testing
เรื่องของ Architecture & Paradigms เทคโนโลยีเว็บไซต์
เรื่องของ Architecture & Paradigms
การทำ Management วิธีการทำงานของทีมและการใช้ Git เทคโนโลยีเว็บไซต์
การทำ Management วิธีการทำงานของทีมและการใช้ Git
Design, UI, UX เทคโนโลยีเว็บไซต์
Design, UI, UX
ทำเว็บไซต์ ต้องรู้จัก เทคโนโลยีเว็บไซต์สมัยใหม่ ของ Modern web
ทำเว็บไซต์ ต้องรู้จัก เทคโนโลยีสมัยใหม่ ของ Modern web

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

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

designil

designil

Front-end & WordPress Developer ที่ชอบอ่านบทความใหม่ ๆ ตลอดเวลา ชอบ Interactive เป็นชีวิตจิตใจ มีความฝันอยากทำ HTML5 Game ดี ๆ ออกมาสักเกม เขียน HTML / CSS / JS เป็นงานหลัก PHP เป็นงานเสริม
บทความทั้งหมด

One Response

Leave a Reply

Your email address will not be published. Required fields are marked *

Related posts