🔥 "สาย 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 ให้การพัฒนาเทคโนโลยีเป็นเรื่องง่ายสำหรับทุกคน
同時也有2部Youtube影片,追蹤數超過2萬的網紅さとるふぃっしゅ / satorufish,也在其Youtube影片中提到,簡単にJavaScriptでプログラミングやってみた! 今回は以下のことを試しました! ・alert ・for文 ・if文 ・変数 こんな感じです。 これを最低限覚えれば、プログラミングはほとんどできるんじゃないかな?と思ってます! みなさん、俺の動画見て、興味を持ってもらえたらと思います!...
「javascript alert」的推薦目錄:
- 關於javascript alert 在 BorntoDev Facebook 的最佳解答
- 關於javascript alert 在 楊草莓的超級流水帳 Facebook 的最佳貼文
- 關於javascript alert 在 DJ star 星亞 Facebook 的最佳解答
- 關於javascript alert 在 さとるふぃっしゅ / satorufish Youtube 的精選貼文
- 關於javascript alert 在 さとるふぃっしゅ / satorufish Youtube 的最佳貼文
- 關於javascript alert 在 JavaScript alert() 的評價
- 關於javascript alert 在 JavaScript alert、confirm、prompt、console.log - Elaine's Blog 的評價
- 關於javascript alert 在 Using a Javascript alert in VB.Net - Stack Overflow 的評價
- 關於javascript alert 在 How to Make an Animation Alert using JavaScript - YouTube 的評價
- 關於javascript alert 在 converter Plugin for Android (phonegap application) - gists ... 的評價
javascript alert 在 楊草莓的超級流水帳 Facebook 的最佳貼文
【草莓關心您🍓】除了Covid-19的第三級警告(Warning)之外,目前於山東和福建出現了新型A型流感H9N2,疾管署宣布,除原已列為新型A型流感旅遊疫情建議第二級警示(Alert)的福建省外,即日起山東省亦提升至第二級警示(Alert)。
https://bit.ly/2XrDSSU
javascript alert 在 DJ star 星亞 Facebook 的最佳解答
【更新資訊】(!)指揮中心快訊:3月14日14時起,尚未登機離開歐洲27國或杜拜之旅客,入境台灣後須居家檢疫14天(!)
除原已列第三級之義大利外,3月17日起,將其他歐洲申根國家(法國、德國、西班牙、葡萄牙、奧地利、荷蘭、比利時、盧森堡、丹麥、芬蘭、瑞典、斯洛伐克、斯洛維尼亞、波蘭、捷克、匈牙利、希臘、馬爾他、愛沙尼亞、拉脫維亞、立陶宛、冰島、挪威、瑞士及列支敦斯登)及與申根區自由流動的英國、愛爾蘭共27國及杜拜(杜拜含轉機)旅遊疫情建議提升至第三級:警告(Warning),避免至當地所有非必要旅遊。
於台灣時間3月14日14時起,已登機者加強自主健康管理,尚未登機者列入居家檢疫14天。3月17日凌晨起,外國旅客居家檢疫者無住所可至集中檢疫所付費居住。
美國近期疫情上升,指揮中心即日起將美國華盛頓州、紐約州及加利福尼亞州等3州旅遊疫情建議提升至第二級:警示(Alert),前往當地應採取加強防護措施;其他州則列為旅遊疫情建議第一級:注意(Watch),民眾應遵守當地一般預防措施。
詳細資訊請參考疾管署新聞稿:
http://at.cdc.tw/Nh5CL8
javascript alert 在 さとるふぃっしゅ / satorufish Youtube 的精選貼文
簡単にJavaScriptでプログラミングやってみた!
今回は以下のことを試しました!
・alert
・for文
・if文
・変数
こんな感じです。
これを最低限覚えれば、プログラミングはほとんどできるんじゃないかな?と思ってます!
みなさん、俺の動画見て、興味を持ってもらえたらと思います!
![post-title](https://i.ytimg.com/vi/A8FLOCOe_j0/hqdefault.jpg)
javascript alert 在 さとるふぃっしゅ / satorufish Youtube 的最佳貼文
Androidウイルスサイト、
いきなりポップアップで「あなたの端末はウイルスに感染しています。ただちにこれをインストールしてウイルス削除してください」
なんて出ますよね?
これ、だいたい白いウインドウだと思います。
そう、まさにこれも「ウイルス感染は嘘」です。
これの表示をするには以下のことをしています。
今回はJavaScriptで例を出します。
このソース1行でだいだいの人に脅しをかけているようです。
alert("あなたの端末はウイルスに感染しています。だだちにこれをインストールしてウイルス削除をしてください。");
この一行でウイルスサイトのポップアップが作れます。
そう、こんなんで騙されるの勘弁ですよね!
ということで今回のこの動画を見てみなさんは、
インターネットを少しでも知っていけたらと思います!
![post-title](https://i.ytimg.com/vi/XBToIDBRxw8/hqdefault.jpg)
javascript alert 在 JavaScript alert、confirm、prompt、console.log - Elaine's Blog 的推薦與評價
對話框alert、confirm、prompt 都可以產生對話框這些對話框有阻塞作用,不點選項,後續程式碼無法繼續執行只能輸出字串,所以會自動呼叫toString() ... ... <看更多>
javascript alert 在 JavaScript alert() 的推薦與評價
Introduction to JavaScript alert() method ... The browser can invoke a system dialog to display information to the user. Click here to show the alert system ... ... <看更多>