前端开发工程师如何在2013年里提升自己

标签: IT技术 Web开发 前端开发 职场 | 发表时间:2012-12-28 11:32 | 作者:
出处:http://blog.jobbole.com

英文原文: Talks To Help You Become A Better Front-End Engineer In 2013,编译: w3ctech-吴天豪(@小豪_步天 )

大部分人非常在意个人在技术上的提升。但是保持对新技术的了解是一项不小的挑战, 毕竟我们需要的信息在数量上过于庞大。2012年里,伴随着前端发展的是大量的革命性突破和对前端的重新定义。

我们在实践的路上飞速前进,具体的进步体现在使用抽象化,优秀的代码质量,维护性上的提升以及更好的性能。如果你实在忙到没有时间来跟上最新的技术,不用担心。

随着假日的来临,我们就有了一些空闲的时间可以自己支配,我想,如果我把我收集的前端相关的精品讨论列表分享出来,那一定会对大家有一些帮助。你不需要把所有的都阅读一遍,但是这些相关的建议会让你了解更多相关的知识,为明年成为一名更好的前工程端开发师做准备。

前端开发工程师如何在2013年里提升自己

基础部分

走在技术前沿的方法

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

即使技术相关的理念会不断变化,我们依然可以做到让自己处于技术的前沿。

前端开发工程师如何在2013年里提升自己

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

A New Baseline for Front-End Developers, Rebecca Murphey

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

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

前端开发工程师如何在2013年里提升自己

 

前端开发工程师的新起点

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

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

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

前端开发工程师如何在2013年里提升自己

了解web平台现在需要提供什么

Tooling for the Modern Web App Developer, Addy Osmani

web在不断的进化,了解这个平台中新出的技术不是一件容易的事情。html5的新特性让我们可以构建一个完全崭新的web应用,包含很多以前无法实现的特性(至少,在没有插件的情况下)。

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

前端开发工程师如何在2013年里提升自己

工作方式

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

无论你在使用coffeescript还是javascript,less还是sass,构建一个好的web应用在现在需要大量引用外部资源,框架,工具和结合工具来将他们整合到一起。简单地说,你需要一个打屁股用的实用腰带。

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

你还可以访问这个主题的扩展版本。

前端开发工程师如何在2013年里提升自己

web设计师的工作方式

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

今天我们对web构架师的要求很高。如果在以前,这个岗位名称已经表达了它所对应的工作,但是现在不仅仅是视觉设计岗位,甚至涉及到交互的构建。设计师需要考虑不同形状,不同尺寸,不同连接方式的不同设备,并且这些设备下都要能正常工作。

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

前端开发工程师如何在2013年里提升自己

移动web开发的工作方式

Mobile Web Developers Toolbelt, Pete Le Page ( Video)

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

前端开发工程师如何在2013年里提升自己

如何调试

Secrets of the Chrome DevTools, Patrick Dubroy ( Video)

深度了解谷歌开发者工具

前端开发工程师如何在2013年里提升自己

面向未来的开发

CSS

The CSS of Tomorrow, Peter Gasston

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

前端开发工程师如何在2013年里提升自己

JAVASCRIPT

The Future of JavaScript, Dave Herman

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

前端开发工程师如何在2013年里提升自己

WEB APPLICATIONS

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

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

前端开发工程师如何在2013年里提升自己

CSS

CSS领域中的艺术

All the New CSS Hawtness, Darcy Clarke

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

前端开发工程师如何在2013年里提升自己

模块化CSS

Your CSS Is a Mess, Jonathan Snook

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

前端开发工程师如何在2013年里提升自己

CSS的预处理器

CSS Pre-Processors, Bermon Painter

如果你还没有用过CSS预处理器,那你就OUT了。这个主题会对比较流行的几个CSS预处理器进行概述。

前端开发工程师如何在2013年里提升自己

文档

A Better Future With KSS, Kyle Neath

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

前端开发工程师如何在2013年里提升自己

JavaScript

代码风格的重要性

Maintainable JavaScript, Nicholas Zakas

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

前端开发工程师如何在2013年里提升自己

构建大规模的APP

SoundCloud’s Stack, Nick Fisher

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

前端开发工程师如何在2013年里提升自己

重新思考应用的结构

Re-Imagining the Browser With AngularJS, Igor Minar

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

前端开发工程师如何在2013年里提升自己

国际化

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

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

前端开发工程师如何在2013年里提升自己

模式和原则

The Plight of Pinocchio, Brandon Keepers

我们需要将JavaScript作为一门真正的语言,就需要能在JavaScript上使用真正的语言会使用的各种最佳实践。JavaScript不再是一门玩具语言。

前端开发工程师如何在2013年里提升自己

什么时候来延迟(惰性)加载脚本

How Late Is Later?, Massimiliano Marcon

我们都知道延迟(惰性)加载脚本可以提高Web应用的加载时间,那么什么时候才是正确的时间来加载脚本呢?

前端开发工程师如何在2013年里提升自己

移动Web开发

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

如何去解决UI和用户间交互的问题,避免这些陷阱是很多应用开发者在未来需要面对的。

前端开发工程师如何在2013年里提升自己

来自滚动条的挑战

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

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

前端开发工程师如何在2013年里提升自己

原生,HTML5和混合的应用

Native, HTML5 and Hybrid Mobile Development, Eran Zinman

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

前端开发工程师如何在2013年里提升自己

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

On the Future of Mobile Web Apps, Simon Cross

facebook利用HTML5做了什么?还有什么需要改进?

前端开发工程师如何在2013年里提升自己

移动开发的调试工具

Mobile Debugging, Remy Sharp

前端开发工程师如何在2013年里提升自己

响应式设计技术

Responsive Web Design: Clever Tips and Techniques, Vitaly Friedman

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

前端开发工程师如何在2013年里提升自己

Web Apps

离线的web应用

Offline Rules, Andrew Betts ( Video)

如何在Web应用中做到客户端的存储,并且如何将其用在提高网站的体验上。

前端开发工程师如何在2013年里提升自己

STATE OF THE ART

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

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

前端开发工程师如何在2013年里提升自己

客户端存储

Storage in the Browser, Andrew Betts

前端开发工程师如何在2013年里提升自己

应用缓存

Application Cache: Douchebag, Jake Archibald ( Video)

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

前端开发工程师如何在2013年里提升自己

性能

CSS

High-Performance CSS, Paul Irish

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

前端开发工程师如何在2013年里提升自己

GitHub’s CSS Performance, Jon Rohan

前端开发工程师如何在2013年里提升自己

避免JANK

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

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

前端开发工程师如何在2013年里提升自己

Web

Building Faster Websites, Ilya Grigorik

如何在网站的角度考虑整体性能的提升。

前端开发工程师如何在2013年里提升自己

JavaScript

Breaking the JavaScript Speed Limit With V8, Daniel Clifford

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

前端开发工程师如何在2013年里提升自己

测试

理解代码的不好的原因

Why Our Code Smells, Brandon Keepers ( Video)

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

前端开发工程师如何在2013年里提升自己

CURRENT STATE OF THE ART

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

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

前端开发工程师如何在2013年里提升自己

提高代码的可测试性

Writing Testable JavaScript, Rebecca Murphey ( Audio)

前端开发工程师如何在2013年里提升自己

总结

花在思考自己技术提升上的时间是非常值得的。磨练的越多,你就更有机会去成为一名优秀的工程师。

这个列表不一定会覆盖今年所有优秀的PPT,不过还是希望能给大家提供一些指引。去阅读一些你感兴趣的。这样的阅读会提高你的能力,也希望能真正为你的日常开发提供帮助。

最后,祝大家享受节日,新的一年有更多的进步和突破。

 

相关文章

相关 [前端 开发 工程师] 推荐:

支付宝、腾讯前端开发工程师谈实战HTML5

- - 脚本爱好者
如今大热的 HTML5 到底美在哪里. HTML5到底能为实际的移动开发带来哪些改变. 来自支付宝和腾讯的前端开发工程师们有他们自己的看法.   上周,在一场名为“技术风云会”的定期讨论活动中,HTML5小组杭州联盟的同学、阿里巴巴集团 HTML5 爱好者,以及支付宝浙大校友会的会员集中讨论了 HTML5 对前端开发带来的直接改变.

前端开发工程师:不是IE的IE11

- - IE浏览器中文网站
IE11浏览器自去年六月份发布以来虽然据说也取得了不错的成绩,但是根据百度流量研究院的浏览器数据显示,国内好像还看不到其占有率,但全球范围内 IE11的占有率已经超过IE10和IE9的总和. 获取IE11可以从两种方式:安装 Win8.1 里面内置IE11;从Win 7的 IE9/10 升级,但XP在中国仍然有超过 60%的占有率,而XP最高也只能升级到IE8.

Web前端开发工程师必读的15个设计博客

- abcd - 博客园-首页原创精华区
  Web设计是一个不断变化的领域,因此掌握最新的发展趋势及技术动向对设计师来说非常重要,无论是学习新技术,还是寻找免费资源与工具,设计博客都是很不错的去处. 本文向大家推荐15个非常不错的设计博客. Smashing Magazine创建于2006年,是最好的设计博客之一,有很多Web设计和开发方面的高质量文章,内容涉及HTML5、CSS、JavaScript、Photoshop、Wordpress、壁纸和网站可用性.

前端工程师必备:细数那些好用的网站开发工具

- - 博客 - 伯乐在线
Web用户体验师Jake Rocheleau撰写了一篇文章分享他在Web开发中经常使用的网站和Web App,其中包含各类字体库、代码库、插件库、配色方案和测试工具. 他同时指出,Web开发环境将慢慢转向云端. CodeVisually是一个开源项目. 在它的分类目录下有各种插件、 模板、 主题和脚本程序,你可以找到很多有用的 JS 库,也为WordPress开发人员提供了框架和模板.

前端开发工程师如何在2013年里提升自己

- - 博客 - 伯乐在线
英文原文: Talks To Help You Become A Better Front-End Engineer In 2013,编译: w3ctech-吴天豪(@小豪_步天 ). 大部分人非常在意个人在技术上的提升. 但是保持对新技术的了解是一项不小的挑战, 毕竟我们需要的信息在数量上过于庞大.

那些帮助你成为优秀前端工程师的讲座——《移动开发篇》

- - 博客园_梦想天空
  这篇文章是前端优秀讲座和讨论列表系列连载第四篇,向大家分享宝贵的移动开发经验. 前端领域发展迅速,只有时刻掌握前端发展趋势和技术动态,学习前沿的开发思想和理念才能让自己跟上时代的步伐,保持自己的技术优势. 《构建支持触摸的交互界面》. Stephen Woods 向大家分享创建响应式的 HTML5 触摸交互界面经验.

前端工程师技能汇总

- - 博客园_新闻
还记得@jayli 的这幅前端知识结构图么. 缺失源图的我们,无法为此图贡献些什么,随着时间的迁移,或许有些技术点会发生改变,所以有了这个 github 项目. 我们可以通过协作的方式来共同维护这个项目. Git 的历史记录也可以见证前端行业的一些变迁. 尽管会变成文字的方式来维护这些内容,但是我承诺写一个小工具帮大家生成更好玩的图形(基于 DataV 项目).

【xxx】前端技能汇总(Jackson Tian) 前端工程师们,珍重!

- - 王跸西的生命体验blog-WangBiXi.com
Frontend Knowledge Structure 项目起源. 还记得@jayli 的这幅前端知识结构图么. 缺失源图的我们,无法为此图贡献些什么,随着时间的迁移,或许有些技术点会发生改变,所以有了这个github项目. 我们可以通过协作的方式来共同维护这个项目. Git的历史记录也可以见证前端行业的一些变迁.

前端工程师的编码遭遇战

- Zacky - Taobao UED Team
导语:由于历史原因,淘宝网的页面编码一直都是gbk,F2E手册中也有明确规范,刚开始的一段时间,F2E们并未遭遇太麻烦的乱码问题,大家相安无事,但随着淘宝的合作方越来越多,合作方的API接口编码可谓五花八门,淘宝的系统和第三方的数据对接之后就暴露出各式各样的乱码问题. 我想,可能是在做第一个淘宝网的页面时,工程师只顾写代码,而忘了看一看编辑器的默认编码设置,再后来就将错就错直到今天,如果稍微留神,可能就不会犯下这么一个低级错误.