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

By mk Founder on 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! บริษัทที่น่าสนใจ

CP AXTRA Public Company Limited - Lotus's company cover
CP AXTRA Public Company Limited - Lotus's
CP AXTRA Lotus's is revolutionizing the retail industry as a Retail Tech company.
 Token X company cover
Token X
Blockchain, ICO, Tokenization, Digital Assets, and Financial Service
 Carmen Software company cover
Carmen Software
Hotel Financial Solutions
 Next Innovation (Thailand) Co., Ltd. company cover
Next Innovation (Thailand) Co., Ltd.
We are web design with consulting & engineering services driven the future stronger and flexibility.
 United Information Highway Co., Ltd. company cover
United Information Highway Co., Ltd.
UIH is Thailand’s leading Digital Infrastructure and Solution Provider for Business
 KKP Dime company cover
KKP Dime
KKP Dime บริษัทในเครือเกียรตินาคินภัทร
 Kiatnakin Phatra Financial Group company cover
Kiatnakin Phatra Financial Group
Financial Service
 Fastwork Technologies company cover
Fastwork Technologies
Fastwork.co เว็บไซต์ที่รวบรวม ฟรีแลนซ์ มืออาชีพจากหลากหลายสายงานไว้ในที่เดียวกัน
 Thoughtworks Thailand company cover
Thoughtworks Thailand
Thoughtworks เป็นบริษัทที่ปรึกษาด้านเทคโนโยลีระดับโลกที่คว้า Great Place to Work 3 ปีซ้อน
 Iron Software company cover
Iron Software
Iron Software is an American company providing a suite of .NET libraries by engineer for engineers.
 CLEVERSE company cover
CLEVERSE
Cleverse is a Venture Builder. Our team builds several tech companies.
 Nipa Cloud company cover
Nipa Cloud
#1 OpenStack cloud provider in Thailand with our own data center and software platform.
 CDG GROUP company cover
CDG GROUP
Provider of IT solutions to public, state, and private sectors in Thailand for over 56 years
 Bangmod Enterprise company cover
Bangmod Enterprise
The leader in Cloud Server and Hosting in Thailand.
 CIMB THAI Bank company cover
CIMB THAI Bank
MOVING FORWARD WITH YOU - CIMB is the leading ASEAN Bank
 Bangkok Bank company cover
Bangkok Bank
Bangkok Bank is one of Southeast Asia's largest regional banks, a market leader in business banking
 Gofive company cover
Gofive
“We create world-class software experience”
 KBTG - KASIKORN Business-Technology Group company cover
KBTG - KASIKORN Business-Technology Group
KBTG - "The Technology Company for Digital Business Innovation"
 Siam Commercial Bank Public Company Limited company cover
Siam Commercial Bank Public Company Limited
"Let's start a brighter career future together"
 Icon Framework co.,Ltd. company cover
Icon Framework co.,Ltd.
Global Standard Platform for Real Estate แพลตฟอร์มสำหรับธุรกิจอสังหาริมทรัพย์ครบวงจร มาตรฐานระดับโลก
 REFINITIV company cover
REFINITIV
The Financial and Risk business of Thomson Reuters is now Refinitiv
 H LAB company cover
H LAB
Re-engineering healthcare systems through intelligent platforms and system design.
 LTMH TECH company cover
LTMH TECH
LTMH TECH มุ่งเน้นการพัฒนาผลิตภัณฑ์ที่สามารถช่วยพันธมิตรของเราให้บรรลุเป้าหมาย
 Seven Peaks company cover
Seven Peaks
We Drive Digital Transformation
 Wisesight (Thailand) Co., Ltd. company cover
Wisesight (Thailand) Co., Ltd.
The Best Choice For Handling Social Media · High Expertise in Social Data · Most Advanced and Secure
 MOLOG Tech company cover
MOLOG Tech
We are Modern Logistic Platform, Specialize in WMS, OMS and TMS.
 Data Wow Co.,Ltd company cover
Data Wow Co.,Ltd
We enable our clients to realize increased productivity by solving their most complex issues by Data
 LINE Company Thailand company cover
LINE Company Thailand
LINE, the world's hottest mobile messaging platform, offers free text and voice messaging + Call
 LINE MAN Wongnai company cover
LINE MAN Wongnai
Join our journey to becoming No.1 food platform in Thailand

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Configuleto Tue, 06/23/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, 06/23/2020 - 17:15

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

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

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

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

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

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

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

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

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

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

PandaBaka Tue, 06/23/2020 - 02:10

ประมาณ 10 ปีที่แล้ว jQuery คือของดีนะ เพราะช่วงนั้นจะทำอะไรทีต้องเขียนคำสั่งแยกแต่ละ Browser บางคำสั่งต้องเขียนแยก version เข้าไปอีก แถมมันไม่สั้นเลยบางตัวแค่คำสั่งง่ายๆ แต่เขียนยาวกว่า jQuery เยอะครับ

rattananen Tue, 06/23/2020 - 10:31

Element: querySelector, querySelectorAll
Array: map, forEach, reduce, filter, find
CSS: transition, animation
Ajax: fetch
deferred: Promise
Event: addEventListener, DOMContentLoaded
etc

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

crucifier Tue, 06/23/2020 - 06:08

ถ้าไม่ใช่ jquery จะใช้อะไรแทนดีครับ plugin เพียบๆ ตอนนี้ก็ jquery ทั้งนั้นเลย

Apple
public://topics-images/apple_webp.png
SCB10X
public://topics-images/347823389_774095087711602_515970870797767330_n_webp.png
Windows 11
public://topics-images/hero-bloom-logo.jpg
Doom
public://topics-images/doom_logo.png
Huawei
public://topics-images/huawei_standard_logo.svg_.png
Threads
public://topics-images/threads-app-logo.svg_.png
Google Keep
public://topics-images/google_keep_2020_logo.svg_.png
Fortnite
public://topics-images/fortnitelogo.svg_.png
Instagram
public://topics-images/instagram_logo_2022.svg_.png
SCB
public://topics-images/9crhwyxv_400x400.jpg
Microsoft
public://topics-images/microsoft_logo.svg_.png
Basecamp
public://topics-images/bwpepdi0_400x400.jpg
Tinder
public://topics-images/hwizi8ny_400x400.jpg
FTC
public://topics-images/seal_of_the_united_states_federal_trade_commission.svg_.png
Pinterest
public://topics-images/pinterest.png
Palantir
public://topics-images/-nzsuc6w_400x400.png
Gemini
public://topics-images/google_gemini_logo.svg__0.png
AIS Business
public://topics-images/logo-business-2021-1.png
PostgreSQL
public://topics-images/images.png
JetBrains
public://topics-images/icx8y2ta_400x400.png
Krungthai
public://topics-images/aam1jxs6_400x400.jpg
Palworld
public://topics-images/mccyhcqf_400x400.jpg
Bill Gates
public://topics-images/bill_gates-september_2024.jpg
VMware
public://topics-images/1nj4i1gp_400x400.jpg
Take-Two Interactive
public://topics-images/0khle7nh_400x400.jpg
OpenAI
public://topics-images/ztsar0jw_400x400.jpg
Thailand
public://topics-images/flag_of_thailand.svg_.png
NVIDIA
public://topics-images/srvczsfq_400x400.jpg
ServiceNow
public://topics-images/ytnrfphe_400x400.png
PS5
public://topics-images/playstation_5_logo_and_wordmark.svg_.png
Klarna
public://topics-images/urcllpjp_400x400.png
Google Play
public://topics-images/play.png
Drupal
public://topics-images/drupal.png
Virtua Fighter
public://topics-images/virtua_figther_2024_logo.png