🔥 "สาย 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 ให้การพัฒนาเทคโนโลยีเป็นเรื่องง่ายสำหรับทุกคน
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
「jquery ui framework」的推薦目錄:
- 關於jquery ui framework 在 BorntoDev Facebook 的最佳貼文
- 關於jquery ui framework 在 紀老師程式教學網 Facebook 的精選貼文
- 關於jquery ui framework 在 コバにゃんチャンネル Youtube 的精選貼文
- 關於jquery ui framework 在 大象中醫 Youtube 的最佳貼文
- 關於jquery ui framework 在 大象中醫 Youtube 的最佳解答
- 關於jquery ui framework 在 The official jQuery user interface library. - GitHub 的評價
- 關於jquery ui framework 在 What's the difference between CSS UI framework and jQuery UI 的評價
- 關於jquery ui framework 在 How to Learn jQuery UI Widgets - YouTube 的評價
- 關於jquery ui framework 在 The Top 209 Jquery Ui Open Source Projects on Github 的評價
jquery ui framework 在 紀老師程式教學網 Facebook 的精選貼文
資訊業界需求排名:HTML5 高居第一位!
這份統計是由美國 indeed.com(類似台灣的 104 人力銀行)所發佈的統計。截至目前為止,HTML5 由於應用廣泛,從桌機、網站、手機都有發揮的餘地,所以市場需求度高居第一。其它名次包括:
1. HTML5
2. MongoDB:一種「非關聯式」的資料庫。很適合社群網站使用。
3. iOS
4. Android
5. Mobile App:此指 iOS 與 Android 以外,如:Windows Phone、Blackberry...等手機 App。
6. Puppet:一種「軟體專案管理」工具。
7. Hadoop:一種平行運算架構
8. jQuery:一種 JavaScript 軟體框架(Framework)/ 函式庫(Library)
9. PaaS:Platform as a Service 的縮寫。一種雲端運算服務,提供利用瀏覽器即可完成各種工作的服務。
10. Social Media:社群媒體。如 Facebook 之類的。
由這個排名看來,目前流行的應用面分別是:
1. 手機 App
2. 雲端運算
3. 社群網站
為了支撐上述三個應用面,目前流行的技術分別為:
1. HTML/CSS3/JavaScript 等網頁技術:可作為手機 App、雲端運算、社群網站的 UI 基礎。
2. iOS / Android App 程式設計:所以 C/Objective-C 與 Java 這兩類 iOS/Android 官方語言,應該還能混一陣子飯吃。 :-P
3. 平行運算與分散式架構相關技術:這是為了支援雲端運算而發展出來的。雲端運算背後,一定是由大量的機器平行處理使用者需求而來。因此,資料庫等「被運算」的材料,也得具備「被分散」至各台主機還能協同運作的能力。Hadoop 這類平行運算機制,與 MongoDB/HBase 這類分散式資料庫未來應該會成為「顯學」。
統計圖表在此,請參考:
http://www.indeed.com/jobtrends
jquery ui framework 在 What's the difference between CSS UI framework and jQuery UI 的推薦與評價
... <看更多>
相關內容
jquery ui framework 在 How to Learn jQuery UI Widgets - YouTube 的推薦與評價

How to Learn jQuery UI WidgetsIt is safe to say that Are you a designer or "skinner" that needs to incorporate ... ... <看更多>
jquery ui framework 在 The official jQuery user interface library. - GitHub 的推薦與評價
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of jQuery. Whether you're building highly interactive ... ... <看更多>