Bootstrap ออกเวอร์ชัน 5.0 Alpha เลิกใช้ jQuery แล้ว เปลี่ยนมาใช้ JavaScript ธรรมดา

By mk

on 22 June 2020 - 16:30 Tag: JavaScript, jQuery, Development

JavaScript

Bootstrap เฟรมเวิร์คสำหรับเขียนเว็บชื่อดัง ประกาศออกเวอร์ชัน 5.0 Alpha 1 มีการเปลี่ยนแปลงสำคัญคือเลิกใช้เฟรมเวิร์ค jQuery ที่ใช้มายาวนาน เปลี่ยนมาใช้โค้ด JavaScript ปกติแทน ด้วยเหตุผลว่าฟีเจอร์ของ JavaScript และเบราว์เซอร์รุ่นใหม่ๆ สามารถทดแทน jQuery ได้แล้ว

ผลของการเลิกใช้ JQuery ช่วยให้ขนาดไฟล์เว็บที่สร้างด้วย Bootstrap เล็กลง และเว็บเพจโหลดได้เร็วขึ้น ทีมงาน Bootstrap บอกว่ายังต้องปรับปรุงแก้ไขการแสดงผลอีกหลายจุดหลังถอด jQuery ออกไป ซึ่งก็จะค่อยๆ แก้ไขในรุ่นทดสอบถัดๆ ไป

Bootstrap 5 ยังเลิกซัพพอร์ต Internet Explorer แล้ว ทำให้เรียกใช้ฟีเจอร์เว็บใหม่ๆ ได้ เช่น CSS custom properties

ที่มา - Bootstrap

Hiring! บริษัทที่น่าสนใจ

Carmen Software

Hotel Financial Solutions

Next Innovation (Thailand) Co., Ltd.

We are web design with consulting & engineering services driven the future stronger and flexibility.

KKP Dime

KKP Dime บริษัทในเครือเกียรตินาคินภัทร

Kiatnakin Phatra Financial Group

Financial Service

Fastwork Technologies

Fastwork.co เว็บไซต์ที่รวบรวม ฟรีแลนซ์ มืออาชีพจากหลากหลายสายงานไว้ในที่เดียวกัน

Thoughtworks Thailand

Thoughtworks เป็นบริษัทที่ปรึกษาด้านเทคโนโยลีระดับโลกที่คว้า Great Place to Work 3 ปีซ้อน

Iron Software

Iron Software is an American company providing a suite of .NET libraries by engineer for engineers.

CLEVERSE

Cleverse is a Venture Builder. Our team builds several tech companies.

Nipa Cloud

#1 OpenStack cloud provider in Thailand with our own data center and software platform.

Bangmod Enterprise

The leader in Cloud Server and Hosting in Thailand.

CIMB THAI Bank

MOVING FORWARD WITH YOU - CIMB is the leading ASEAN Bank

Bangkok Bank

Bangkok Bank is one of Southeast Asia's largest regional banks, a market leader in business banking

MuvMi (Urban Mobility Tech Co.,Ltd.)

Shape the future of urban mobility towards affordable, clean, and safe solutions

T.N. Digital Solution Co., Ltd.

TNDS has been involving in every first move of banking’s major digital transformation.

KBTG - KASIKORN Business-Technology Group

KBTG - "The Technology Company for Digital Business Innovation"

Siam Commercial Bank Public Company Limited

"Let's start a brighter career future together"

Icon Framework co.,Ltd.

Global Standard Platform for Real Estate แพลตฟอร์มสำหรับธุรกิจอสังหาริมทรัพย์ครบวงจร มาตรฐานระดับโลก

REFINITIV

The Financial and Risk business of Thomson Reuters is now Refinitiv

H LAB

Re-engineering healthcare systems through intelligent platforms and system design.

The Gang Technology Co., Ltd.

We're a Digital Agency that helps our customers transform their business into digital with ease.

LTMH

LTMH มุ่งเน้นการพัฒนาผลิตภัณฑ์ที่สามารถช่วยพันธมิตรของเราให้บรรลุเป้าหมาย

Seven Peaks

We Drive Digital Transformation

Wisesight (Thailand) Co., Ltd.

The Best Choice For Handling Social Media · High Expertise in Social Data · Most Advanced and Secure

MOLOG Tech

We are Modern Logistic Platform, Specialize in WMS, OMS and TMS.

Data Wow Co.,Ltd

We enable our clients to realize increased productivity by solving their most complex issues by Data

LINE Company Thailand

LINE, the world's hottest mobile messaging platform, offers free text and voice messaging + Call

LINE MAN Wongnai

Join our journey to becoming No.1 food platform in Thailand

Logo สวย

K_AViar Mon, 22/06/2020 - 16:32

Logo สวย

ทิ้งไว้กลางทางจริงๆ

udornrt Mon, 22/06/2020 - 16:49

ทิ้งไว้กลางทางจริงๆ

แต่ jquery คงไม่ตายง่ายๆ

crucifier Mon, 22/06/2020 - 17:10

แต่ jquery คงไม่ตายง่ายๆ เพราะมี javascript library อีกจำนวนมหาศาลที่ใช้ jquery

แต่สักวันคงตาม prototype ไป

จริงครับ

whitebigbird Mon, 22/06/2020 - 20:17

จริงครับ มันเริ่มใหญ่มากแล้วครับ แต่แปลกอย่างว่า speed มันไม่ตกเลยนะ

+1 อย่างน้อยๆ ตอนนี้

AMp Mon, 22/06/2020 - 20:26

+1 อย่างน้อยๆ ตอนนี้ Wordpress ก็ยังใช้ jQuery อยู่

ค่อยมีเหตุผลให้ต้องตามต่อ 55

lingjaidee Mon, 22/06/2020 - 17:13

ค่อยมีเหตุผลให้ต้องตามต่อ 55 ??

ไปด้วยกัน ไม่ได้

tom789 Mon, 22/06/2020 - 17:18

ไปด้วยกัน ไม่ได้

ว่าไงก็ว่ากันครับผม

btoy Mon, 22/06/2020 - 17:58

ว่าไงก็ว่ากันครับผม

จุดจบ... ถ้ามันดีจริง

blackdoor Mon, 22/06/2020 - 18:01

จุดจบ... ถ้ามันดีจริง เขาคงไม่เอาออก
ผมว่าส่วนหนึ่งที่คนใช้ jQuery เยอะเพราะ Bootstrap นี่แหละ

มันเคยดีครับเมื่อ 10

Pearseak Mon, 22/06/2020 - 18:56

มันเคยดีครับเมื่อ 10 ปีที่แล้วผมเขียนเวปเรียกว่าขาดไม่ได้เลยแต่มันก็ 10 ปีแล้วอะนะ

ผมใช้ jQuery ก่อน Bootstrap

mr_tawan Tue, 23/06/2020 - 01:35

ผมใช้ jQuery ก่อน Bootstrap นะ

คือมันเกิดในยุคที่ต่างคนต่างใช้คำสั่งตัวเองน่ะครับ พอทุกอย่างเป็นมาตรฐานแล้วเลยไม่จำเป็น (แต่ผมว่ามันก็ยังใช้ง่ายกว่าไอ้มาตรฐานที่ว่านะ)

ผมว่าคนใช้ jQuery

ttong Tue, 23/06/2020 - 10:03

ผมว่าคนใช้ jQuery เยอะอยู่แล้วนะครับ
เยอะก่อนที่จะมี Bootstrap อีก

ผมจะสื่อว่าส่วนหนึ่งที่เยอะเพ

blackdoor Fri, 26/06/2020 - 13:30

ผมจะสื่อว่าส่วนหนึ่งที่เยอะเพราะ Bootstrap ด้วยครับ

ลูกค้าฝั่งองค์กรยังใช้ IE

PandaBaka Mon, 22/06/2020 - 18:53

ลูกค้าฝั่งองค์กรยังใช้ IE อยู่เลย - -*

ประมาณว่า

whitebigbird Mon, 22/06/2020 - 20:18

ประมาณว่า

ตอนแรกใช้ jQuery: IE ใช้ไม่ได้
ตอนนี้เลิกใช้ jQuery: IE ยังใช้ไม่ได้เลย เลิกแล้วเหรอ

ไม่เกี่ยวกับ jQuery นะ

PandaBaka Mon, 22/06/2020 - 20:56

ไม่เกี่ยวกับ jQuery นะ ไปจบที่คำสั่งใหม่ๆ บน CSS แล้ว IE ไม่รองรับ

ตอนนั่งเรียน JavaScript นี่

Be1con Mon, 22/06/2020 - 19:52

ตอนนั่งเรียน JavaScript นี่ เกียดภาษามันมาก และเพิ่งมาพบว่า ที่เกลียดมันเพราะ jQuery

ไปเสียได้ก็ดี

มันแย่ขนาดนั้นเลยหรอครับ

sabayjoo_ Mon, 22/06/2020 - 21:13

มันแย่ขนาดนั้นเลยหรอครับ ขอทราบเหตุผลได้ไหมครับว่าทำไมเกลียด jQuery

Syntax มันซับซ้อนพอสมควรครับ

Be1con Mon, 22/06/2020 - 22:31

Syntax มันซับซ้อนพอสมควรครับ อ่านยากมาก เมื่อเทียบกับการเขียน JS ปกติแล้ว ต้องปรับตัวพอสมควร

นี่ยังไม่นับเรื่องภาษามันตีกันกับ PHP อีกนะ

ถ้าใช้ modern browser

Ford AntiTrust Tue, 23/06/2020 - 10:35

ถ้าใช้ modern browser ในปีสองปีนี้ก็เข้าใจว่ามันสวยแล้วแหละพวก JavaScript ยิ่ง TypeScript ด้วยก็สะดวก

แต่ถ้าพูดถึงสัก 10 ปีก่อน jQuery เกิดขึ้น การไม่มี jQuery คือความสับสนวุ่นวายและเละมาก การมาของ jQuery มันคือเครื่องมือที่ทำให้เราทำงานกับ JavaScript ได้มีประสิทธิภาพและลดระยะเวลาในการพัฒนาลงไปได้มาก ยิ่งต้องให้รองรับ IE6-11 ยิ่งเห็นชัดมาก

ยุคสมัยเปลี่ยนเราก็ลืมๆ กันไป แต่ jQuery มันเป็นฮีโร่ในยุคของมันจริงๆ ตอนนี้มันแค่หมดยุคของมันเฉยๆ

+10

Configuleto Tue, 23/06/2020 - 16:20

+10

และมาตฐาน DOM API ใน browser ปัจจุบันก็ได้รับผลกระทบจากอิทธิพลของ jQuery มาเยอะ เช่น document.querySelector, document.querySelectorAll นี่เต็มๆ คำสั่งพวกนี้สมัยก่อนไม่ได้ใช้ง่ายอย่างปัจจุบันเล้ย lol

มือ js ใหม่ๆที่เข้ามาหลังยุค limbo ระหว่าง HTML4 -> HTML5 แล้ว เวลามองย้อนกลับไปเห็น solutions เก่าๆแล้วมักจะพากันเกาหัว แต่จริงๆยุคนั้นเละเทะมากครับ มี workaround เกิดมาซ้อนบน workaround ทับกันมั่วไปหมด ความเละเทะสะเปะสะปะพวกนั้นเทียบกับ jquery แล้วฟ้ากับดิน

และก็ยุคนั้นแหละทำให้คนต้องรวมตัวกันจริงจัง เริ่ม streamline กระบวนการออกมาตฐานให้เร็วขึ้น (และ jquery ก็เป็นหนึ่งใน influence หลักครับ เพราะ HTML5 WG เปิดรับฟังความเห็น community เต็มที่เลยช่วงนั้น)

มองย้อนกลับไปก็รู้สึกว่าตัวเอ

Ford AntiTrust Tue, 23/06/2020 - 17:15

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

ขอบคุณครับ สำหรับคำตอบ

sabayjoo_ Tue, 23/06/2020 - 16:27

ขอบคุณครับ สำหรับคำตอบ แต่จริงๆผมกลับมองว่าง่ายดีนะครับ ส่วนตัวผมเขียน jQuery, Vue ก็แลกเปลี่ยนความคิดกันครับ

ตอนนี้ผม shift มาเขียน React

Be1con Tue, 23/06/2020 - 17:05

ตอนนี้ผม shift มาเขียน React แล้ว (กำลังฝึกอยู่ ยังไม่ถึงกับเก่งมาก ยังต้องเรียนรู้อีกเยอะอยู่ครับ)

ส่วนตัวคิดว่า ES6 ทำออกมาดีขึ้นเยอะมาก เข้าใจง่ายกว่าเดิมมาก

กลับกันนะ ผมเคยเกือบเลิกใช้

mr_tawan Tue, 23/06/2020 - 01:37

กลับกันนะ ผมเคยเกือบเลิกใช้ JS มาแล้ว (แล้วโยนให้ทุกอย่างทำงานหลังบ้านหมด) ถ้าไม่มีคนแนะนำ jQuery มาให้ตอนนั้น

คือสมัยก่อนการเข้าถึง DOM โดยตรงมันลำบากมาก ต่างคนต่างใช้คำสั่งตัวเอง ถึงจะใช้ XPath เป็นตัว query เหมือนกันก็เถอะ

นี่ยังไม่พูดถึงไอ้ AJAX นะครับ

เมื่อก่อนมันไม่มีของพวกนี้ เขาเลยใช้ jQuery แทน
ใครที่มีประสบการณ์ javascript กับ IE6 จะเข้าใจดี