2013年前端开发者如何提升自己 - Web前端 - ITeye资讯
您还未登录 ! 登录 注册
![ITeye3.0]("ITeye-最棒的软件开发交流社区")
资讯频道 → Web前端
20顶
0踩
![Web前端]()
2012-12-28 16:07 by 见习编辑 WnouM 评论(10) 有6735人浏览
css javascript 技能 html5
< > 猎头职位: 陕西: 西安：senior java engineer
大部分人非常在意个人在技术上的提升。但是保持对新技术的了解是一项不小的挑战， 毕竟我们需要的信息在数量上过于庞大。2012年里，伴随着前端发展的是大量的革命性突破和对前端的重新定义。
我们在实践的路上飞速前进，具体的进步体现在使用抽象化，优秀的代码质量，维护性上的提升以及更好的性能。如果你实在忙到没有时间来跟上最新的技术，不用担心。
随着假日的来临，我们就有了一些空闲的时间可以自己支配，我想，如果我把我收集的前端相关的精品讨论列表分享出来，那一定会对大家有一些帮助。你不需要把所有的都阅读一遍，但是这些相关的建议会让你了解更多相关的知识，为明年成为一名更好的前工程端开发师做准备。
以下是一些关于前端开发的优秀的PPT，你可以通过文中的链接来访问。
一、基础部分
走在技术前沿的方法
PPT：How to Stay Up to Date on Web Stuff, Chris Coyier
即使技术相关的理念会不断变化，我们依然可以做到让自己处于技术的前沿。
![]()
确保你的开发模式已经跟上时代
PPT：A New Baseline for Front-End Developers, Rebecca Murphey
曾经在我们编辑文件的时候，本地测试完然后传到ftp上是最常规的做法。我们通过一个前端是否能编写一个兼容ie6的页面来判断他的前端水平。我们在html，css和javascript中的技术都不够强悍。
这样的情况在近几年有了很大的转变，随着工作方式的改进和各类工具的推出。前端开发越来越受到重视，这个主题讲解了前端在开发中的新起点。
![]()
二、前端开发工程师的新起点
理解浏览器在屏幕后面的工作原理
PPT：So, You Want to Be a Front-End Engineer, David Mosher (Video)
有些人会说，浏览器是他所知道的开发平台中最不稳定的一个。如果你是一个客户端开发工程师，理解浏览器内部工作原理会帮助你作出更好的决定，并且你也会赞叹那些最佳实践背后的种种辩论。在这个今年最好的主题之一里，david mosher会待你了解浏览器的解析和页面的渲染。
![]()
了解web平台现在需要提供什么
PPT：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。
你还可以访问这个主题的扩展版本。
PPT：Tooling For The Modern WebApp Developer
![]()
web设计师的工作方式
PPT：A Modern Web Designer’s Workflow, Chris Coyier (Video)
今天我们对web构架师的要求很高。如果在以前，这个岗位名称已经表达了它所对应的工作，但是现在不仅仅是视觉设计岗位，甚至涉及到交互的构建。设计师需要考虑不同形状，不同尺寸，不同连接方式的不同设备，并且这些设备下都要能正常工作。
作为一个设计师，你通常需要在团队之间沟通和分享代码，并且需要了解很多不同的技术。在这个主题中，chris coyier会说到很多令人赞叹的工具来帮助手头的工作更加顺利地完成，还会讨论应该做些什么来提供一个高水准的现代工作流。
![]()
移动web开发的工作方式
PPT：Mobile Web Developers Toolbelt, Pete Le Page (Video)
移动端开发和PC端开发有很大的不同，这个主题讲述了各种工具来让移动web开发更加方便，让移动web开发更加容易。
![]()
如何调试
PPT：Secrets of the Chrome DevTools, Patrick Dubroy (Video)
深度了解谷歌开发者工具
![]()
四、面向未来的开发
CSS
PPT：The CSS of Tomorrow, Peter Gasston
这个主题介绍了CSS给你现在的开发带来了什么，作为一个CSS程序员，如何利用CSS3来实现面向未来的开发。
![]()
JAVASCRIPT
PPT：The Future of JavaScript, Dave Herman
了解ES6的新特性，以及使用方式
![]()
WEB APPLICATIONS
PPT：Web Components and the Future of Web App Development, Eric Bidelman
如何更好地将各种新技术整合到你的web应用中。
![]()
五、CSS
CSS领域中的艺术
PPT：All the New CSS Hawtness, Darcy Clarke
这个主题介绍了最新的CSS实现以及相关的标准，并且学习到这些新的CSS技术是如何改变我们的日常开发。
![]()
模块化CSS
PPT：Your CSS Is a Mess, Jonathan Snook
大部分人的CSS代码都是一团糟，在这个主题中，你会知道如何解决CSS的模块化问题，方便管理和维护。
![]()
CSS的预处理器
PPT：CSS Pre-Processors, Bermon Painter
如果你还没有用过CSS预处理器，那你就OUT了。这个主题会对比较流行的几个CSS预处理器进行概述。
![]()
文档
PPT：A Better Future With KSS, Kyle Neath
本主题介绍了Kyle的一个工具，KSS，用于生成CSS文件的文档和代码格式化。
![]()
六、JavaScript
代码风格的重要性
PPT：Maintainable JavaScript, Nicholas Zakas
编写有趣的JavaScript代码和编写专业的JavaScript代码是两码事，在Zakas的这个主题中，你会学习到如何做到编写可持续性维护的JavaScript代码
![]()
构建大规模的APP
PPT：SoundCloud’s Stack, Nick Fisher
这个主题中，来自SoundCloud的Nick Fisher会介绍他们公司开发一个大规模JavaScript APP的故事，并且分享他们的开发步骤以及如何提高开发效率。
![]()
重新思考应用的结构
PPT：Re-Imagining the Browser With AngularJS, Igor Minar
在这个主题中，你会了解如何将未来Web平台的力量使用到当前的Web应用中。
![]()
国际化
PPT：Entschuldigen you, parlez vouz JavaScript, Sebastian Golasch (Video)
这个主题中，Sebastian介绍了从如何定位现实世界中的国际化问题，到如何用优雅的方式进行解决。
![]()
模式和原则
PPT：The Plight of Pinocchio, Brandon Keepers
我们需要将JavaScript作为一门真正的语言，就需要能在JavaScript上使用真正的语言会使用的各种最佳实践。JavaScript不再是一门玩具语言。
![]()
什么时候来延迟(惰性)加载脚本
PPT：How Late Is Later?, Massimiliano Marcon
我们都知道延迟(惰性)加载脚本可以提高Web应用的加载时间，那么什么时候才是正确的时间来加载脚本呢？
![]()
七、移动Web开发
PPT：Creating Responsive HTML5 Touch Interfaces, Stephen Woods (Video | Audio)
如何去解决UI和用户间交互的问题，避免这些陷阱是很多应用开发者在未来需要面对的。
![]()
来自滚动条的挑战
PPT：Embracing Touch: Cross-Platform Scrolling, Mark Dalgleish (Video)
滚动效果是最流行的移动页面的方式。可惜滑动的效果总是不能与原生滚动条媲美。我们应该如何在移动浏览器上解决这个问题？
![]()
原生，HTML5和混合的应用
PPT：Native, HTML5 and Hybrid Mobile Development, Eran Zinman
这个主题中，Eran分享了他在跨平台开发中的经验。
![]()
性能，分布和facebook在HTML5上的实践
PPT：On the Future of Mobile Web Apps, Simon Cross
facebook利用HTML5做了什么？还有什么需要改进？
![]()
移动开发的调试工具
PPT：Mobile Debugging, Remy Sharp
![]()
响应式设计技术
PPT：Responsive Web Design: Clever Tips and Techniques, Vitaly Friedman
这个主题提供了响应式设计实现的概述。
![]()
八、Web Apps
离线的web应用
PPT：Offline Rules, Andrew Betts (Video)
如何在Web应用中做到客户端的存储，并且如何将其用在提高网站的体验上。
![]()
STATE OF THE ART
PPT：Building Web Apps of the Future: Tomorrow, Today and Yesterday, Paul Kinlan (Audio)
Paul介绍了如何构建面向未来的web app。
![]()
客户端存储
PPT：Storage in the Browser, Andrew Betts
![]()
应用缓存
PPT：Application Cache: Douchebag, Jake Archibald (Video)
如何利用Application Cache来构建你的网站
![]()
九、性能
CSS
PPT：High-Performance CSS, Paul Irish
找出那些影响页面性能的CSS，比如引发浏览器绘制至少多70毫秒的box-shadow，以及解决方案。
![]()
PPT：GitHub’s CSS Performance, Jon Rohan
![]()
避免JANK
PPT：Jank-Free: In Pursuit of Smooth Web Apps, Tom Wiltzius
JANK是指当动画顿卡，特效执行缓慢，或者页面滚动慢时的一种状态。该主题介绍了如何避免这些状态。
![]()
Web
PPT：Building Faster Websites, Ilya Grigorik
如何在网站的角度考虑整体性能的提升。
![]()
JavaScript
PPT：Breaking the JavaScript Speed Limit With V8, Daniel Clifford
如何打破V8执行脚本的速度限制。
![]()
十、测试
理解代码的不好的原因
PPT：Why Our Code Smells, Brandon Keepers (Video)
这个主题中，Brandon会介绍他日常的代码，寻找那些会引起问题的劣质代码，理解为什么会出现这些代码，并且这些代码意味着什么，最后介绍如何对其进行重构。
![]()
CURRENT STATE OF THE ART
PPT：JavaScript Testing: The Holy Grail, Adam Hawkins (Video)
如何利用测试工具，来保证一个应用的体验。
![]()
提高代码的可测试性
PPT：Writing Testable JavaScript, Rebecca Murphey (Audio)
![]()
十一、总结
花在思考自己技术提升上的时间是非常值得的。磨练的越多，你就更有机会去成为一名优秀的工程师。
这个列表不一定会覆盖今年所有优秀的PPT，不过还是希望能给大家提供一些指引。去阅读一些你感兴趣的。这样的阅读会提高你的能力，也希望能真正为你的日常开发提供帮助。
最后，祝大家享受节日，新的一年有更多的进步和突破。
原文：Talks To Help You Become A Better Front-End Engineer In 2013（译文来自w3ctech）
![]("点击查看原始大小图片")
大小: 25.8 KB
大小: 22.5 KB
大小: 44.2 KB
大小: 13.5 KB
大小: 18.7 KB
大小: 11.8 KB
大小: 15 KB
大小: 24 KB
大小: 69.1 KB
大小: 18.6 KB
大小: 10.5 KB
大小: 36.5 KB
大小: 57.6 KB
大小: 26.7 KB
大小: 32 KB
大小: 31 KB
大小: 16.2 KB
大小: 25.1 KB
大小: 36.3 KB
大小: 56 KB
大小: 40.1 KB
大小: 54.7 KB
大小: 26.3 KB
大小: 16.1 KB
大小: 17.9 KB
大小: 29.3 KB
大小: 66.6 KB
大小: 35.1 KB
大小: 37.1 KB
大小: 27.7 KB
大小: 32.9 KB
大小: 12.3 KB
大小: 10.4 KB
大小: 9.9 KB
大小: 12.8 KB
大小: 17.4 KB
大小: 55.5 KB
大小: 79.1 KB
大小: 48.7 KB
查看图片附件
来自: w3ctech
分享到： ![]()
![]()
20
顶
0
踩
评论 共 10 条 请登录后发表评论
很好。很强悍！
![]()
革命尚未成功，同志仍需努力！
mark..
”前端开发工程师的新起点“ 配图里面的人物不是“军团要塞”上的火箭兵吗？
文章很长，很好很强大![]()
![]()
![]()
nm，好多
![]()
方向大而全
很多打不开呀![]()
这篇文章很酷![]()
很好，很强大！
发表评论
![]()
您还没有登录,请您登录后再发表评论
2012 ITeye&CSDN最新职位火热招聘中！急聘ruby研发、编辑、运营！请将简历发送至hrzhaopin@csdn.net
相关资讯
相关博客
© 2003-2012 ITeye.com. [ 京ICP证110151号 京公网安备110105010620 ]
百联优力(北京)投资有限公司 版权所有 ![]()
