程序员

年度盘点!畅想未来的前端周刊(第十二期)

前端周刊是一份专为前端从业人员,以及对前端、设计领域感兴趣的朋友们打造的技术周刊。程小狮会精选出前端、设计领域近期相关的资讯、热点以及技术干货,与大家一同分享。

前端周刊 第十二期

前端周刊专注于前端领域技术分享。希望这份周刊能够成为你成长的得力助手与伙伴。


光阴荏苒,日月如梭,转眼间 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

本文作者分享了自己逐步准备谷歌面试的整体计划。或许,对你有所启发。


如果喜欢本期内容,不妨点个赞,谢谢!同时,也欢迎在评论中分享你的收获。^_^