前端語言相關學習資源乾貨收集。
3 | 4 | > 身為一名前端攻城獅出門在外往往會遇到有人問你都看了什麼，因為太多太多了，一時說不上來，所以只好就放這裡了 5 | 6 | --- 7 | 8 | ## 索引目錄 9 | - [發問](#發問) 10 | - [挑戰](#挑戰) 11 | - [周刊/月刊](#周刊/月刊) 12 | - [社群](#社群) 13 | - [部落格](#部落格) 14 | - [書籍](#書籍) 15 | - [服務](#服務) 16 | - [議題](#議題) 17 | - [設計](#設計) 18 | - [網站設計](#網站設計) 19 | - [圖標](#圖標) 20 | - [字型](#字型) 21 | - [懶人包](#懶人包) 22 | 23 | --- 24 | 25 | ## 發問 26 | > 工程師最拿手的就是解決問題跟問問題！ 27 | 28 | [🔝回索引目錄](#索引目錄) 29 | 30 | > 友善建議，發問時可以附上程式碼段落可以加速社群回覆。 31 | 32 | - [JS Bin](https://jsbin.com/) 33 | - [Codepen](https://codepen.io/) 34 | - [中文文案排版](https://github.com/sparanoid/chinese-copywriting-guidelines) 35 | - [提問的智慧](https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way) 36 | - [LeedCode](https://leetcode.com/) 37 | --- 38 | 39 | ## 挑戰 40 | > It is time to challenge! 41 | 42 | [🔝回索引目錄](#索引目錄) 43 | 44 | - [JavaScript pop quiz](https://js-pop-quiz.now.sh/) 45 | - [Codewars](https://www.codewars.com/) 46 | - [Learn JavaSciprt Online](https://learnjavascript.online/) 47 | 48 | --- 49 | 50 | ## 周刊/月刊 51 | > 刊報更更更幾許。~請問有幾種排列組合~ 52 | 53 | [🔝回索引目錄](#索引目錄) 54 | 55 | - [TechBridge Weekly](http://weekly.techbridge.cc/) 56 | - [CodeTengu Weekly 碼天狗週刊](https://weekly.codetengu.com/) 57 | - [GitHub repo 前端精讀](https://github.com/dt-fe/weekly) 58 | - [GitHub repo HelloGitHub](https://github.com/521xueweihan/HelloGitHub) 59 | - [JavaScript Weekly](https://javascriptweekly.com/) 60 | - [編成狂人](https://www.tuicool.com/mags) 61 | - [奇舞周刊](https://weekly.75.team/) 62 | - [周刊参考池](https://github.com/dt-fe/weekly/issues/2) 63 | 64 | --- 65 | 66 | ## 社群 67 | > 地方的工程師需要協助！ 68 | 69 | [🔝回索引目錄](#索引目錄) 70 | 71 | - [stackoverflow](https://stackoverflow.com/)：技術問答、交流技術社群，可說是工程師們的衣食父母。 72 | - [iT 邦幫忙](https://ithelp.ithome.com.tw/)：台灣資訊技術討論站、有大量的中文技術資訊可以參考 73 | - [Medium](https://medium.com/) 74 | - [Front-End Developers Taiwan](https://www.facebook.com/groups/f2e.tw/) 75 | - [台北前端社群](https://www.facebook.com/groups/f2e.taipei/) 76 | - [高雄前端社群](https://www.facebook.com/groups/358503154261390) 77 | - [Vue.js Taiwan 台灣](https://www.facebook.com/groups/vuejs.tw/) 78 | - [ReactJS.tw](https://www.facebook.com/groups/reactjs.tw/) 79 | - [Angular Taiwan](https://www.facebook.com/groups/augularjs.tw/) 80 | - [LearnWeb Taiwan](https://www.facebook.com/groups/LearnWeb.Taiwan/) 81 | 82 | --- 83 | 84 | ## 部落格 85 | > 山不在高，有仙則靈；站不在多，這些就行。 86 | 87 | [🔝回索引目錄](#索引目錄) 88 | 89 | - [Teddy Chen 搞笑談軟工](http://teddy-chen-tw.blogspot.com/) 90 | - [CSS Coke](http://csscoke.com/) 91 | - [Huli](https://blog.huli.tw/) 92 | - [Kuro](https://kuro.tw/) 93 | - [Will 保哥](https://blog.miniasp.com/) 94 | - [OXXO](https://www.oxxostudio.tw/) 95 | - [PJChen](https://pjchender.blogspot.com/) 96 | - [Summer。桑莫。夏天](https://cythilya.github.io/) 97 | - [神 Q 超人](https://medium.com/@GQSM) 98 | - [良葛格學習筆記](https://openhome.cc/Gossip/) 99 | - [阮一鋒](http://www.ruanyifeng.com/blog/) 100 | 101 | --- 102 | 103 | ## 書籍 104 | > 這…這…這是最後一本了。 105 | 106 | [🔝回索引目錄](#索引目錄) 107 | 108 | 109 | ### 從求職到入職後 110 | - [前端養成手冊](https://mrliao.gitbooks.io/f2ebook/content/) 111 | 112 | ### HTML & CSS 113 | - [HTML & CSS : 網站設計建置優化之道](https://www.tenlong.com.tw/products/9789862765012) 114 | - [HTML5 與 CSS3 響應式網頁設計](https://www.tenlong.com.tw/products/9789864760336) 115 | 116 | ### jQuery 117 | - [邁向 jQuery 達人的階梯](https://www.tenlong.com.tw/products/9789863122449) 118 | - [jQuery 實戰手冊](https://www.tenlong.com.tw/products/9789863479727) 119 | 120 | ### 入門 JavaScript 121 | - [JavaScript 學習手冊](https://www.tenlong.com.tw/products/9789864762460) 122 | - [0 陷阱！0 誤解！8 天重新認識 JavaScript！](https://www.tenlong.com.tw/products/9789864344130) 123 | - [JavaScript 技術手冊](https://www.tenlong.com.tw/products/9789865023188) 124 | 125 | ### 深入 JavaScript 126 | - [你所不知道的 JS 系列](https://www.tenlong.com.tw/products/9789864760497) 127 | - [忍者：JavaScript 開發技巧探秘](https://www.tenlong.com.tw/products/9789864342525) 128 | 129 | ### 精進程式碼 130 | - [無瑕的程式碼－敏捷軟體開發技巧守則](https://www.tenlong.com.tw/products/9789862017050) 131 | - [重構｜改善既有程式的設計](https://www.tenlong.com.tw/products/9789865021832) 132 | 133 | --- 134 | 135 | ## 服務 136 | > 一些前端服務與工具。 137 | 138 | [🔝回索引目錄](#索引目錄) 139 | 140 | - [CSS vocabulary](http://apps.workflower.fi/vocabs/css/en) 141 | - [Dev Docs](https://devdocs.io/) 142 | - [JavaScript Abstract Syntax Tree](https://esprima.org/demo/parse.html#) 143 | - [JavaScript Abstract Syntax Tree](https://resources.jointjs.com/demos/javascript-ast) 144 | - [JavaScript Visualizer](https://ui.dev/javascript-visualizer/) 145 | - [JavaScript Grammer](https://btmills.github.io/parserapi/) 146 | - [Loupe](http://latentflip.com/loupe/) 147 | - [Postman](https://www.postman.com/) 148 | - [Travis-CI](https://travis-ci.org//) 149 | 150 | --- 151 | ## 設計 152 | > 即便不是設計，我們還是可以來看看這些美好的東西。 153 | [🔝回索引目錄](#索引目錄) 154 | 155 | ### 網站設計 156 | - [Google Material Design 正體中文版](https://github.com/Wcc723/google_design_translate)：由 Casper 發起的 Material Design Guideline 翻譯計畫。 157 | - [CSS Design Awards](https://www.cssdesignawards.com/)：：收集一些設計網站。 158 | - [FWA](https://thefwa.com/)：設計網站獎項，有年度、月份、每日獎項，可以發起投稿並得到多位評審的回覆。 159 | - [Good Design Web](http://gooddesignweb.com/)：收集一些設計網站。 160 | - [S5-Style](https://bm.s5-style.com/)：收集一些設計網站。 161 | - [One Page Love](https://onepagelove.com/)：一頁式網站設計。 162 | - [Muuuuu](https://muuuuu.org/)：一頁式網站設計。 163 | 164 | ### 圖標 165 | > 我們需要更多的 Icon！ 166 | - [Icônes](https://icones.netlify.app/collection/all)：提供大量 Icon 並支援輸出成字型、SVG 等等多種格式。 167 | - [TW Icon Fonts](https://www.twicon.page/index.html) 168 | - [Font Awesome](https://fontawesome.com/) 169 | 170 | ### 字型 171 | > 字字當思得來不易。 172 | - [開源粉圓體](https://github.com/justfont/open-huninn-font) 173 | - [Google Font](https://fonts.google.com/) 174 | 175 | --- 176 | 177 | ## 懶人包 178 | > 開箱即用的好貨！ 179 | 180 | [🔝回索引目錄](#索引目錄) 181 | 182 | - [F2E Roadmap](https://roadmap.sh/frontend) 183 | - [學習 Performance](https://web.dev/learn/performance) 184 | - [JavaScript 入門指南](https://javascript.alphacamp.co/) 185 | - [33 JavaScript Concepts](https://github.com/leonardomso/33-js-concepts) 186 | - [JavaScript 核心](http://notepad.yehyeh.net/Content/WebDesign/Javascript/ECMA/Core/JavaScriptCore.php) 187 | - [a11y 系列文章](https://ithelp.ithome.com.tw/users/20108045/ironman/2454) 188 | - [awesome-html5](https://github.com/diegocard/awesome-html5) 189 | - [awesome-css](https://github.com/awesome-css-group/awesome-css) 190 | - [awesome-JavaScript](https://github.com/sorrycc/awesome-javascript) 191 | - [awesome-Front-End-learning-resource](https://github.com/helloqingfeng/Awsome-Front-End-learning-resource) 192 | - [awesome-interview-questions](https://github.com/MaximAbramchuck/awesome-interview-questions#javascript) 193 | 194 | 195 | --------------------------------------------------------------------------------