雖然這篇chart.js react教學鄉民發文沒有被收入到精華區：在chart.js react教學這個話題中，我們另外找到其它相關的精選爆讚文章
在 chart.js產品中有5篇Facebook貼文，粉絲數超過10萬的網紅BorntoDev，也在其Facebook貼文中提到， 🌼 "หมดปัญหาสาย Logic ที่มัวแต่คิด Process การทำงาน จนไม่มีเวลาออกแบบหน้าตาเว็บ" . กับ VvvebJs เครื่องมือที่แค่เพียง "ลาก - วาง ก็สามารถสร้างเว็บไซต์บน...
chart.js 在 BorntoDev Facebook 的精選貼文
🌼 "หมดปัญหาสาย Logic ที่มัวแต่คิด Process การทำงาน จนไม่มีเวลาออกแบบหน้าตาเว็บ"
.
กับ VvvebJs เครื่องมือที่แค่เพียง "ลาก - วาง ก็สามารถสร้างเว็บไซต์บน Bootstrap ได้แล้ว !!" แถมมม ยังฟรีด้วยยย <3
.
โดยเจ้าเครื่องมือตัวนี้นอกจากสามารถให้เราลาก วาง Component ต่าง ๆ ได้แล้ว เรายังสามารถจัดการเพจต่าง ๆ แก้ไข Code ไจนถึงอัพโหลดรูปภาพ ใช้งาน Widget ต่าง ๆ ทั้ง Google Map, Chart.js ได้อีกด้วย !
.
แค่ใช้ฟรีว่าใจดีแล้ว เขายังสร้างผลงานลงใน Repository ให้เราไปใช้ในเเว็บเราได้อีกด้วยนะ เรียกได้ว่า
.
"ถ้าพี่จะกล้าให้ขนาดนี้ น้องจะไม่ใช้งานก็คงไม่ได้แล้ววว"
.
✅ ถ้าใครสนใจดู Demo คลิกที่นี่ : http://www.vvveb.com/vvvebjs/editor.html
.
✅ แต่ถ้าใครจะดู Repo ผลงานเขา มาที่นี่ตามแอดได้เลยย :
https://github.com/givanz/VvvebJs
.
#borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
chart.js 在 BorntoDev Facebook 的最佳貼文
🔥 "สาย Front-End ต้องแชร์ !!" กับสรุปรวมเครื่องมือ และ Framework ดี ๆ ที่ต้องบอกต่อสำหรับคนทำหน้าเว็บ <3
.
ต้องบอกว่าวันนี้แอดและทีมงานได้รวบรวมเครื่องมือเครื่องไม้ ที่จะทำให้งานยาก ๆ กลายเป็นงานง่าย ๆ ไว้ในที่เดียวให้แล้วว
.
⭐️ ใครที่กำลังเริ่มสาย Front-End หรือ ต้องการหาของดีรีบเข้ามาดูได้เลย สำหรับลิงก์ในการเข้าไปดาวน์โหลด / อ่าน Doc / วิธีการใช้งาน ดูด้านล่างได้เลยคร้าบผมมม ^__^
.
👩🎨เครื่องมือเด็ดที่คุณต้องแชร์ของสาย Frontend
.
📚 JavaScript Framework
.
Vue.js
https://vuejs.org/
.
Angular
https://angular.io/
.
React
https://reactjs.org/
.
Backbone.js
https://backbonejs.org/
.
🎨 CSS Framework
.
Bootstrap
https://getbootstrap.com/
.
Materialize
https://materializecss.com/about.html
.
Pure.css
https://purecss.io/
.
Bulma
https://bulma.io/
.
Semantic UI
https://semantic-ui.com/
.
📖 Library
.
sweetalert2 : สำหรับสร้าง Alert สวยๆได้ง่ายๆ
https://sweetalert2.github.io/
.
AlertifyJS : สร้าง Alert สวยๆเหมือนกัน
https://alertifyjs.com/
.
Chart.js : สำหรับสร้าง Chart แบบมี animation
https://www.chartjs.org/
.
jQuery : ใช้งาน JS และจัดการ DOM ได้ง่ายขึ้น
https://jquery.com/
.
DataTables : เปลี่ยน Table แบบเดิมๆให้ดูดีมี function ได้ง่ายๆ
http://fredsarmento.me/frontend-tools/
.
Quill editor : Text Editor สำหรับใส่ในเว็บเครื่องมือครบๆ
https://quilljs.com/
.
🧰 Developing & Debugging Tools
.
Chrome DevTools : เครื่องมือ Debug เว็บ เพียงแค่กด F12 เบราเซอร์อื่นๆก็มีเหมือนกัน
https://developers.google.com/web/tools/chrome-devtools
.
CodePen : Online Editor ที่สามารถจำลอง enviroment ที่เหมาะสมได้เขียนแล้วเห็นผลทันที
https://codepen.io/
.
WebStorm : Web Editor ที่รองรับ Framework ที่หลากหลาย
https://www.jetbrains.com/webstorm/
.
🍱 Other (Asset)
.
Google Fonts : font ฟรีสวยๆของ google
https://fonts.google.com/
.
awesome : Icon ฟรีสวยๆ
https://fontawesome.com/
.
figma : สำหรับออกแบบหน้าเว็บ จัดวางองค์ประกอบหรือแม้แต่สร้าง Prototype
https://www.figma.com/files/recent
.
Visual Inspector : extension chrome ที่ช่วยให้ตรวจสอบองค์ประกอบต่างๆของเว็บได้ค่อนข้างครบถ้วน
https://chrome.google.com/webstore/detail/visual-inspector/efaejpgmekdkcngpbghnpcmbpbngoclc
.
CSS Peeper : extension chromeอีกหนึ่งตัวที่ใช้ตรวจสอบองค์ประกอบเว็บ
https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk
.
" หรือถ้าใครเคยใช้ตัวไหนมาแล้ว สามารถมาแบ่งปันประสบการณ์ในการใช้งานใน Comment กับแอดได้เลยยย ใครมีตัวไหนแนะนำใส่มาได้เต็มที่เลยคร้าบผมม <3 "
.
#BorntoDev - 🦖 Coding Academy ให้การพัฒนาเทคโนโลยีเป็นเรื่องง่ายสำหรับทุกคน
chart.js 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的精選貼文
สร้าง pie chart อย่างง่ายด้วย Chart.js และ TypeScript
.
ปล. เผื่อใครไม่รู้จัก TypeScript
มันเป็น JavaScript อีกสายพันธ์หนึ่ง ที่ขยายมาจาก JavaScript อีกที
หรืออาจมอง TypeScript เป็นซุปเปอร์เซทของ JavaScript อีกทีก็ได้
.
แนะนำโดยคุณ Aaron Amm Theeranit