前端周刊是一份专为前端从业人员，以及对前端、设计领域感兴趣的朋友们打造的技术周刊。程小狮会精选出前端、设计领域近期相关的资讯、热点以及技术干货，与大家一同分享。
前端周刊专注于前端领域技术分享。希望这份周刊能够成为你成长的得力助手与伙伴。
真是新年新气象。1 月 9 日小程序的正式发布，除了对原生 App 产生一定的冲击，在整个创投圈它也产生了很大的影响。虽然初期的体验并不是那么好，但我们也看到了更多的可能。在流量越来越贵，移动端流量更是金贵的今天，如何更好的连接线下，依然是值得思考的事情。
那么，2017 年还会出现哪些惊喜呢？让我们拭目以待。
2017 年《前端周刊》第一期正式为大家奉上。
前端技术集——前端干货聚集地
HTML
1. HTML5 Canvas 实现彩虹画笔绘画板指南
地址：http://t.cn/RMUt15y
作者：缉熙Soyaine
一起来挑战！用 HTML5 中的 Canvas 的路径绘制实现一个绘画板。
2. 10 个 HTML 5.1 的新功能
地址：http://t.cn/RMK240H
译者：Bibi
一起来了解 HTML 5.1 提供的新方法以及其应用。
CSS
1. 如何书写整洁的 CSS 代码？只需十步！（一）
地址：http://t.cn/RMJi0jT
译者：王子建
书写整洁的 CSS 代码的 10 个简单方法（第一部分）。
2. 如何书写整洁的 CSS 代码？只需十步！（二）
地址：http://t.cn/RMJi8pu
译者：王子建
书写整洁的 CSS 代码的 10 个简单方法（第二部分）。
3. 深入理解 CSS 中的层叠上下文和层叠顺序
地址：http://t.cn/R491den
作者：张鑫旭
深入了解 CSS 层叠上下文、层叠水平、层叠顺序以及如何进行层叠上下文的创建等内容。
4. 可视化热门 CSS 属性学习指南：CSS Reference
地址：http://t.cn/RMIGb95
作者：Jeremy Thomas
一个可视化 CSS 属性学习指南。本指南为英文版，Flexbox 部分的内容已完成翻译：http://t.cn/RMIUePm
JavaScript
1. 2017 前端开发者必学清单
地址：http://t.cn/RMqdlr1
译者：壮壮
一些个人的前端学习经验，以及 2017 年的学习计划分享。
2. Vue.js 的设计思想
地址：http://t.cn/RMbrvEf
作者：浩南
通俗易懂的了解 Vue.js 及其设计思想。
3. JS 正则表达式一条龙讲解 **
地址：http://t.cn/RMSop49**
作者：StinsonZhao
本文既然取题为“一条龙”，就要对得起”龙”，故将分享包括正则原理、语法一览、JS(ES5)中的正则、ES6 对正则的扩展、实践正则的整体思路。
4. JavaScript 中的模块化开发
地址：http://t.cn/RMP9xmh
作者：iceman_dev
作者通过五个方面（为什么会有模块化、模块化开发的演变过程、模块化规范等）与大家分享 JavaScript 中的模块化开发。
5. Node.js 最佳实践 -在2017年如何成为一名更好的 Node.js 开发者
地址：http://t.cn/RMUhnIB
译者：净化
本文中，我们将展望 2017 年 Node.js 的最佳实践、最热话题以及需要关注什么来提升自身能力。
其他推荐
1. 前端性能清单 2017
地址：http://t.cn/RMpUoFS
译者：陈威特
一份全面的前端性能优化清单。它可以作为你的指南，帮助你根据实际的情况，进行测试和监控你的项目。
2. 从 React 谈 Web UI 开发
地址：http://t.cn/RIFoXhR
作者：Randy Lu
了解 React 的本质，思考 Web UI 的开发。
3. 11 个你应该知道的 npm 技巧
地址：http://t.cn/RMZrbWF
译者：踏月流星
11 个在任何项目中使用 npm 会事半功倍的技巧。
4. 看懂前端脚手架你需要这篇 Webpack
地址：http://t.cn/RMbVxTZ
作者：二口南洋
一篇文章带你看懂前端脚手架。
5. 2016 年我最喜欢的前端工具
地址：http://t.cn/RMwQqL9
译者：IT程序狮
一些不错的前端开发工具，希望对大家有所帮助。
6. 从零开始：微信小程序新手入门宝典《一》
地址：http://t.cn/RMGvZRR
作者：扶桑木下
全面、详细的微信小程序新手入门指南。
前端新手家园——前端新人好帮手
1. 前端篇: 前端演进史
地址：http://t.cn/RM6pqhw
作者：前端开发攻城狮
一篇文章了解前端开发的渊源与演进。
2. JavaScript 风格指南
地址：http://t.cn/RMIy1UM
译者：alivebao
JavaScript 的软件工程原则《Clean Code JavaScript》的译文，值得参考借鉴。
3. 前端资源整合
地址：http://t.cn/RqzOgaV
作者：轩枫阁
一个汇集了一些不错的前端资源的网站，涉及优秀站点、前端合辑、设计与体验以及工具文档等内容，适合新手收藏备用。
4. Chrome DevTools 中文文档
地址：http://t.cn/RMI7r60
译者：愚人码头
跟随文档详细了解 Chrome DevTools 的方方面面。
5. 从零开始构建 JavaScript 技术栈
地址：http://t.cn/RVBXsbA
译者：pd4d10
一个简单直接的 JavaScript 技术栈构建指南。旨在将所有的工具结合起来使用，并为每个工具提供最简单的示例。
前端猿与射鸡尸——设计的那些事
1. 100 本改变你设计命运的书籍
地址：http://t.cn/RIuSlEQ
作者：设计达人网
拿 18000+ 去培（song）训（qian），不如老老实实读几本书。
2. 2017 年十大网页设计趋势
地址：http://t.cn/RM6n6fK
译者：IT程序狮
2017 年里，你需要了解的一些网页设计趋势。
3. 面对大型项目，设计师该做些什么？
地址：http://t.cn/RMIYLbv
作者：蝈蝈蝈
在大型项目中，视觉设计师如何发挥自己最大的作用，找到自己的最佳定位，并保证高质量高效率的完成项目呢？这篇文章会给你答案。
程序人生——程序员的成长与故事
1. 小程序想要什么？
地址：http://t.cn/RMfH9nY
作者：Jason Ng
随阿禅来了解微信小程序的用途以及其应用场景。
2. 听说 2017 你想写前端？
地址：http://t.cn/RMC7pIb
作者：沪江UED
四部分内容带你了解 2017 年如何更好的学习前端。
如果你喜欢本期内容，不妨点个赞，谢谢！ 与你相约，下一期不见不散。
