ข่าว Microsoft ย้าย Edge ไป Chromium Engine กระตุ้นการอภิพrai รอบ Web Technologies หลากหลาย Cheat Sheet นี้รวม Key Terms/Technologies ช่วยเข้าใจ Roles และการเปลี่ยนแปลงใน Edge (Italic = Reference Term อื่นใน Sheet)
Microsoft
- Edge — Browser สมัยใหม่ของ Microsoft (Win 10, 2015) Built as UWP App Powered by EdgeHTML Engine สัปดาห์ล่าสุด: ยืนยันย้ายไป Chromium Engine ภายใน 1 ปี จะรองรับ Windows Versions มากขึ้น และ OS อื่นๆ ปัจจุบันใช้ Chakra JS Engine → จะเปลี่ยนเป็น V8
- EdgeHTML — Proprietary Browser Engine ของ Edge ตั้งแต่ Win 10 2015 แยกจาก Trident ใช้ Render Windows 10 UI Components และ UWP Apps (JS/HTML) ผูกติด Windows 10 ไม่รองรับ Platform อื่น
- Trident — Discontinued Microsoft Browser Engine (IE4 → IE11) Dominant Early 2000s แต่ล้าสมัย (Standards Compliance ต่ำ) พยายามปรับปรุงรุ่นหลัง ใช้รองรับ JS Apps บน Win 8/Win Phone 8
- UWP — Universal Windows Platform: APIs/Technologies สร้าง Apps ให้ Win 10, Win 10 Mobile, Ecosystems ใหม่ ผ่าน Microsoft/Windows Store สร้างได้หลาย Tech: C++, C#/XAML, JavaScript/HTML รวม Port จาก Win32, iOS, PWAs
Browsers
- Browser Engine — Core Component สร้าง/Render Webpages ให้เห็น/โต้ตอบได้ Sub-components: Layout Engine, Rendering Engine อาจเป็น Standalone ใช้ร่วมหลาย Browser (เช่น Chromium Engine ใช้ Chrome, Opera, Vivaldi... แต่ละตัว UI/Features ต่างกัน)
- Blink — Open-source Engine ยอดนิยม ใช้ใน Chromium Standards Compliant, Implement Emerging Standards เร็ว Fork มาจาก WebKit
- Chromium — Open-source Browser Project (Google) Foundation ของหลาย Browser (Chrome เป็นหลัก) Powered by Blink + V8 JS Engine ทุก Desktop Platform + Android Criticized: ผูกมัด Google, Development นำโดย Google, Default Google Services Integration
JavaScript
- JavaScript Engine — Program Interpret/Execute JavaScript Code เดิมใน Browser ตอนนี้ Server, CLI, Mobile Apps → Engine Evolution
- Chakra — Microsoft JS Engine (Edge, UWP) Fork จาก JScript เก่า Proprietary → Open-sourced 2015 ใช้ใน Embedded Environments ด้วย
- V8 — Open-source JS Engine (Chromium Project) ใช้ใน Node.js, Electron Desktop Framework
Web Technologies
- HTML — Hypertext Markup Language: โครงสร้าง/Layout Webpages Browser Engines ใช้ HTML Files สร้าง Page
- JavaScript — High-level Interpreted Language Core ของ Modern Web Apps/Interactive Pages Devs ใช้โต้ตอบ Page/Browser ใช้งานนอก Browser: Native Apps (UWP), Embedded
- PWA — Progressive Web App: Approaches/Tech ให้ Website/Web App พฤติกรรมเหมือน Native App Installed Features แตกต่างตาม Platform แต่ทั่วไป: "Install" แบบ Native, Service Workers (Offline, Background Sync, Push Notifications) PWA มักถูกเข้าใจผิดว่า Hybrid/Hosted Web Apps — Pure PWA ใช้ Web Standards เท่านั้น Deliver จาก Website Domain Platform Implement Standards ให้ Native-like Experience
Glossary นี้เป็น High-level Overview ต้องการลึกลับ → ไปเว็บไซต์แต่ละ Project เทคโนโลยีเหล่านี้อาจไม่น่าสนใจ User แต่เป็น Foundation ของ Web ทำให้เรา Consume Webpages ได้
