互聯網時代前端 “手工藝人” 的百寶箱

互聯網時代前端"手工藝人"的 百寶箱

武林高手都有幾件稱手的兵器, 更別提手中無劍, 心中也無劍的世外高人了.

軟件開發者做為新時代的"手工藝人", 當然也需要自己稱手的 工具 來改變這個世界.

我做為一名專業的前端 工程師 ( F2E ), 特將自己多年的經驗整理出來, 一方面幫助自己理清思路, 想想自己是怎樣一步步走過來的, 另一方面當然也是想和大家一起分享下我的收獲, 希望每個人都能夠從中獲益, 特別是那些想入門前端開發的朋友.

我當年無數次夢想著有那么一份總結文檔擺在我面前, 讓我免于走彎路, 話說站在巨人(當然我不是什么巨人, 身邊也沒有這樣的巨人)的肩膀上, 我們才能夠如此輕松愉快地學習到各種精華. 別人可能是一輩子的研究成果, 我們可能一天就看完了, 正是知識的傳承在推動著時代的進步, 改變世界.

由衷的感謝那些在前端道路上一路指引著我們的前輩們, 非常感謝. 我從你們那里學到了太多東西.

這份總結我會保持更新, 如果有任何問題, 歡迎大家提出各種issues, 當然也鼓勵大家fork出自己的版本.

百寶箱

• 前端工程師常用軟件 ( 備選項 )
• 前端常用框架 ( 備選項 )
• 前端常用云服務
• 常用App
• 前端架構beta
• 前端工作流程 |前后端接口規范 |網站項目目錄結構規范
• 前端精選文集
• 軟件開發團隊的人員配置

前端趨勢

如何跟上前端開發的最新前沿

• 模塊化
  • AMD/CMD
  • ES6 module JavaScript 語言標準的模塊化方案
  • webpack
  </li>
• 組件化(標準, 通用)
  • Web Components
  • React(Virtual DOM)
  • 組件生態圈, 想想 npm 的發展勢頭
  </ul> </li>
  • Web 規范
    • HTML5
    • CSS3/ CSSNEXT / CSS STILL SUCKS
    • ES5 ES6
    • HTTP/2
    • 響應式解決方案特別是 圖像的適配方案 Responsive Images 101
    </ul> </li>
    • 前端測試
      • 單元測試
      • 功能測試
      • 多瀏覽器測試karma
      </ul> </li>
      • 前端工程化
        • 開發流程標準化, 工業化 | Grunt Yeoman FIS JDF coolie
        </ul> </li>
        • 前端架構
          • 雙向數據綁定 MVVM Angular
          • 單向數據流可控可預測 Redux
          • Web前端性能優化 WPO
          • 前端安全
          </ul> </li>
          • Node.js
            • Full Stack developer(全端工程師), 前后端融合
            </ul> </li>
            • Web App
              • SPA(Single Page Web App)
              • 移動端前端開發
              • Hybrid App | React Native
              </ul> </li>
              • Web Game
              </ul>

              前端博客/社區

              • 百度 FEX / EFE
              • 淘寶 UED / THX /手機淘寶 / 天貓 / 有一點設計UED / MUX / FED
              • 騰訊 ISUX / AlloyTeam / TGideas / TID / WFE / IMWEB / MXD
              • 奇舞團 / 去哪兒 / 攜程UED / 大搜車 / 前端團隊blog
              • TODO: blog正在收集中
              • https://github.com/foru17/front-end-collect
              • A List Apart / Smashing Magazine / CSS-Tricks / Codrops / AWWWARDS
              • 首選是行業博客
              • 再是大牛的個人博客/前端著名人物博客
              • Aaron / 葉小釵 / 張鑫旭 /民工精髓 /hax /張云龍 /射雕 / 司徒正美 / Philip Walton / NCZOnline
              • 以及其他前端社區
              • 碼農周刊 / 開發者頭條 / Web技術日報 / W3CPlus周刊 / 前端周刊 / 京東凹凸實驗室拇指期刊 / Codrops Collective
              • 掘金
              • Div.IO
              • F2E - 前端技術社區
              • V2EX
              • 前端圈
              • Teahour.fm
              • Web technology for developers | MDN
              • 醉前端
              • ThoughtWorks中國分享 | 技術雷達
              • 技術流

              技術峰會

              • D2前端技術論壇
              • WebReBuild
              • Velocity
              • JSCONF.CN
              • 阿里技術嘉年華
              • 中國CSS開發者大會
              • w3ctech
              • HTML5夢工廠
              • 前端圈
              • QCon北京 / QCon上海 / QCon@InfoQ / StuQ / InfoQ 迷你書
              • ArchSummit
              • 阿里技術沙龍
              • Google I/O
              • D-Day
              • NationJS Conference

              其他收集

              • front-end-collect
              • 前端工程師手冊