前端开发工程师如何在2011年里提高自个儿

报载于10小时前| 3四1三次阅读| 来源w3ctech| 2 条评论|
笔者吴天豪

前端开发JavaScript支出经历CSS

摘要:乘胜沐日的赶到,大家随便分配的时刻将会扩大,那么只要本身把募集的前端相关的精品探讨列表分享出去,那必然会对大家有局地帮忙。

大多数人极度在意个人在技术上的升级。不过保持对新技巧的摸底是一项相当大的挑衅,
毕竟我们供给的音讯在数据上过于庞大。二零一二年里,伴随着前端发展的是大方的开拓性突破和对前者的重新定义。

大家在实行的路上高速发展,具体的迈入彰显在动用抽象化,优秀的代码品质,维护性上的提高以及更好的性质。假若你实在忙到没有时间来跟上最新的技能,不用顾虑。

随着假期的来到,大家就有了部分悠闲的时间足以团结决定,作者想,假如自己把笔者采访的前端相关的精品商量列表分享出来,那肯定会对大家有一些补助。你不必要把具有的都阅读三遍,然则这么些相关的建议会让您询问更加多相关的知识,为春节变为一名更好的前工程端开发师做准备。

图片 1

 

基本功部分

走在技术前沿的点子

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

就算技术相关的理念会不断变动,大家如故得以做到让本身处在技术的前敌。

图片 2

保障您的开销方式已经跟上一世

A New Baseline for Front-End
Developers
,Rebecca
Murphey

业已在大家编辑文件的时候,本地质测量试完然后传到ftp上是最健康的做法。我们经过贰个前端是或不是能编写多少个包容ie6的页面来判断她的前端水平。咱们在html,css和javascript中的技术都不够强悍。

这么的景况在近几年有了相当大的变更,随着工作措施的寻行数墨和各项工具的推出。前端开发越来越受到赏识,这些宗旨讲解了前者在付出中的新源点。

图片 3

前端开发工程师的新源点

了解浏览器在荧屏前面包车型大巴办事原理

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

有个别人会说,浏览器是他所知道的成本平马尔默最不平稳的三个。假诺您是3个客户端支付工程师,明白浏览器内部工作原理会支持您作出更好的支配,并且你也会弹冠相庆那个最佳实践背后的各个辩论。在那么些当年最好的核心之一里,david
mosher会待您理解浏览器的辨析和页面包车型大巴渲染。

图片 4

询问web平台今后内需提供哪些

Tooling for the Modern Web App
Developer
,Addy
Osmani

web在频频的发展,领悟这一个平毕尔巴鄂新出的技术不是一件简单的事体。html5的新特点让我们得以构建2个全然崭新的web应用,包罗众多从前无法儿兑现的特点(至少,在平昔不插件的意况下)。

在那几个主旨中,作者的队友eric会带您打探html5的惨痛边缘,关怀很多消除现实世界难点的方案。你会驾驭媒体流,设备输入,现代css设计,媒体捕捉,文件i/o等等。

图片 5

办事措施

Web app开发工程师的做事办法

任凭你在利用Coffeescript照旧JavaScript,less依旧sass,营造二个好的web应用在明日亟待大量引用外部能源,框架,工具和烧结工具来将他们结成到一块。简单地说,你须要三个打屁股用的实用腰带。

在那几个宗旨中,你会掌握到眼下前端系统的大致,并学习到三个新工具来整合那一个种类,叫做yeoman。

您还足以访问这一个宗旨的扩张版本。

图片 6

Web设计师的行事办法

A Modern Web Designer’s
Workflow

Chris Coyier (Video)

今日我们对web构架师的渴求很高。要是在从前,这几个职位名称已经表达了它所对应的劳作,可是未来不仅仅是视觉设计岗位,甚至涉嫌到互相的营造。设计师供给考虑分化造型,分裂尺寸,分裂连接形式的不等装备,并且这么些设施下都要能日常工作。

用作2个设计师,你平凡须要在团队之间联络和分享代码,并且须求驾驭很多不等的技能。在那么些主旨中,chris
coyier会说到无数令人表扬的工具来援帮手头的办事越是顺畅地完毕,还会谈论应该做些什么来提供二个高品位的现世工作流。

图片 7

挪动Web开发的劳作措施

Mobile Web Developers
Toolbelt
,Pete Le
Page (Video)

运动端支出和PC端支出有极大的不比,这么些核心讲述了种种工具来让活动web开发尤其方便,让运动web开发尤其便于。

图片 8

什么样调节

Secrets of the Chrome
DevTools
,Patrick
Dubroy (Video)

纵深精晓谷歌(谷歌)开发者工具

图片 9

面向以往的支付

CSS

The CSS of
Tomorrow
,Peter
Gasston

本条核心介绍了CSS给您将来的花费拉动了什么,作为二个CSS程序员,怎么着运用CSS3来落到实处面向未来的支付。

图片 10

JavaScript

The Future of
JavaScript
,Dave
Herman

摸底ES6的新性格,以及接纳办法

图片 11

WEB APPLICATIONS

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

怎么更好地将种种新技巧整合到你的Web应用中。

图片 12

CSS

CSS领域中的艺术

All the New CSS
Hawtness
,Darcy
Clarke

那么些大旨介绍了流行的CSS完结以及有关的正式,并且求学到那几个新的CSS技术是怎样转移大家的司空见惯支付。

图片 13

模块化CSS

Your CSS Is a Mess,Jonathan
Snook

大部人的CSS代码都以一团糟,在这些宗旨中,你会知晓怎样缓解CSS的模块化难题,方便管护。

图片 14

CSS的预处理器

CSS
Pre-Processors
,Bermon
Painter

比方你还没有用过CSS预处理器,那您就OUT了。那么些宗旨会对比较流行的多少个CSS预处理器举办概述。

图片 15

文档

A Better Future With
KSS
,Kyle
Neath

本主旨介绍了凯尔的贰个工具,KSS,用于生成CSS文件的文书档案和代码格式化。

图片 16

JavaScript

代码风格的显要

Maintainable
JavaScript
,Nicholas
Zakas

编辑有趣的JavaScript代码和编辑专业的JavaScript代码是两码事,在扎卡s的这些大旨中,你会学习到何等形成编写可持续性维护的JavaScript代码。

图片 17

营造大规模的APP

SoundCloud’s
Stack
,Nick
Fisher

本条主旨中,来自SoundCloud的NickFisher会介绍他们集团开发3个广阔JavaScript
APP的轶事,并且享受他们的支付步骤以及怎么着加强开发效用。

图片 18

双重思考使用的结构

Re-Imagining the Browser With
AngularJS
,Igor
Minar

在那几个宗旨中,你会询问怎么将今后Web平台的力量选择到眼下的Web应用中。

图片 19

国际化

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

其一大旨中,塞BathTyne介绍了从哪些稳定现实世界中的国际化难题,到怎么着用优雅的方法开始展览消除。

图片 20

形式和条件

The Plight of
Pinocchio
,Brandon
Keepers

作者们要求将JavaScript作为一门确乎的言语,就须求能在JavaScript上选用真正的语言会采纳的各类最佳实践。JavaScript不再是一门玩具语言。

图片 21

何以时候来推迟(惰性)加载脚本

How Late Is
Later
?
Massimiliano Marcon

我们都明白延迟(惰性)加载脚本能够抓实Web应用的加载时间,那么如何时候才是科学的日子来加载脚本吧?

图片 22

移动Web开发Creating Responsive HTML5 Touch
Interfaces
,Stephen
Woods
(Video|Audio)

怎样去消除UI和用户间互为的题材,幸免这么些骗局是累累施用开发者在今后急需面对的。

图片 23

起点滚动条的挑衅

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

滚动作效果应是最风靡的移位页面包车型客车艺术。可惜滑动的效益总是不可能与原生滚动条比美。大家应该怎么在运动浏览器上解决这几个难点?

图片 24

原生,HTML5和交集的应用

Native,HTML5 and Hybrid Mobile
Development
,Eran
Zinman

本条大旨中,Eran分享了她在跨平台开发中的经验。

图片 25

质量,分布和facebook在HTML5上的执行

On the Future of Mobile Web
Apps
,Simon
Cross

FaceBook利用HTML5做了什么样?还有啥样供给改良?

图片 26

移动支付的调节工具

Mobile Debugging,Remy
Sharp

图片 27

响应式设计技术

Responsive Web Design: Clever Tips and
Techniques
,Vitaly
Friedman

以此主题提供了响应式设计完成的概述。

图片 28

Web Apps

离线的Web应用

Offline
Rules
,Andrew
Betts
(Video)

哪些在Web应用中成功客户端的囤积,并且怎么样将其用在拉长网站的体会上。

图片 29

STATE OF THE ART

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

Paul介绍了怎么着营造面向现在的Web App。

图片 30

客户端存款和储蓄

Storage in the
Browser
,Andrew
Betts

图片 31

动用缓存

Application Cache:
Douchebag
,Jake
Archibald (Video)

什么样利用Application Cache来创设你的网站

图片 32

性能

CSS

High-Performance
CSS
,Paul
Irish

找出那个影响页面品质的CSS,比如引发浏览器绘制至少多70纳秒的box-shadow,以及化解方案。

图片 33

GitHub’s CSS
Performance
,Jon
Rohan

 

图片 34

避免JANK

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

JANK是指当动画顿卡,特效执行缓慢,恐怕页面滚动慢时的一种情形。该大旨介绍了何等防止那个境况。

图片 35

Web

Building Faster
Websites
,Ilya
Grigorik

哪些在网站的角度考虑全部质量的晋升。

图片 36

JavaScript

Breaking the JavaScript Speed Limit With
V8
,Daniel Clifford

怎么打破V8执行脚本的速度限制。

图片 37

测试

知情代码的倒霉的案由

Why Our Code
Smells
,Brandon
Keepers (Video)

本条大旨中,Brandon会介绍她普通的代码,寻找这1个会唤起难题的鲁钝代码,通晓为何会产出那些代码,并且那一个代码意味着怎么样,最后介绍怎么着对其实行重构。如何打破V8执行脚本的速度限制。

图片 38

CURRENT STATE OF THE ART

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

如何行使测试工具,来保管3个使用的感受。

图片 39

狠抓代码的可测试性

Writing Testable
JavaScript
,Rebecca
Murphey (Audio)

图片 40

总结

花在考虑本人技术升高上的大运是充足值得的。练习的越来越多,你就更有时机去变成一名佳绩的工程师。

以此列表不自然会覆盖二〇一九年具备能够的PPT,不过如故愿意能给大家提供部分指点。去阅读一些您感兴趣的。那样的读书会抓好你的能力,也意在能真的为您的经常开支提供援救。

说到底,祝大家大饱眼福节日,新的一年有愈来愈多的开拓进取和突破。

原文:http://www.csdn.net/article/2012-12-29/2813334-Web

相关文章