> For the complete documentation index, see [llms.txt](https://sigma-1.gitbook.io/notes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sigma-1.gitbook.io/notes/webdev/front-end.md).

# Front-End

## Front-End

## Guide

* [交互设计师修炼指南！教你从零开始成为优秀交互设计师](http://www.uisdc.com/interaction-designers-guide)
* [Skills of a successful front-end web developer](https://www.drupal.org/node/1245650)
* [網站開發相關學習資源](http://kdchang.cc/mobile-web-dev/resource.html)
* [颠覆式前端UI开发框架：React](http://www.infoq.com/cn/articles/subversion-front-end-ui-development-framework-react)

#### Javascript

* [Learn Javascript](http://gitbookio.gitbooks.io/javascript/content/en/index.html)

## JavaScript Lib Collection

* [Front-end JavaScript frameworks](https://github.com/showcases/front-end-javascript-frameworks)
* [20 JavaScript Frameworks Worth Checking Out](http://code.tutsplus.com/articles/20-javascript-frameworks-worth-checking-out--net-22020)
* [Top 10 Front-end Development Frameworks](http://www.hotscripts.com/blog/top-10-frontend-development-frameworks/)
* [10 New Frontend Web Frameworks Worth Considering](http://speckyboy.com/2014/12/04/10-new-frontend-web-frameworks-worth-considering/)
* [The 5 Most Popular Frontend Frameworks of 2014 Compared](http://www.sitepoint.com/5-most-popular-frontend-frameworks-compared/)
* [Top 10 Front-End Development Frameworks](http://www.sitepoint.com/top-10-front-end-development-frameworks/) :::::::::::::: [part2](http://www.sitepoint.com/top-10-front-end-development-frameworks-part-2/)

## Data Visualization

* [Tableau + Mapbox integration ](https://www.mapbox.com/blog/tableau-integration/)

### D3

* [改作學習兩相宜、D3 源碼任你用 － D3 in a Box](http://blog.infographics.tw/2015/11/d3-in-a-box/)

## MOOC

* [front-end-web-development](https://teamtreehouse.com/tracks/front-end-web-development)

## Choosing

* [The Top 10 JavaScript Frameworks, and the Communities Behind Them](https://www.eclipsecon.org/na2014/sites/default/files/slides/Top%2010%20JavaScript%20Frameworks%20FINAL.pdf) Good!
* [AngularJS vs. Backbone.js vs. Ember.js](https://www.airpair.com/js/javascript-framework-comparison)
* [4 Questions to Ask Before Choosing a JavaScript Framework](http://www.sencha.com/blog/4-questions-to-ask-before-choosing-a-javascript-framework/)
* [9 Things to Consider When Choosing a JavaScript MV\* Framework](http://www.neo.com/2014/06/30/9-things-to-consider-when-choosing-a-javascript-mv-framework)
* [Choosing a JavaScript Framework](https://blog.safaribooksonline.com/2013/10/16/choosing-a-javascript-framework/)

## CSS

* [Programmers Design Differently: Why I Built a CSS Plugin for Sketch 3](https://medium.com/sketch-app-sources/programmers-design-differently-why-i-built-a-css-plugin-for-sketch-3-52a1246305a4)

## Lib

* [Bootstrap](http://getbootstrap.com/2.3.2/) , [Editor](https://www.youtube.com/watch?v=DKR5jvCddmA\&list=PLo7Qkm2fy7zB1D6gUQM_OPqfTXxIDDCE4\&index=1)
* AngularJS
* Ember 
* Backbone
* React
* [famous: animation](http://famous.org/)