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

web technology
Share on facebook
Share on twitter
Share on telegram
ในปัจจุบัน เทคโนโลยี ทำเว็บไซต์ ได้พัฒนาไปไกลมาก ทุกวันนี้มีเรื่องที่เราจะต้องเรียนรู้หลายมุมมอง ซึ่งในเว็บนี้รวบรวมมาให้ครบ มาดูกันว่าจะต้องเรียนอะไรบ้าง

เทคโนโลยี ทำเว็บไซต์ ในปัจจุบันได้พัฒนาไปไกลมาก ทุกวันนี้มีเรื่องที่เราจะต้องเรียนรู้หลายมุมมอง ไม่ว่าจะเป็นเรื่องของฝั่ง 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 นะครับ เราจะเลือกมาทุกเนื้อหาให้อ่านกันแบบจุใจ แล้วเจอกันใหม่บทความหน้าครับ

Share:

Share on facebook
Facebook
Share on twitter
Twitter
Share on telegram
Telegram

One Response

Leave a Reply

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