Search
這幾天宅在家裡寫程式，總算比較能照自己想要的方式備份私人帳號和粉絲專頁的訊息，並且重現時還能連回臉書頁面了。
為什麼要備份？因為：
一、帳號不知道甚麼時候會無預警被刪除。
二、臉書自有備份功能不會包含回應訊息，而且沒法連回原本的網頁確認是否有新回應。
（目前公開的這份檔案未包含圖檔和回應訊息）
技術是用 FB SDK for PHP + MongoDB + AngularJS
不過其實是希望不需要伺服器，純用 JS 就達成的啦（理論上可行，只是會需要使用者自己手動另存 JSON 物件）
[免費學習資源] 想學 JavaScript 嗎？這裡有一大堆人家整理好的資源喔！
自從 HTML5 流行以來，JavaScript 在網頁程式設計的地位越來越重。從以前只是控制滑鼠點擊事件、做做特效，進化到入侵前、中兩端的正規語言（中端語言利用 Node.js 來達成）。更冒出上百個以 JavaScript 為基底的 .js 框架與函式庫（如：Angular.js、Backbone.js...etc.）。JavaScript 早已非吳下阿蒙，一躍而成網頁設計必學的語言之一。
隨著 JavaScript 越來越複雜，很多朋友都有興趣把 JavaScript 學好。在此我提供各位一個很不錯的學習資源清單。網址如下：
http://conceptf1.blogspot.ae/2013/11/best-resources-to-learn-javascript.html
該清單計有下列學習資源：
* 影片教學（Videos x 16）
------------------------
1. Crockford on JavaScript (x6 Videos)
2. The JavaScript Programming Language (x4 Videos)
3. An Inconvenient API: The Theory of the DOM (x3 Videos)
4. Advanced JavaScript (x3 Videos)
* JavaScript 物件導向程式設計（Object-Oriented Programming in Java）
（文章教學，共三篇，算是 JavaScript 語法精要）
------------------------
* 免費書籍（Books x 6）
------------------------
1. JavaScript: The Good Parts (Douglas Crockford)
2. Pro JavaScript Techniques (John Resig, 比較進階）
3. JavaScript: The Definitive Guide (David Flanagan)
（歐萊禮出的經典之作，點入後記得點擊封面上方的「Search Inside and Read」方可全文觀賞）
4. Eloquent JavaScript (Marijn Haverbeke)
（本來就是以「免費線上 JavaScript 好書」出名，也是經典）
5. Essential JavaScript Design Patterns for Beginners (Addy Osmani)
（雖號稱 for Beginners，不過 Design Pattern 的東西還是學完基本語法再看比較會有心得）
6. Head First HTML5 Programming: Building Web Apps with JavaScript
（連結直指 Amazon，並非免費。有中譯本叫「深入淺出 HTML5 程式設計」，然後把「書名」加上「pdf」三個字放進 Google 能撈到什麼就不用我再教了吧？ XD）
* 學習網站（Learning Sites x 6）
------------------------
1. Writings on JavaScript
2. comp.lang.javascript FAQ
（事實上，這只能算 BBS 論壇的精華區整理，不過整理得不錯就是了）
3. Learn appendTo
（我試過，鏈結已失效。不知有沒有人試成功的？）
4. Secrets of the JavaScript Ninja
（其實這是傳說中的「忍者書」，不知道為什麼作者把它分在「學習網站」這一項？況且連結導向購買頁，似乎並非免費。我幫各位準備了傳送門在此，請服用： http://goo.gl/f9GXoV XD）
5. JavaScript Garden
（原鏈結為英文，我幫各位找到中文的： http://goo.gl/KIIJzj ）
6. Codecademy
（大推！互動式學習，註冊後搜尋「JavaScript」課程即可找到）
* 教學文（Articles x14）
------------------------
希望今天介紹的資源能對大家學習 JavaScript 時有幫助！
別忘了按讚鼓勵或分享給你的朋友喔！
[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：設計模式
