🔥 ใครมาสาย JavaScript แล้วยังเลือก Framework / Libs ไม่ได้ซักกะที มาโพสต์นี้ได้เลยย !!
.
กับ 5 Javascript Framework / Libs ที่ฮิตที่สุดในปี 2020 - 2021 ที่ทุกคนห้ามพลาดด <3
.
✅ Angular
.
Angular สร้างและพัฒนาโดย Google เป็น JavaScript framework สำหรับการพัฒนา Front-end ที่เป็นที่นิยมมากเป็นอันดับต้นๆ ด้วยการทำงานแบบ component ทำให้โค้ดที่เขียนออกมาสามารถ reuse ได้ง่ายและเหมาะสมในการทำ SPA ที่สำคัญยังเป็น open-source ด้วยนะ
.
อ่านเพิ่มเติม หรือ เริ่มใช้งานได้ที่นี่ : https://angular.io/
.
✅ React
.
React เป็น open-source JavaScript Library สำหรับการเขียน Front-end ที่เกินขีดความเป็น Library ไปแล้ว React พัฒนาโดย Facebook เหมาะสมในการทำ SPA(single page application) เป็นอย่างยิ่งด้วยการเขียนแบบ Component ที่มีการเก็บแคชในตัวทำให้มีการตอบสนองต่อผู้ใช้ได้อย่างรวดเร็ว
.
อ่านเพิ่มเติม หรือ เริ่มใช้งานได้ที่นี่ : https://reactjs.org/
.
✅ Vue.js
.
Vue (อ่านว่า วิว) เป็นอีกหนึ่ง open-source Library สำหรับสาย Front-end ที่เน้นไปที่การพัฒนา View layer ในโมเดล MVC มีน้ำหนักที่เบา แต่ในด้านความสามารถนั้นนับได้ว่าไม่เบาเลย สามารถใช้ทำ SPA ได้ และที่สำคัญใช้งานง่ายบอกเลยว่าลองใช้แล้วจะติดใจ
.
อ่านเพิ่มเติม หรือ เริ่มใช้งานได้ที่นี่ : https://vuejs.org/
.
✅ Google Closure Library
.
Library ที่เกิดขึ้นมาจากเวลาว่างของพนักงาน Google แต่ความเจ๋งของมันนั้นบอกเลยว่ายอดเยี่ยม Library ตัวนี้ได้รวบรวม UI ต่างๆ และความสามารถอีกเพียบ ถ้าอยากรู้ว่าใครใช้ Library นี้บ้าง? ก็คือแอพของ Google นั่นเอง Maps, Docs และ Search ที่เราใช้กันอยู่บ่อยๆ ก็สร้างโดย Library ที่เป็นพื้นฐานของ Library ตัวนี้
.
อ่านเพิ่มเติม หรือ เริ่มใช้งานได้ที่นี่ : https://developers.google.com/closure/library
.
✅ VanillaJS
.
ชื่อของมันอาจจะดูน่ากิน แต่ที่จริงมันไม่ใช่ Framework หรอกนะ VanillaJS หมายถึงการใช้ JavaScript เพียวๆ ในการเขียน บางครั้งเวลาเราเจอปัญหาเราอาจไม่ต้องใช้ Framework อะไรในการแก้ปัญหา หรือบางทีการเชี่ยวชาญในพื้นฐานก็ทำให้เราสามารถใช้ Framework ได้ดีขึ้นด้วยนะ
.
อ่านเพิ่มเติม หรือ เริ่มใช้งานได้ที่นี่ : http://vanilla-js.com/✅
.
"เป็นยังไงกันบ้าง ? ใครใช้ตัวไหน อยู่ทีมไหน มาแสดงตัวกันใต้โพสต์หน่อยเร็วว ^_^"
.
#borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
vue ui framework 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 八卦
เล่าสู่ฟัง สำหรับโปรแกรมสายเว็บแอพลิเคชั่น (มือใหม่)
React คืออะไร
.
✔ React เป็นไลบรารี่ในภาษาในจาวาสคริปต์ ไม่ใช่เฟรมเวิร์ค (framework) จะไม่เหมือน Angular หรือ Vue
✔ React เป็นโปรเจคโอเพ่นซอร์ส (open-source) ของ Facebook
✔ React เอาไว้ใช้สร้างหน้าจอ user interfaces (UI) ฝั่ง Front-end
✔ React เอาไว้สร้างเว็บแอพพลิเคชั่นแบบ single-page applications(SPAs) หมายถึงทำเว็บหน้าเดียวแบบแอพลิเคชั่น (ไม่ต้อง reflesh หน้าเว็บบ่อยๆ)
✔ React อยู่ฝั่ง View เลเยอร์ในสถาปัตยกรรมเว็บแอพลิเคชั่นแบบ MVC application (Model View Controller)
.
.
React + Node.js สามารพัฒนาเว็บแอพลิเคชั่นด้วย JavaScript ล้วนๆ รวมกับ CSS+HTML
ติวเตอร์เอกสารตอนนี้มีเยอะ
ลิงก์นี้รู้สึกน่าจะอ่านง่ายๆ หน่อย สำหรับมือใหม่ (ภาษาอังกฤษ)
https://ibaslogic.com/react-tutorial-for-beginners/
.
.
ผู้เรียนต้องมี
- พื้นฐาน JavaScript ES6 (ขั้นต่ำ)
- พื้นฐาน HTML + CSS
- พื้นฐาน Node.js + NPM
- ชื่นชอบการใช้คำสั่งคอมมานไลน์
- ที่บ้านต้องต่อเน็ต เพราะ ต้องใช้ดาวน์โหลดแพ็กเกจต่างๆ ของ javascript
.
แอบกระซิบตอนนี้กำลังนิยมแถมรายได้ดีด้วยนะ ตลาดงานต้องการตัวสูง เห็นประกาศรับหลายที่
.
.
.
.
.
.
.
ฝากประชาสัมพันธ์หนังสือ javascript ES6 วางขายที่ซีเอ็ด
https://www.se-ed.com/product/พัฒนาเว็บแอปพลิเคชั่นด้วย-JavaScript.aspx?no=9786160825394
✍️ เขียนโดย โปรแกรมเมอร์ไทย thai programmer
vue ui framework 在 BorntoDev Facebook 八卦
วันนี้เรามี Framework สำหรับเทสโค้ด JavaScript ที่บริษัทใหญ่ๆอย่าง Facebook Twitter หรือ Spotify เค้าใช้มาแนะนำกัน ❤
.
ใครที่เขียน JavaScript อยู่แต่ยังไม่มีเครื่องมือไว้เทสโค้ดที่เขียน รับรองว่าเครื่องมือที่แอดเอามาแนะนำในวันนี้จะต้องโดนใจใครหลายๆคนแน่นอน 💖
.
เครื่องมือนี้มีชื่อว่า “Jest” เป็น Framework สำหรับทดสอบ JavaScript ที่เน้นความเรียบง่ายและใช้งานได้จริง โดยเค้ามีฟีเจอร์ที่น่าสนใจอยู่เยอะมาก ✨
.
✅ ไม่ต้อง config … เค้าโฆษณาเอาเลยว่า Jest เนี่ยไม่ต้องเสียเวลาตั้งค่ามากมาย ติดตั้งแล้วก็เขียนเทสได้เลย โดยไม่ต้องไปแก้โค้ดเก่าเลย
.
✅ UI ก็เทสได้ … ด้วย Snapshot Testing ที่ให้เราสามารถทดสอบ UI ที่สร้างได้อย่างง่ายดาย จะเป็นข้อความในปุ่ม ชื่อคลาสต่างๆ ก็ไม่มีปัญหา
.
✅ เทสเร็วๆได้แถมยังง่ายด้วย … Jest จะรันเทสให้เราแบบ parallel โดยที่เราไม่ต้งไปตั้งค่าอะไรเพิ่มเติม แต่ละเทสก็แยกออกจากกัน ผลลัพธ์การทดสอบถูกต้องแน่นอน
.
👍 ใครที่สนใจก็ลองเข้าไปดูได้ที่ https://jestjs.io/en/ ได้เลย ไม่ว่าเขียน Babel, TypeScript, Node, React, Angular, Vue อันไหนๆก็ใช้ได้
.
#borntoDev - 🦖 Coding Academy ให้การพัฒนาเทคโนโลยีเป็นเรื่องง่ายสำหรับทุกคน
vue ui framework 在 Top 6 Frameworks e Bibliotecas de UI para o Vue.js - YouTube 的八卦
Nesse vídeo eu mostro alguns dos principais frameworks e bibliotecas de UI para o Vue.Links úteis:Vuetify: https://vuetifyjs.com/en/Quasar: ... ... <看更多>