Search
🔥 อยากทำเว็บแบบ "Codepen" หรือ "JSFiddle" ก็เริ่มง่าย ๆ แค่ทำ Web Playground ให้เป็น !!
.
วันนี้ทีมเดฟจาก borntoDev มีของเจ๋ง ๆ มานำเสนอสำหรับใครอยากนำไปสร้างเว็บแบบที่มีการให้ผู้ใช้งานใส่โค้ด HTML, CSS จนถึง JavaScript ลงไป
.
แล้วระบบจะทำการแสดงผลโชว์ให้เห็นตรงนั้นได้เลย !! เรียกได้ว่า ถ้าใครมีโปรเจคสไตล์นี้ในใจ บอกเลยว่า ห้ามพลาดจ้าาาา <3
.
#borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
[WebTech #82] JavaScript 大補帖！一篇搞定 JavaScript！
這篇大概是今天唯一會分享的一篇了...別誤會！我沒有偷懶！關於 JavaScript，我一樣收集了大約 80 幾篇國內外文章打算分享的！但是昨天晚上，不小心找到我現在要分享的這篇，一頁就刊出 89 篇影音教學！而且主題包括「JavaScript 入門」、「JavaScript 物件」、「AJAX」、「DOM」、「jQuery」。把我要分享的主題全包括了！而且還追加「用 JavaScript 做 App」、「JavaScript 設計模式」等幾個額外的主題。
我倒抽一口涼氣，心想：「這篇貼出去我還混什麼啊？」於是我的心情就在「照原定計畫刊出 80 幾篇、以彰顯小弟的努力跟多賺幾個讚」，還是「貼出這一篇、頂著可能被別人罵偷懶、但對大家有幫助」之間搖擺不定。最後...我決定還是以讀者能夠理解為最優先！虛榮心什麼的去吃 X 吧... XD。
原文是台灣的一位網友，依照 w3schools.com （我前幾天分享 CSS 時也有引用他們的文章）的大綱，以台灣方面電腦用語（如：Object=物件，而非「對象」。Memory=記憶體，而非「內存」）錄製而成的影音教學。考量到本粉絲頁還是以台灣網友佔多數，中國、香港、新加坡、馬來西亞的網友，如果您們不習慣台灣這邊的用語就抱歉了！我會提供英文原文給您們參考的！
接下來，就讓我隆重介紹今天唯一一篇、也最補的一篇：JavaScript 教學大補帖！連結與大綱如下，想學會的朋友一定要耐心看完喔：
台灣網友影音版：
http://ithelp.ithome.com.tw/question/10098361
w3schools.com 英文原文（無影片）：
http://www.w3schools.com/js/
JavaScript 教學 1：簡介
JavaScript 教學 2：環境
JavaScript 教學 3：變數
JavaScript 教學 4：運算子
JavaScript 教學 5：邏輯
JavaScript 教學 6：If...Else
JavaScript 教學 7：Switch
JavaScript 教學 8：彈出式對話框
JavaScript 教學 9：函數
JavaScript 教學 10：for 迴圈
JavaScript 教學 11：while 迴圈
JavaScript 教學 12：for each 迴圈
JavaScript 教學 13：break／continue
JavaScript 教學 14：事件
JavaScript 教學 15：Exception
JavaScript 教學 16：自定義錯誤
JavaScript 教學 17：特殊字元
JavaScript 教學 18：物件
JavaScript 教學 19：字串
JavaScript 教學 20：日期
JavaScript 教學 21：陣列
JavaScript 教學 22：布林
JavaScript 教學 23：數學
JavaScript 教學 24：正規式
JavaScript 教學 25：Browser 物件
JavaScript 教學 26：Cookie
JavaScript 教學 27：setInterval
JavaScript 教學 28～30：AJAX
JavaScript 教學 31～33：DOM
JavaScript 教學 34～42：jQuery
JavaScript 教學 43：JSON
JavaScript 教學 44～55：App 實作
JavaScript 教學 56﹣85：JS 三十參
JavaScript 教學 86：JSFiddle
JavaScript 教學 87～89：設計模式
10 個雲端程式設計用，整合型開發環境（IDE）
出門在外想寫程式，剛好沒有趁手的 IDE 嗎？或者對方不允許你在他的電腦內安裝軟體呢？試試今天分享給大家的 10 個雲端 IDE 吧！用瀏覽器就可以享受它們的強大功能囉！這十個 IDE 分別是：
1. Eclipse Orion
2. Cloud9
3. Codenvy
4. Exadel Tiggzi
5. Telerik Icenium
6. Python Fiddle
7. jsFiddle
8. CodeAnywhere
9. CodeRun
10. CodeMirror
點擊後，就可以看到一個 12 頁的投影片。您可點選投影片右上角的「Next」鈕，然後說明就在右邊喔！
http://www.infoworld.com/slideshow/93909/10-cloud-ides-let-you-ditch-the-desktop-215683
@match http://jsfiddle.net/*. // ==/UserScript== // @author: John K. Paul @johnkpaul. // @license: http://www.opensource.org/licenses/MIT. ... <看更多>
jsfiddle 在 Introduction to JSFiddle - YouTube 的推薦與評價
0:00 / 9:20•Watch full video. Live. •. Scroll for details. Introduction to JSFiddle. 3,625 views3.6K views. Jul 1, 2020. ... <看更多>