博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端开发工程师如何在2013年里提升自己【转】--2016已更新升级很多何去何从?...
阅读量:5024 次
发布时间:2019-06-12

本文共 3743 字,大约阅读时间需要 12 分钟。

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

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

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

 

基础部分

走在技术前沿的方法

, Chris Coyier

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

 

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

, Rebecca Murphey

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

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

 

 

前端开发工程师的新起点

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

, David Mosher ()

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

 

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

, Addy Osmani

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

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

 

工作方式

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

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

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

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

 

web设计师的工作方式

, Chris Coyier ()

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

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

 

移动web开发的工作方式

, Pete Le Page ()

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

 

如何调试

, Patrick Dubroy ()

深度了解谷歌开发者工具

 

面向未来的开发

CSS

, Peter Gasston

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

 

JAVASCRIPT

, Dave Herman

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

 

WEB APPLICATIONS

, Eric Bidelman

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

 

CSS

CSS领域中的艺术

, Darcy Clarke

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

 

模块化CSS

, Jonathan Snook

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

 

CSS的预处理器

, Bermon Painter

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

 

文档

, Kyle Neath

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

 

JavaScript

代码风格的重要性

, Nicholas Zakas

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

 

构建大规模的APP

, Nick Fisher

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

 

重新思考应用的结构

, Igor Minar

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

 

国际化

, Sebastian Golasch ()

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

 

模式和原则

, Brandon Keepers

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

 

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

, Massimiliano Marcon

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

 

移动Web开发

, Stephen Woods ( | )

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

 

来自滚动条的挑战

, Mark Dalgleish ()

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

 

原生,HTML5和混合的应用

, Eran Zinman

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

 

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

, Simon Cross

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

 

移动开发的调试工具

, Remy Sharp

 

响应式设计技术

, Vitaly Friedman

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

 

Web Apps

离线的web应用

, Andrew Betts ()

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

 

STATE OF THE ART

, Paul Kinlan ()

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

 

客户端存储

, Andrew Betts

 

应用缓存

, Jake Archibald ()

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

 

性能

CSS

, Paul Irish

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

 

, Jon Rohan

 

避免JANK

, Tom Wiltzius

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

 

Web

, Ilya Grigorik

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

JavaScript

, Daniel Clifford

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

 

测试

理解代码的不好的原因

, Brandon Keepers ()

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

 

CURRENT STATE OF THE ART

, Adam Hawkins ()

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

 

提高代码的可测试性

, Rebecca Murphey ()

 

总结

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

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

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

转载于:https://www.cnblogs.com/wellsoho/p/5145778.html

你可能感兴趣的文章
IBM DB2 pureScale 在 Power 平台上的性能调优
查看>>
日更第10期-2015-3-25-processing教程-基础篇-第一讲-一个极其简单的图片显示工具...
查看>>
在运行SSIS包时,如何动态更新变量值
查看>>
碰到MySQL无法启动1067错误问题
查看>>
C 标准库 - string.h之strlen使用
查看>>
实验十 团队作业6:团队项目系统设计改进与详细设计
查看>>
IIS7 配合 vs2013内置 LocalDB使用
查看>>
DB2数据库SELECT语句的三种高级用法
查看>>
oracle 逗号分割,列转行,行转列
查看>>
linux 遇到(vsftpd)—500 OOPS:chroot
查看>>
场景6:具有OpenvSwitch的提供商网络
查看>>
nginx自定义404页面
查看>>
【MINA】用protobuf做编解码协议
查看>>
《剑指offer》重建二叉树
查看>>
unity 中Canvas MatchHeight
查看>>
《DSP using MATLAB》Problem 5.14
查看>>
ajax示例
查看>>
阻塞赋值与非阻塞赋值
查看>>
jQuery.Callbacks 源码解读二
查看>>
ajax思维导图
查看>>