前端周刊是一份专为前端从业人员，以及对前端、设计领域感兴趣的朋友们打造的技术周刊。程小狮会精选出前端、设计领域近期相关的资讯、热点以及技术干货，与大家一同分享。
前端周刊专注于前端领域技术分享。希望这份周刊能够成为你成长的得力助手与伙伴。
光阴荏苒，日月如梭，转眼间 2016 年已接近了尾声。《前端周刊》也迎来了第十二期。在本期内容中，我们主要围绕 Web 的开发趋势，以及在未来的一年中你可能需要掌握的新技术与工具，为大家带来一些精彩的分享，希望你能有所收获。
那么，今年你在工作上、学习中有什么收获呢？也欢迎在评论中，与我们分享。
让我们一路向前，迎接未来新的挑战。
前端技术集——前端干货聚集地
HTML
1. HTML5 Canvas **
地址：http://t.cn/RIq88vo**
作者：高华峰
通过实例讲解 HTML5 Canvas 的基础使用。
2. HTML5 Canvas 玩转酷炫大波浪进度图
地址：http://t.cn/RIb7m8Z
作者：当耐特
详解如何利用 Canvas 绘制矢量图以及图片素材合成出波浪的特效。
CSS
1. CSS 高级布局技巧
地址：http://t.cn/RIUvpua
作者：sorrycc
随着 IE8 逐渐退出舞台，很多高级的 CSS 特性都已被浏览器原生支持，再不学下就要过时了。在本文中，作者分享了六个 CSS 布局技巧，一起来看看。
2. 原生 CSS 网格布局学习笔记
地址：http://t.cn/RfuMDNG
译者：Geoff
通过实例初探原生 CSS 网格布局。
3. 使用 CSS3 制作导航条和毛玻璃效果
地址：http://t.cn/RVUJYeR
作者：unclekeith
逐步学习利用 CSS3 来制作导航条（平行四边形导航条、梯形导航条）和毛玻璃效果。
4. CSS 预处理语言的模块化实践
地址：http://t.cn/RIAjETd
作者：jack_lo
了解预处理语言 SASS 在模块化项目中的实践。
JavaScript
1. JavaScript 实现 Fly Bird 小游戏
地址：http://t.cn/RI4DWAx
作者：Runner_Yang
利用 JavaScript 逐步带你写一个 Fly Bird 小游戏。前端er，Have a try！
2. 《JavaScript 闯关记》之作用域和闭包
地址：http://t.cn/RIqRNzV
作者：劼哥stone
关卡挑战 JavaScript 基础知识之作用域和闭包。
3. 推荐五个 Vue2 的免费教程
地址：http://t.cn/RI2C4mm
作者：二哲
一些学习 Vue 2.0 的免费教程。
4. React 入门最好的实例－TodoList
地址：http://t.cn/RIGgAFf
作者：luckykun
通过 React todos demo 带大家入门 React.
5. 2017 年值得关注的 JavaScript 框架与主题
地址：http://t.cn/RIGKmoJ
作者： 王下邀月熊_Chevalier
2017 年里值得关注的一些优秀的框架与工具库。
6. 浅入浅出 JavaScript 函数式编程
地址：http://t.cn/RIq253t
作者：SegmentFault
从了解函数式编程及其各个特性开始，到通过实例理解函数式编程在实际生产中发挥的作用。
7. React/Redux 打造的同构 Web 应用
地址：http://t.cn/RIqT0OC
译者：侯斌
本文作者记录了个人博客（Ameblo）从 Java 架构，重构为以 Node.js、React 为基础的 Web 应用的整个过程。
其他推荐
1. 你必须收藏的 Github 技巧
地址：http://t.cn/RItwdkQ
作者：当耐特
一些或许你未曾知道的 Github 技巧。
2. Vue 中你不知道但却很实用的黑科技
地址：http://t.cn/Rfd6DGj
作者：Aresn
关于 Vue 组件的一些高级玩法。
3. 在 2017 年将会更加流行的 6 个 Web 开发趋势
地址：http://t.cn/RIbGGoJ
译者：十年踪迹
2017 年你需要关注的 6 个 Web 开发趋势。前端er，来看看。
4. 2017 年你应该学习的编程语言、框架和工具
地址：http://t.cn/RIGLCjX
译者：IT程序狮
盘点 2017 年你可能需要掌握的一些编程语言、框架、工具以及新技术。
前端新手家园——前端新人好帮手
1. Node 入门 **
地址：http://t.cn/SZFNmr**
译者： goddyzhao等
一本致力于教会你如何用 Node.js 来开发应用的在线图书。
2. 值得订阅的 12 份优质前端期刊
地址：http://t.cn/RVBMHsC
作者：十年踪迹
前端必备的国内外 12 份优质前端期刊。其实，程小狮出品的《前端周刊》，也不错滴。
3. 前端开发者手册
地址：http://t.cn/RU5Spg7
作者：@会飞的Pikachu
一本任何人都可以用来学习前端的实践手册, 它概述并讨论了前端工程的实践：该如何学习以及实践时该使用什么工具等内容。
4. 大前端工具集
地址：http://t.cn/RyurOWa
作者：聂卫东
大前端程序猿的百宝箱。主要针对 前端方向和 Node 方向，推荐收藏。
5. 2015 和 2016 最好 Sublime Text 3 主题
地址：http://t.cn/RVi6nv2
译者：愚人码头
2016 年 Package Control 中最好的 Sublime Text 3 主题。Sublime 党，不要错过咯。
前端猿与射鸡尸——设计的那些事
1. PS真正实用技巧——完美曲线、波浪线、选区变形状
地址：http://t.cn/RI27N6p
作者：盛肖楠
一些关于 PS 实用技巧的分享。本文涉及到了如何利用 PS 实现完美曲线、波浪线、选区变形状。
2. 聊聊 2017 年即将流行的 UX 设计趋势
地址：http://t.cn/RfFUNIQ
译者：非科班设计
盘点 2016 年用户体验都发生了哪些大事，并展望 2017 年的用户体验将会有哪些趋势。
3. 设计师自学手册之色彩搭配简易指南
地址：http://t.cn/RIbR60X
译者：极光日报-园长
适合新手设计师寻找配色方案灵感的一些思路，并辅以大量案例来解释配色方法。
程序人生——程序员的成长与故事
1. 2017 年热门编程语言排行榜，你的语言上榜没？
地址：http://t.cn/RfdGTMK
译者：开源中国-达尔文
盘点 2017 年全球最受欢迎的编程语言。来看看，本年度谁能摘得桂冠？
2. 谷歌求职记：我花了八个月准备谷歌面试 **
地址：http://t.cn/RIVahqT**
译者：shixinzhang
本文作者分享了自己逐步准备谷歌面试的整体计划。或许，对你有所启发。
如果喜欢本期内容，不妨点个赞，谢谢！同时，也欢迎在评论中分享你的收获。_
