NT390 特價中
本課程支援 MacOS 和 Windows 上輕鬆開發 Android 和 iOS 應用程式!
Flutter 應用程式是用 Dart 語言開發。 如果你還不熟悉 Dart 的話,沒關係 ; 這門課程包含在開始的時候快速介紹 Dart,以及在課程結束前的幾個小時有個紅利講座,專注於 Dart 及其先進的功能。 如果你有 Java、Ruby 或者 Javascript 的背景,你會覺得 Dart 用起來很自在——語法幾乎完全相同,只需要學習一些核心概念。 Dart 是一種強型別( strongly typed )的語言,如果你不喜歡強型別( strongly typed )的語言,不要灰心! 我在這門課上特別安排時間做更清楚的說明為什麼用強型別的程式語言開發是一種輕而易舉的事情!
目前開發 Flutter 應用程式的最大挑戰之一是理解如何設計和架構應用程式。 Flutter 還在迅速發展,整個開發社區仍在努力尋找最佳技術。 考慮到這一點,在課程中特別注意確保你理解 Google Flutter 團隊提倡的主要設計模式,包括’Stateful Widget’ 模式和 ‘BLOC’ 模式。 ‘BLOC’ 模式大量使用響應式程式設計( Reactive Programming )技術,你也可以在這門課程中學到這技術。
https://softnshare.com/dart-and-flutter-the-complete-developers-guide/
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
javascript widget 在 BorntoDev Facebook 的精選貼文
🔥 อยากสร้าง Data Table เพื่อรองรับข้อมูลอันมหาศาลลล ทำยังไงดี ??
ต้องนี่ !! Library เจ๋ง ๆ จาก JavaScript ที่จะช่วยให้เพื่อน ๆ สร้าง Data Table ได้อย่างง่ายดาย แถมยังมีรูปแบบ Table ให้เลือกตามใจชอบเลยจ้าาา มีอะไรบ้างนั้น ไปดูกันเลย
.
🔴 1) DataTables
เป็น Libs จาก JavaScript ใช้งานง่าย และฟรี มีฟีเจอร์เยอะไม่ว่าจะเป็นการแบ่งหน้า, ช่อง Search, เลือกจำนวน Entries แถมรองรับการแสดงผลบนมือถืออีกด้วย
.
👉 โหลดใช้งานได้ที่นี่จ้า >> https://www.datatables.net/
.
🟠 2) Webix DataTable
เป็น Libs ที่จะช่วยให้เพื่อน ๆ สามารถจัดการกับข้อมูลในตารางอย่างง่ายดาย สามารถรองรับข้อมูลขนาดใหญ่ได้ด้วย แสดงผลได้รวดเร็ว มีฟีเจอร์เจ๋ง ๆ เช่น รูปแบบตารางหลากหลาย, ลากวางวิดเจ็ตได้อย่างอิสระ
.
👉 โหลดใช้งานได้ที่นี่ >> https://webix.com/widget/datatable/
🟡 3) PrimeNG Table
เป็น Component UI สำหรับ Angular รองรับการทำ Dynamic column เป็น Open-Source ใช้งานได้ฟรี ๆ จัดเรียง Column ใหม่ได้ง่าย ๆ และสามารถ Export ข้อมูลในตารางได้อีกด้วย
.
👉 โหลดใช้งานได้ที่นี่ >> https://www.primefaces.org/primeng/showcase/#/table
🟢 4) Vuetable
Libs JavaScript สุดเจ๋ง ใช้งานร่วมกับ Vue.js และ Axios ได้ มีฟีเจอร์หลากหลาย เช่น แปลงข้อมูลในตารางเป็น JSON, รองรับ CSS Framework, ปรับแต่ง Field ได้อิสระ, ปรับแต่งการ Sorting ได้ตามต้องการ
.
👉 โหลดใช้งานได้ที่นี่ >> https://www.vuetable.com/
🟣 5) KendoReact
สร้าง Data Table แถมยัง Export ข้อมูลเป็นไฟล์ Excel และ PDF ได้อีกด้วย ทำงานได้รวดเร็ว สามารถปรับแต่งได้เยอะ สามารถแยกบันทึกข้อมูลตาม Record ที่ต้องการได้ และสามารถตรึง Column ที่ต้องการได้ง่าย ๆ
.
👉 โหลดใช้งานได้ที่นี่ >> https://www.telerik.com/kendo-react-ui/components/grid/
.
ครบทั้ง 5 อันแล้ว เป็นยังไงกันบ้าง ลองเอาไปปรับใช้กับโปรเจกต์ของเพื่อน ๆ ดูนะ และหวังว่ามีเป็นประโยชน์กับเพื่อน ๆ น้า 😍
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
javascript widget 在 BorntoDev Facebook 的精選貼文
🔥 "มาดู 10 ไอเดียโปรเจคที่จะช่วยพวกเราอัพสกิลด้าน Programming ไปพร้อมกันน" <3
.
เพราะการเขียนโปรแกรมไม่ว่าจะเป็นภาษาใดก็ตามล้วนต้องใช้ประสบการณ์การลงมือทำจริง ไม่ใช่แค่เพียงนั่งเรียนตามที่สอนแล้วจะทำได้ !
.
ดังนั้นวันนี้ไม่ว่าเราจะเขียน Python, Java, C, C# หรือ ภาษาอื่น ๆ ก็สามารถมาดู 10 ไอเดียของเราไปได้พร้อมกันเลย ไปเริ่มที่ตัวแรกกันเลย
.
✅ 1. แอพจดโน๊ต
.
แอปพลิเคชันสำหรับจดโน๊ตถือว่าเป็นโปรเจคเริ่มต้นที่ดีสำหรับคนหัดเขียนโปรแกรมเลยก็ว่าได้
.
🗒 ระดับความยากง่ายก็ขึ้นอยู่กับฟีเจอร์ที่เราจะใส่ให้กับแอพของเรา อย่างแรกเลยคือเราจะได้ลองสร้าง UI เป็นครั้งแรกๆหลังจากที่งมอยู่กับโค้ดมาโดยตลอด
.
ฟังก์ชันพื้นฐานที่แอพควรจะทำได้ก็คือการสร้าง แก้ไข และการลบโน๊ต ทำให้เราได้ทดสอบความเข้าใจในเรื่องพื้นฐานการเขียนโปรแกรม เช่นตัวแปร ฟังก์ชัน คลาส เป็นต้น
.
หรืออาจะทำฟังก์ชันการตั้งเวลาแจ้งเตือนใส่ในโน๊ตแต่ละอันด้วยก็ได้ และยังเลือกได้ว่าเราจะเก็บข้อมูลไว้ยังไง เก็บเป็นไฟล์ลงในเครื่องหรือจะเก็บไว้ในฐานข้อมูล ก็ขึ้นอยู่กับความขยันและเรื่องที่เราสนใจศึกษา
.
✅ 2. เว็บเซิร์ฟเวอร์
.
สำหรับคนที่อยากจะทำเว็บถ้าได้ลองศึกษาการเขียน HTML หรือ JavaScript มาบ้างแล้ว โปรเจคนี้ก็ถือว่าน่าสนใจสำหรับใช้ต่อยอดความรู้ด้านนี้ได้
.
💻 หรือใครที่อยากจะเขียนแอพที่ส่งข้อมูลติดต่อกับเซิร์ฟเวอร์ได้ก็ลองเลือกโปเจคนี้ไปทำได้เหมือนกัน โดยการสร้างเซิร์ฟเวอร์แบบง่ายๆนั้นในหลายๆภาษาก็มีเฟรมเวิร์คหรือเครื่องมือต่างๆที่ไม่ต้องตั้งค่าอะไรมากก็สามารถสร้างเว็บเซิร์ฟเวอร์ขึ้นมาได้แล้ว เช่น Express (JavaScript) และ Flask (Python) ซึ่งจะเลือกใช้เครื่องมือไหนมาใช้ก็สามารถใช้งานพื้นฐานได้เหมือนกัน
.
✅ 3. แอพแชท
.
มาลองดูการทำแอพแชทกันบ้าง โปรเจคนี้จะสร้างเป็นแอปพลิเคชันในมือถือ ในคอมพิวเตอร์ หรือเป็นเว็บก็ได้
.
📪 สิ่งที่น่าจะได้ลองเล่นในการทำแอพนี้ก็คือเรื่องของการติดต่อรับส่งข้อมูล เพื่อให้การคุยกันเป็นไปอย่างราบรื่น อาจจะต้องเลือกเครื่องมือที่เหมาะสม
.
เพื่อให้ข้อความส่งถึงกันได้อย่างรวดเร็ว เช่น socket.io เป็นต้น หรืออาจจะทำฟีเจอร์ให้แอพแชทของเราสมบูรณ์ยิ่งขึ้นด้วยการจัดการบัญชีผู้ใช้ การล็อกอิน การสร้างห้องแชทเดี่ยว/กลุ่ม และยังมีการเก็บข้อมูลการสนทนาต่างๆให้ลองออกแบบและสร้าง database ได้อีกด้วย
.
https://socket.io/
.
✅ 4. ระบบจัดการสินค้า
.
โปรเจคนี้เราน่าจะได้ลองเล่นเกี่ยวกับการจัดการข้อมูลให้เป็นระบบระเบียบ โดยให้นึกถึงตัวอย่างเช่นการจัดการสินค้าในสต๊อกของร้านค้า ที่จะต้องมีฟังก์ชันในการเพิ่ม ลบ แก้ไขสินค้าได้
.
🗃 ซึ่งจะคล้ายกันกับแอพจดโน๊ตของเรา ที่สามารถเพิ่มฟีเจอร์ได้เท่าที่เราต้องการทั้งการแจ้งเตือน การใส่รูปสินค้า แต่อีกส่วนที่น่าจะลองทำก็คือหน้าสรุปหรือ Dashboard
.
ที่รวมข้อมูลหรือสถิติการซื้อ/ขายสินค้าของเรา โดยใช้ข้อมูลจากประวัติการจัดการสินค้า ก็น่าจะทำให้ได้ลองเล่นกับ database มากยิ่งขึ้นอีกด้วย
.
✅ 5. เกม XO
.
คราวนี้มาในแนวโปรเจคทำเกมกันบ้าง อย่างแรกเลยคือเครื่องมือในการสร้าง UI ก็ลองหยิบภาษาที่เราสนใจมาใช้ในการสร้างกันได้ สำหรับเกม XO หรือ tic-tac-toe นี้ก็เป็นเกมที่เล่นง่าย ใครๆก็เล่นเป็น
.
🎮 ดังนั้นแล้วก็เป็นตัวเลือกที่ไม่ยากจนเกินไปที่จะลองเอามาใช้สำหรับอัพสกิลของเรา ซึ่งการสร้างก็ใช้เวลาไม่นาน แต่ต้องคิดลำดับการทำงานให้ดี ว่าการวางหมากในแต่ละครั้งเป็นตาของใคร และก็มีการตรวจสอบการวางครบ 3 ตัวในแนวต่างๆ เพื่อประกาศผู้ชนะในแต่ละเกม
.
แถมท้ายข้อนี้ด้วยการแนะนำ JavaScript library สำหรับสร้าง UI เช่น React ที่ถ้าใครสนใจอยู่ก็ลองเริ่มศึกษาจากการสร้างเกมนี้จาก tutorial ในเว็บไซต์ของ React ได้เลย
.
https://reactjs.org/tutorial/tutorial.html
.
✅ 6. เกมหมากรุก
.
เพิ่มความแอดวานซ์ขึ้นมาอีกหน่อยจากโปรเจคทำเกม XO ในข้อก่อนหน้า จากการที่เคยมีแค่ X กับ O ก็เปลี่ยนมาเป็นตัวหมากหลายแบบบนกระดานหมากรุก จะเป็นหมากรุกไทยหรือหมากรุกสากลก็ได้เหมือนกัน
.
♟ ในโปรเจคนี้นอกจากจำนวนรูปแบบของตัวหมากแล้ว ก็คือจำนวนช่องที่เพิ่มขึ้นมาด้วยเช่นกัน
.
เราจะต้องเขียนโค้ดเพื่อกำหนดความสามารถในการเดินของหมากแต่ละตัว ต้องเก็บตำแหน่งของหมากทุกตัว การกินกันของตัวหมาก และถ้าอยากเพิ่มความยากขึ้นไปอีกก็อาจจะลองทำบอทไว้เล่นแข่งกับเราไปด้วยก็ยังได้
.
✅ 7. เกมงูน้อย
.
อีกซักเกมนึงที่คุ้นเคยกันดีก็คือคือเกมงูนั่นเอง โปรเจคทำเกมงูอันนี้เราจะได้ลองเขียนโปรแกรมที่ต้องกำหนดการชนกันระหว่างงูกับสิ่งต่างๆ ว่าเป็นการกินอาหารหรือว่าเป็นการชนกำแพง
.
🐍 อาจจะมีการเพิ่มหรือลดความเร็วในการเลื้อยเพื่อเพิ่มความสนุกในการเล่นด้วยก็ได้ และเพื่อที่จะควบคุมงูน้อยของเราให้เลื้อยไปกินอาหารได้ถูกทิศทางนั้น
.
เราก็ต้องจับการ input จากผู้เล่นและนำไปแสดงผลกับตัวละครของเราให้ทันท่วงที เป็นโปรเจคเกมง่ายๆที่เอาไว้ทำเล่นยามว่างได้อย่างแท้จริง
.
✅ 8. แอพเลือกเมนูอาหาร
.
โปรเจคนี้เป็นไอเดียง่ายๆที่นำไปใช้งานได้จริง โดยเป็นแอพสำหรับสุ่มเลือกเมนูอาหารตามชื่อหัวข้อนั่นเอง
.
🍜 สำหรับการสร้างขึ้นมาอาจจะไม่ได้ยากอะไร จากความง่ายนี้เราจะได้มีเวลาเอาไปใช้กับการออกแบบหน้าตา UI แอพของเราให้มีความสวยงามน่าใช้ ใช้งานง่าย และตอบโจทย์การใช้งานของเราเอง
.
เพราะต่อให้โค้ดเราดีแค่ไหน แต่ถ้า UI มันแย่ก็คงไม่มีใครอยากใช้ การออกแบบที่ดีจึงช่วยเสริมทักษะโปรแกรมมิ่งของเราได้นั่นเอง และถ้าทำโปรเจคนี้เสร็จแล้วก็น่าจะทำให้เราไม่ต้องเจอกับคำถามที่ว่า “เที่ยงนี้กินอะไรกันดี” กันอีกต่อไป
.
✅ 9. แอพแจ้งเตือนสภาพอากาศ
.
เวลาว่างๆนอกจากอยู่บ้านแล้ว บางทีเราก็อยากจะออกไปเที่ยวบ้าง แต่หลายครั้งยังไม่ทันพ้นจากหน้าบ้านก็เจอฝนเทลงมา เทลงมา เทลงมา ต้องกลับไปหยิบร่ม หรือไม่ก็พับแผนการออกไปข้างนอกไปก่อนอยู่บ่อยๆ
.
⛈ ถึงแม้ว่าการเช็คสภาพอากาศ ดูโอกาศที่ฝนจะตกจะทำได้ง่ายๆแค่เสิร์ชในกูเกิล หรือมือถือของหลายๆคนอาจจะมีเป็น widget อยู่ที่หน้าจอด้วยซ้ำไป
.
แต่โปรแกรมเมอร์อย่างเราอะไรที่มันง่ายๆแบบนั้นเราไม่ทำหรอก เพื่อความเท่และเพื่อหาอะไรทำยามว่าง การทำแอพแจ้งเตือนสภาพอากาศก็เป็นสิ่งที่น่าสนใจ
.
หลักๆก็คือจะได้ลองศึกษาการใช้งาน API ที่จะเป็นแหล่งข้อมูลสำหรับใช้งานในแอพของเรานั่นเอง อย่างข้อมูลสภาพอากาศก็ลองใช้จาก OpenWeather กันได้
.
https://openweathermap.org/api
.
✅ 10. ทำลำโพงบลูทูธ
.
โปรเจคสุดท้ายที่เอามาแนะนำในวันนี้เพื่อให้เข้ากับยุคสมัยที่อะไรๆก็ไร้สายกันหมด โดยลองทำให้ลำโพงเก่าๆซักตัวของเรา
.
😍 หรือลำโพงอะไรก็ได้ที่ไม่บลูทูธสามารถเชือมต่อผ่านบลูทูธได้ ถ้าได้ทำโปรเจคนี้เราก็จะได้ลองเล่นกับอุปกรณ์ที่จับต้องได้เพื่อใช้เป็นตัวรับสัญญาณบลูทูธ สำหรับคนที่เริ่มเหนื่อยกับการเขียนโค้ดอยู่แต่ในจอคอม ก็ลองพักมาผ่อนคลาย (?)
.
มาเขียนโค้ดใส่อุปกรณ์ต่างๆแทนกันดีกว่า อย่างในโปรเจคนี้ก็ถ้าเลือกเป็น module ของ arduino มาใช้ในการทำ ก็จะได้อัพสกิลการเขียนโปรแกรมควบคุมอุปกรณ์ต่างๆเป็นของแถมอีกด้วยนะ
.
"สุดท้ายนี้ใครที่กำลังมือใหม่ แนะนำอยากให้ทุกคนลองหาโปรเจคสักตัวนึงทำควบคู่ไปด้วยกัน ไม่ว่าจะมือใหม่แบบไม่เคยเขียนโปรแกรมมาก่อน จนถึงมือใหม่สำหรับภาษา Framework นั้น ๆ เพราะจะทำให้เราอัพสกิล พร้อมสนุกไปด้วยกันจริง ๆ นะ <3"
.
#BorntoDev - 🦖 Digital Academy ให้การพัฒนาทักษะเทคโนโลยีเป็นเรื่องสนุกไปพร้อมกับเรา