前端周刊是一份專為前端從業(yè)人員，以及對前端、設(shè)計領(lǐng)域感興趣的朋友們打造的技術(shù)周刊练般。程小獅會精選出前端矗漾、設(shè)計領(lǐng)域近期相關(guān)的資訊、熱點以及技術(shù)干貨薄料，與大家一同分享敞贡。
前端周刊專注于前端領(lǐng)域技術(shù)分享。希望這份周刊能夠成為你成長的得力助手與伙伴摄职。
光陰荏苒誊役，日月如梭，轉(zhuǎn)眼間 2016 年已接近了尾聲谷市』坠福《前端周刊》也迎來了第十二期。在本期內(nèi)容中迫悠，我們主要圍繞 Web 的開發(fā)趨勢鹏漆，以及在未來的一年中你可能需要掌握的新技術(shù)與工具，為大家?guī)硪恍┚实姆窒泶葱梗Ｍ隳苡兴斋@艺玲。
那么，今年你在工作上鞠抑、學(xué)習(xí)中有什么收獲呢饭聚？也歡迎在評論中，與我們分享搁拙。
讓我們一路向前若治，迎接未來新的挑戰(zhàn)。
前端技術(shù)集——前端干貨聚集地
HTML
1. HTML5 Canvas **
地址：http://t.cn/RIq88vo**
作者：高華峰
通過實例講解 HTML5 Canvas 的基礎(chǔ)使用感混。
2. HTML5 Canvas 玩轉(zhuǎn)酷炫大波浪進(jìn)度圖
地址：http://t.cn/RIb7m8Z
作者：當(dāng)耐特
詳解如何利用 Canvas 繪制矢量圖以及圖片素材合成出波浪的特效端幼。
CSS
1. CSS 高級布局技巧
地址：http://t.cn/RIUvpua
作者：sorrycc
隨著 IE8 逐漸退出舞臺，很多高級的 CSS 特性都已被瀏覽器原生支持弧满，再不學(xué)下就要過時了婆跑。在本文中，作者分享了六個 CSS 布局技巧庭呜，一起來看看滑进。
2. 原生 CSS 網(wǎng)格布局學(xué)習(xí)筆記
地址：http://t.cn/RfuMDNG
譯者：Geoff
通過實例初探原生 CSS 網(wǎng)格布局。
3. 使用 CSS3 制作導(dǎo)航條和毛玻璃效果
地址：http://t.cn/RVUJYeR
作者：unclekeith
逐步學(xué)習(xí)利用 CSS3 來制作導(dǎo)航條（平行四邊形導(dǎo)航條募谎、梯形導(dǎo)航條）和毛玻璃效果扶关。
4. CSS 預(yù)處理語言的模塊化實踐
地址：http://t.cn/RIAjETd
作者：jack_lo
了解預(yù)處理語言 SASS 在模塊化項目中的實踐。
JavaScript
1. JavaScript 實現(xiàn) Fly Bird 小游戲
地址：http://t.cn/RI4DWAx
作者：Runner_Yang
利用 JavaScript 逐步帶你寫一個 Fly Bird 小游戲数冬。前端er节槐，Have a try搀庶！
2. 《JavaScript 闖關(guān)記》之作用域和閉包
地址：http://t.cn/RIqRNzV
作者：劼哥stone
關(guān)卡挑戰(zhàn) JavaScript 基礎(chǔ)知識之作用域和閉包。
3. 推薦五個 Vue2 的免費教程
地址：http://t.cn/RI2C4mm
作者：二哲
一些學(xué)習(xí) Vue 2.0 的免費教程铜异。
4. React 入門最好的實例－TodoList
地址：http://t.cn/RIGgAFf
作者：luckykun
通過 React todos demo 帶大家入門 React.
5. 2017 年值得關(guān)注的 JavaScript 框架與主題
地址：http://t.cn/RIGKmoJ
作者： 王下邀月熊_Chevalier
2017 年里值得關(guān)注的一些優(yōu)秀的框架與工具庫哥倔。
6. 淺入淺出 JavaScript 函數(shù)式編程
地址：http://t.cn/RIq253t
作者：SegmentFault
從了解函數(shù)式編程及其各個特性開始，到通過實例理解函數(shù)式編程在實際生產(chǎn)中發(fā)揮的作用揍庄。
7. React/Redux 打造的同構(gòu) Web 應(yīng)用
地址：http://t.cn/RIqT0OC
譯者：侯斌
本文作者記錄了個人博客（Ameblo）從 Java 架構(gòu)咆蒿，重構(gòu)為以 Node.js、React 為基礎(chǔ)的 Web 應(yīng)用的整個過程蚂子。
其他推薦
1. 你必須收藏的 Github 技巧
地址：http://t.cn/RItwdkQ
作者：當(dāng)耐特
一些或許你未曾知道的 Github 技巧沃测。
2. Vue 中你不知道但卻很實用的黑科技
地址：http://t.cn/Rfd6DGj
作者：Aresn
關(guān)于 Vue 組件的一些高級玩法。
3. 在 2017 年將會更加流行的 6 個 Web 開發(fā)趨勢
地址：http://t.cn/RIbGGoJ
譯者：十年蹤跡
2017 年你需要關(guān)注的 6 個 Web 開發(fā)趨勢食茎。前端er芽突，來看看。
4. 2017 年你應(yīng)該學(xué)習(xí)的編程語言董瞻、框架和工具
地址：http://t.cn/RIGLCjX
譯者：IT程序獅
盤點 2017 年你可能需要掌握的一些編程語言、框架田巴、工具以及新技術(shù)钠糊。
前端新手家園——前端新人好幫手
1. Node 入門 **
地址：http://t.cn/SZFNmr**
譯者： goddyzhao等
一本致力于教會你如何用 Node.js 來開發(fā)應(yīng)用的在線圖書。
2. 值得訂閱的 12 份優(yōu)質(zhì)前端期刊
地址：http://t.cn/RVBMHsC
作者：十年蹤跡
前端必備的國內(nèi)外 12 份優(yōu)質(zhì)前端期刊壹哺。其實抄伍，程小獅出品的《前端周刊》，也不錯滴管宵。
3. 前端開發(fā)者手冊
地址：http://t.cn/RU5Spg7
作者：@會飛的Pikachu
一本任何人都可以用來學(xué)習(xí)前端的實踐手冊, 它概述并討論了前端工程的實踐：該如何學(xué)習(xí)以及實踐時該使用什么工具等內(nèi)容截珍。
4. 大前端工具集
地址：http://t.cn/RyurOWa
作者：聶衛(wèi)東
大前端程序猿的百寶箱。主要針對 前端方向和 Node 方向箩朴，推薦收藏岗喉。
5. 2015 和 2016 最好 Sublime Text 3 主題
地址：http://t.cn/RVi6nv2
譯者：愚人碼頭
2016 年 Package Control 中最好的 Sublime Text 3 主題。Sublime 黨炸庞，不要錯過咯钱床。
前端猿與射雞尸——設(shè)計的那些事
1. PS真正實用技巧——完美曲線、波浪線埠居、選區(qū)變形狀
地址：http://t.cn/RI27N6p
作者：盛肖楠
一些關(guān)于 PS 實用技巧的分享查牌。本文涉及到了如何利用 PS 實現(xiàn)完美曲線、波浪線滥壕、選區(qū)變形狀纸颜。
2. 聊聊 2017 年即將流行的 UX 設(shè)計趨勢
地址：http://t.cn/RfFUNIQ
譯者：非科班設(shè)計
盤點 2016 年用戶體驗都發(fā)生了哪些大事，并展望 2017 年的用戶體驗將會有哪些趨勢绎橘。
3. 設(shè)計師自學(xué)手冊之色彩搭配簡易指南
地址：http://t.cn/RIbR60X
譯者：極光日報-園長
適合新手設(shè)計師尋找配色方案靈感的一些思路胁孙，并輔以大量案例來解釋配色方法。
程序人生——程序員的成長與故事
1. 2017 年熱門編程語言排行榜，你的語言上榜沒浊洞？
地址：http://t.cn/RfdGTMK
譯者：開源中國-達(dá)爾文
盤點 2017 年全球最受歡迎的編程語言牵敷。來看看，本年度誰能摘得桂冠法希？
2. 谷歌求職記：我花了八個月準(zhǔn)備谷歌面試 **
地址：http://t.cn/RIVahqT**
譯者：shixinzhang
本文作者分享了自己逐步準(zhǔn)備谷歌面試的整體計劃枷餐。或許苫亦，對你有所啟發(fā)毛肋。
如果喜歡本期內(nèi)容，不妨點個贊屋剑，謝謝润匙！同時，也歡迎在評論中分享你的收獲唉匾。_
