# 相關連結

## 快速 demo 網站

* [JS Bin - Collaborative JavaScript Debugging](http://jsbin.com/?html,output)
* [Create a new fiddle - JSFiddle](https://jsfiddle.net/)
* [CodePen - Front End Developer Playground & Code Editor in the Browser](http://codepen.io/)

## Gitbook

* [從 HTML 入門至實務應用 · GitBook](https://www.gitbook.com/book/l7960261/html-css-javascript/details)

## 教學文章

* [從零開始 nodejs 系列文章 | 粉絲日志](http://blog.fens.me/series-nodejs/)
* [How To Create a To Do List](http://www.w3schools.com/howto/howto_js_todolist.asp)
* [Webflow 神器 - 不負責推薦文](http://ithelp.ithome.com.tw/users/20103331/ironman/1026)
* [通過 Node.js 了解後端運作原理！](http://ithelp.ithome.com.tw/users/20091840/ironman/1154)
* [網頁程式設計 so easy](http://ithelp.ithome.com.tw/users/20103385/ironman/1061?page=1)
* [無所不能的前 + 後端技術應用，一個小菜鳥的經驗談 (･\`ω･´)](http://ithelp.ithome.com.tw/users/20103130/ironman/999)
* [\[JS\] 克服JS的奇怪部分 ch9 來打造一個框架/資源庫！ - KnucklesNote板 - Disp BBS](http://disp.cc/b/KnucklesNote?ft=%E5%85%8B%E6%9C%8DJS%E7%9A%84%E5%A5%87%E6%80%AA%E9%83%A8%E5%88%86)
* [個人頁 - iT 邦幫忙:: 一起幫忙解決難題，拯救 IT 人的一天](http://ithelp.ithome.com.tw/users/20103526/ironman/1081?page=1)
* [30 分貝的喧嘩 - Photos](https://www.facebook.com/pg/30dBdesign/photos/?tab=album\&album_id=507914002721762)
* [JavaScript 全棧工程師培訓教程 - 阮一峰的網絡日志](http://www.ruanyifeng.com/blog/2016/11/javascript.html)
* [kdchang/reactjs101: 從零開始學 ReactJS（ReactJS 101）是一本希望讓初學者一看就懂的 ReactJS 中文入門教學書，由淺入深學習 ReactJS 生態系 (Flux, Redux, React Router, ImmutableJS, React Native, Relay/GraphQL etc.)。](https://github.com/kdchang/reactjs101)
* [The Will Will Web | 前端工程的極致精品： AngularJS 開發框架介紹](http://blog.miniasp.com/post/2013/04/23/Front-end-Engineering-Fineart-An-Introduction-to-AngularJS.aspx)
* [别再用 JavaScript 框架了 - WEB 前端 - 伯樂在線](http://web.jobbole.com/81870/#tools2)
* [JavaScript 世界萬物誕生記 - WEB 前端 - 伯樂在線](http://web.jobbole.com/88493/?utm_source=blog.jobbole.com\&utm_medium=relatedPosts)
* [找到適合自己的前端發展方向 « 張鑫旭 - 鑫空間 - 鑫生活](http://www.zhangxinxu.com/wordpress/2016/08/find-own-frontend-direction/)
* [請問有沒有什麽從新手到高手一路記錄的前端博客? - V2EX](https://www.v2ex.com/t/319907#reply8)
* [Mozilla Developer Network](https://developer.mozilla.org/zh-TW/)
* [從不只是一門線上課程，而是一場推動進化的豪賭 – 墨雨設計 Monoame Design | Blog](http://blog.monoame.com/index.php/2016/12/03/%E5%BE%9E%E4%B8%8D%E5%8F%AA%E6%98%AF%E4%B8%80%E9%96%80%E7%B7%9A%E4%B8%8A%E8%AA%B2%E7%A8%8B%EF%BC%8C%E8%80%8C%E6%98%AF%E4%B8%80%E5%A0%B4%E6%8E%A8%E5%8B%95%E9%80%B2%E5%8C%96%E7%9A%84%E8%B1%AA%E8%B3%AD/)
* [社群串連—F2ETW](http://www.f2e.tw/community.html)
* [我要成為前端工程師！給 JavaScript 新手的建議與學習資源整理 - INSIDE 硬塞的網路趨勢觀察](https://www.inside.com.tw/2016/02/19/javascript-novice-advice-and-learning-resources)
* [An Introduction To Full-Stack JavaScript – Smashing Magazine](https://www.smashingmagazine.com/2013/11/introduction-to-full-stack-javascript/)
* [《一起學 Node.js》徹底重寫完畢 - CNode 技術社區](https://cnodejs.org/topic/581b0c4ebb9452c9052e7acb)
* [程式語言那麼多，為什麼 Google 偏愛 JS？ | TechOrange](https://buzzorange.com/techorange/2015/09/29/google-javascript/)
* [Node.js 概述 -- JavaScript 標準參考教程（alpha）](http://javascript.ruanyifeng.com/nodejs/basic.html)
* [Node.js 實戰](http://nodejs.ucdok.com/)
* [ruanyf/jstraining: 全棧工程師培訓材料](https://github.com/ruanyf/jstraining)
* [Daniel Shiffman - YouTube](https://www.youtube.com/user/shiffman/playlists)
* [WEB 前端開發 - 專注前端開發，關注用戶體驗 - 專注前端開發，關注用戶體驗](http://www.css88.com/)
* [使用 Express 與 MongoDB 搭建多人博客 - 極客學院 Wiki](http://wiki.jikexueyuan.com/project/express-mongodb-setup-blog/)
* [jackblog 學習計劃 | 六月羊的博客](http://www.paidepaiper.top/2016/10/03/study-plan-with-jackblog/)

## 視覺化

* [視覺化編程入門 — 我該選什麼程式語言？ | 資料視覺化](http://blog.infographics.tw/2016/08/coding-intro/)
* [p5.js － 初學者的資料視覺化函式庫](http://blog.infographics.tw/2015/03/beginner-visualization-with-p5js/)
* [資料視覺化 / Data Visualization - Timeline](https://www.facebook.com/data.visualize/photos/a.137798399723944.1073741827.137698833067234/568730186630761/?type=3\&theater)
