前端开发工程师如何在2013年里提高本身【转】--2016已更新升级不少何去何从？

大部分人很是在乎我的在技术上的提高。可是保持对新技术的了解是一项不小的挑战， 毕竟咱们须要的信息在数量上过于庞大。2012年里，伴随着前端发展的是大量的革命性突破和对前端的从新定义。

咱们在实践的路上飞速前进，具体的进步体如今使用抽象化，优秀的代码质量，维护性上的提高以及更好的性能。若是你实在忙到没有时间来跟上最新的技术，不用担忧。

随着假日的来临，咱们就有了一些空闲的时间能够本身支配，我想，若是我把我收集的前端相关的精品讨论列表分享出来，那必定会对你们有一些帮助。你不须要把全部的都阅读一遍，可是这些相关的建议会让你了解更多相关的知识，为明年成为一名更好的前工程端开发师作准备。

 

基础部分

走在技术前沿的方法

How to Stay Up to Date on Web Stuff, Chris Coyier

即便技术相关的理念会不断变化，咱们依然能够作到让本身处于技术的前沿。

 

确保你的开发模式已经跟上时代

A New Baseline for Front-End Developers, Rebecca Murphey

曾经在咱们编辑文件的时候，本地测试完而后传到ftp上是最常规的作法。咱们经过一个前端是否能编写一个兼容ie6的页面来判断他的前端水平。咱们在html，css和javascript中的技术都不够强悍。

这样的状况在近几年有了很大的转变，随着工做方式的改进和各种工具的推出。前端开发愈来愈受到重视，这个主题讲解了前端在开发中的新起点。

 

 

前端开发工程师的新起点

理解浏览器在屏幕后面的工做原理

So, You Want to Be a Front-End Engineer, David Mosher (Video)

有些人会说，浏览器是他所知道的开发平台中最不稳定的一个。若是你是一个客户端开发工程师，理解浏览器内部工做原理会帮助你做出更好的决定，而且你 也会赞叹那些最佳实践背后的种种辩论。在这个今年最好的主题之一里，david mosher会待你了解浏览器的解析和页面的渲染。

 

了解web平台如今须要提供什么

Tooling for the Modern Web App Developer, Addy Osmani

web在不断的进化，了解这个平台中新出的技术不是一件容易的事情。html5的新特性让咱们能够构建一个彻底崭新的web应用，包含不少之前没法实现的特性（至少，在没有插件的状况下）。

在这个主题中，个人队友eric会带你了解html5的痛苦边缘，关注不少解决现实世界问题的方案。你会了解媒体流，设备输入，现代css设计，媒体捕捉，文件i/o等等。

 

工做方式

web app开发工程师的工做方式

不管你在使用coffeescript仍是javascript，less仍是sass，构建一个好的web应用在如今须要大量引用外部资源，框架，工具和结合工具来将他们整合到一块儿。简单地说，你须要一个打屁股用的实用腰带。

在这个主题中，你会了解到当前前端系统的概况，并学习到一个新工具来整合这些系统，叫作yeoman。

你还能够访问这个主题的扩展版本。

 

web设计师的工做方式

A Modern Web Designer’s Workflow, Chris Coyier (Video)

今天咱们对web构架师的要求很高。若是在之前，这个岗位名称已经表达了它所对应的工做，可是如今不只仅是视觉设计岗位，甚至涉及到交互的构建。设计师须要考虑不一样形状，不一样尺寸，不一样链接方式的不一样设备，而且这些设备下都要能正常工做。

做为一个设计师，你一般须要在团队之间沟通和分享代码，而且须要了解不少不一样的技术。在这个主题中，chris coyier会说到不少使人赞叹的工具来帮助手头的工做更加顺利地完成，还会讨论应该作些什么来提供一个高水准的现代工做流。

 

移动web开发的工做方式

Mobile Web Developers Toolbelt, Pete Le Page (Video)

移动端开发和PC端开发有很大的不一样，这个主题讲述了各类工具来让移动web开发更加方便，让移动web开发更加容易。

 

如何调试

Secrets of the Chrome DevTools, Patrick Dubroy (Video)

深度了解谷歌开发者工具

 

面向将来的开发

CSS

The CSS of Tomorrow, Peter Gasston

这个主题介绍了CSS给你如今的开发带来了什么，做为一个CSS程序员，如何利用CSS3来实现面向将来的开发。

 

JAVASCRIPT

The Future of JavaScript, Dave Herman

了解ES6的新特性，以及使用方式

 

WEB APPLICATIONS

Web Components and the Future of Web App Development, Eric Bidelman

如何更好地将各类新技术整合到你的web应用中。

 

CSS

CSS领域中的艺术

All the New CSS Hawtness, Darcy Clarke

这个主题介绍了最新的CSS实现以及相关的标准，而且学习到这些新的CSS技术是如何改变咱们的平常开发。

 

模块化CSS

Your CSS Is a Mess, Jonathan Snook

大部分人的CSS代码都是一团糟，在这个主题中，你会知道如何解决CSS的模块化问题，方便管理和维护。

 

CSS的预处理器

CSS Pre-Processors, Bermon Painter

若是你尚未用过CSS预处理器，那你就OUT了。这个主题会对比较流行的几个CSS预处理器进行概述。

 

文档

A Better Future With KSS, Kyle Neath

本主题介绍了Kyle的一个工具，KSS，用于生成CSS文件的文档和代码格式化。

 

JavaScript

代码风格的重要性

Maintainable JavaScript, Nicholas Zakas

编写有趣的JavaScript代码和编写专业的JavaScript代码是两码事，在Zakas的这个主题中，你会学习到如何作到编写可持续性维护的JavaScript代码

 

构建大规模的APP

SoundCloud’s Stack, Nick Fisher

这个主题中，来自SoundCloud的Nick Fisher会介绍他们公司开发一个大规模JavaScript APP的故事，而且分享他们的开发步骤以及如何提升开发效率。

 

从新思考应用的结构

Re-Imagining the Browser With AngularJS, Igor Minar

在这个主题中，你会了解如何将将来Web平台的力量使用到当前的Web应用中。

 

国际化

Entschuldigen you, parlez vouz JavaScript, Sebastian Golasch (Video)

这个主题中，Sebastian介绍了从如何定位现实世界中的国际化问题，到如何用优雅的方式进行解决。

 

模式和原则

The Plight of Pinocchio, Brandon Keepers

咱们须要将JavaScript做为一门真正的语言，就须要能在JavaScript上使用真正的语言会使用的各类最佳实践。JavaScript再也不是一门玩具语言。

 

何时来延迟(惰性)加载脚本

How Late Is Later?, Massimiliano Marcon

咱们都知道延迟(惰性)加载脚本能够提升Web应用的加载时间，那么何时才是正确的时间来加载脚本呢？

 

移动Web开发

Creating Responsive HTML5 Touch Interfaces, Stephen Woods (Video | Audio)

如何去解决UI和用户间交互的问题，避免这些陷阱是不少应用开发者在将来须要面对的。

 

来自滚动条的挑战

Embracing Touch: Cross-Platform Scrolling, Mark Dalgleish (Video)

滚动效果是最流行的移动页面的方式。惋惜滑动的效果老是不能与原生滚动条媲美。咱们应该如何在移动浏览器上解决这个问题？

 

原生，HTML5和混合的应用

Native, HTML5 and Hybrid Mobile Development, Eran Zinman

这个主题中，Eran分享了他在跨平台开发中的经验。

 

性能，分布和facebook在HTML5上的实践

On the Future of Mobile Web Apps, Simon Cross

facebook利用HTML5作了什么？还有什么须要改进？

 

移动开发的调试工具

Mobile Debugging, Remy Sharp

 

响应式设计技术

Responsive Web Design: Clever Tips and Techniques, Vitaly Friedman

这个主题提供了响应式设计实现的概述。

 

Web Apps

离线的web应用

Offline Rules, Andrew Betts (Video)

如何在Web应用中作到客户端的存储，而且如何将其用在提升网站的体验上。

 

STATE OF THE ART

Building Web Apps of the Future: Tomorrow, Today and Yesterday, Paul Kinlan (Audio)

Paul介绍了如何构建面向将来的web app。

 

客户端存储

Storage in the Browser, Andrew Betts

 

应用缓存

Application Cache: Douchebag, Jake Archibald (Video)

如何利用Application Cache来构建你的网站

 

性能

CSS

High-Performance CSS, Paul Irish

找出那些影响页面性能的CSS，好比引起浏览器绘制至少多70毫秒的box-shadow，以及解决方案。

 

GitHub’s CSS Performance, Jon Rohan

 

避免JANK

Jank-Free: In Pursuit of Smooth Web Apps, Tom Wiltzius

JANK是指当动画顿卡，特效执行缓慢，或者页面滚动慢时的一种状态。该主题介绍了如何避免这些状态。

 

Web

Building Faster Websites, Ilya Grigorik

如何在网站的角度考虑总体性能的提高。

JavaScript

Breaking the JavaScript Speed Limit With V8, Daniel Clifford

如何打破V8执行脚本的速度限制。

 

测试

理解代码的很差的缘由

Why Our Code Smells, Brandon Keepers (Video)

这个主题中，Brandon会介绍他平常的代码，寻找那些会引发问题的劣质代码，理解为何会出现这些代码，而且这些代码意味着什么，最后介绍如何对其进行重构。

 

CURRENT STATE OF THE ART

JavaScript Testing: The Holy Grail, Adam Hawkins (Video)

如何利用测试工具，来保证一个应用的体验。

 

提升代码的可测试性

Writing Testable JavaScript, Rebecca Murphey (Audio)

 

总结

花在思考本身技术提高上的时间是很是值得的。磨练的越多，你就更有机会去成为一名优秀的工程师。

这个列表不必定会覆盖今年全部优秀的PPT，不过仍是但愿能给你们提供一些指引。去阅读一些你感兴趣的。这样的阅读会提升你的能力，也但愿能真正为你的平常开发提供帮助。

最后，祝你们享受节日，新的一年有更多的进步和突破。