Google Polymer

ทุกอย่างที่คุณต้องรู้ใน Google Polymer 1.0

เรื่องที่เกี่ยวข้อง - Google Polymer

เมื่อคืนในงาน Google I/O ทางทีมพัฒนา Google Polymer ก็ได้ปล่อย Google Polymer เวอร์ชั่น 1.0 ตามความคาดหมาย

ซึ่งนอกจากมีระบบใหม่เพิ่มเข้ามาแล้ว ยังมีการปรับปรุงการใช้งานในด้านต่างๆ ด้วย มาดูกันเลยครับ

รู้จักกับ Google Polymer แบบสั้นๆ กระชับๆ

สำหรับคนที่เพิ่งกดเข้ามาอ่านเนื้อหานี้ โค้ชพลขอสรุปภาพรวมของ Google Polymer  (ไม่เน้นด้านเทคนิคมากในส่วนนี้)

  • Google Polymer สร้างจากแนวความคิด Web Component ที่มองส่วนต่างๆ บนหน้าเว็บเป็นช้ินส่วนที่ถอดประกอบได้เหมือนตัวต่อ LEGO ไม่ต้องเขียนใหม่ทั้งหมด
  • เปิดตัวครั้งแรก ในงาน Google I/O 2013
  • ภาษาที่ใช้คือ HTML, CSS, และ Javascript
  • ไม่รองรับเว็บเบราเซอร์รุ่นที่เก่ามากๆ เหมือนระบบ framework อื่นๆ
  • มีความคล้ายคลึงกับ Angular JS มาก (เดี๋ยวว่าจะเอามาเปรียบเทียบกับ Ionic Framework และ JQuery Mobile)
  • ความเร็วของ Animation ใน Google Polymer ที่อ้างไว้คือ 60 fps เนียนระดับหนัง HD

ของใหม่ใน Google Polymer 1.0

  • ระบบ data-binding ตัวใหม่ที่เร็ว และใช้งานได้ง่ายกว่าเดิม
  • ระบบ Theme และ Styling สำหรับ Element ที่ใช้ภาษา CSS ที่ปรับแต่งขึ้นมาโดยเฉพาะ
  • Shadow DOM ที่เร็วและเบากว่าเดิม สำหรับ Web browser ที่ยังไม่รองรับ
  • กลไก “Behavior” สำหรับการเชื่อมต่อ หรือแชร์ข้อมูลระหว่าง Element
  • ทางทีม Google Polymer บอกว่าตัว Library พร้อมสำหรับ Production แล้ว (ฮูเร่!)

เอา Google Polymer ไปทำเป็น User Interface ของ Mobile App ก็ได้

ใครติดตามโค้ชพลจะรู้ว่าตอนนี้เรามีเทคโนโลยีที่ใช้ภาษาเว็บทำ Mobile Application ได้ทั้ง iOS, Android, และ Windows Phone อยู่เด่นๆ 4 – 5 ตัว ซึ่งหนึ่งในนั้นก็คือ PhoneGap/Cordova และ Ionic Framework 

ทีนี้พอ Google Polymer ออกมาตอน 2 ปีก่อนโน้น ผมก็เอ๊ะ เจ้านี่มันเป็น UI นี่หว่า (ส่วน HTML และ CSS) แปลว่ามันสามารถเอามาลองกับ Mobile App ได้งั้นสิ (โค้ชพลได้แนะนำ Google Polymer อย่างละเอียดไว้ก่อนหน้านี้)

ก็ได้ลองเอามาใช้ทำแอพ Android โดยใช้ PhoneGap/Cordova ซึ่งปรากฎว่ามันใช้ได้ แถมเร็วด้วยเว้ยเฮ้ย!! ซึ่งตอนนั้นเป็นรุ่น Beta อยู่เลย

ลองดูโค้ชพลเดโม กับมืออันสั่นเทาด้วยความตื่นเต้น

ดังนั้นผมฟันธงตรงนี้เลยว่าใช้ได้ครับ แต่ก็จะเหมือนกับพวก Modern web framework ตัวอื่นๆ คือต้องดูว่า Android หรือ WebView เวอร์ชั่นไหนที่รองรับได้บ้าง ซึ่งเดี๋ยวจะเอามาอธิบายใน YouTube Channel เร็วๆ นี้

แต่ถ้าต้องการเอาไปลุยกับตัว Android ที่ไม่เก่ามาก ก็มี CrossWalk อยู่นะ อ่านเพิ่มเติมได้ที่นี่

ติดตามเรียนรู้ Google Polymer ผ่านแฟนเพจด้านล่าง หรือผ่านวิดีโอที่ YouTube Channel ของโค้ชพลได้ครับ

เปิดอบรม React Native สำหรับผู้เริ่มต้น

ปูพื้นฐาน React และ React Native เข้าใจง่าย, ใช้ได้จริง, เนื้อหาใช้ในการทำแอพ Enterprise ขององค์กรได้

ที่มา – Google Developer Blog

เริ่มต้นยุค AI ด้วยคอร์สฟรี และพรีเมี่ยม กับพล

หากชอบสิ่งที่พลเล่า เรื่องที่พลสอน สามารถสนับสนุนพลโดยการเข้าเรียนคอร์สออนไลน์ของพลนะคร้าบ

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

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save