2017前端开发者必学清单

前端生态系统高速发展,我们把时间花费在尝试新技术并在网上讨论它们。我并非指不该如此,但也许我们可以放缓脚步,去多关注下那些变化不大的东西。这些东西能很大程度改善工作质量,提升工作价值,帮我们去理解新的工具。

这篇文章里有我自己过往的经验也有新年的计划,同时也希望能收到你们的反馈。

学习如何编写可读的代码

我们大多数的工作不是写新代码,而是维护既有的代码。这也就意味着你读代码的时间要远多于写码的时间,因而你需要为你下一位维护代码的同事来优化代码,而非为解释器来优化。

我推荐大家阅读这几本很棒的书,由薄到厚,按下面顺序来阅读:

深入学习JavaScript

几乎每周都有一款优于老框架的新JavaScript框架出现,这使我们很容易把大部分时间花在学习新框架而非语言本身上。如果你正在使用一个框架,却不知道它是如何运行的,一定要先停下来并开始学习语言本身,直到你理解了这个框架如何运行为止。

学习函数式编程

一直以来我们都希望JavaScript拥有类。现在我们终于拥有了,但我们却一点也不想使用,函数才是我们最想用的!甚至我们都用函数来写HTML(JSX)。

学习关于设计的基础知识

作为前端开发人员,我们在团队中比任何人都要接近用户,甚至比设计师还要接近。当设计师不得不核对你页面上的每个像素时,说明你犯错啦。

学习与他人合作

我们中很多人都是因为更想与计算机而非与人交流而选择编程,但不幸的这样行不通。

我们平时很少是独立工作的: 大多时间都要同其他开发人员、设计师、产品经理,甚至有时同用户交流。 虽然很难,但是如果你真的想了解自己在做什么并且为什么这么做,这就很重要了,毕竟这才是我们所做工作的价值所在。

学习为人写作

我们日常与同事和其他人的大部分交流都是文字性的:任务描述和评论、代码注释、Git提交信息、聊天信息、邮件、tweets博客文章等等。

想象一下人们需要花费多少时间来阅读并理解这些内容。如果你能够通过写的更加清晰简明来减少这些时间耗费,工作氛围肯定会变得更棒。

学习传统的计算机科学知识

前端开发不再是做简单的下拉菜单动画。它的复杂度达到了前所未有的程度,由于前端解决的问题越来越复杂,不可避免地出现了让人深恶痛绝的“JavaScript疲劳症”

因此,我们需要去学习非前端开发人员在过去几十年积累的计算机科学知识。同时,也希望听到你们的建议。

来源:51CTO

时间: 2024-09-30 15:09:08

2017前端开发者必学清单的相关文章

Web前端开发者必知的9个实用CSS属性

作为一个前端WEB开发者对于CSS属性的熟悉是避免不了的,而且还要必备的很多,下面本文整理了作为开发者的你必知的9 个CSS 属性,非常实用所以有需求的你可以参考下哈,希望对大家有所帮助   1. 圆角效果 如今的Web设计在不断跟进最新的开发技术,纷纷采用HTML5来开发多样性的 Web应用.HTML5的优势之一,就是之前必须用图片实现的元素,现在可以用代码来实现."border-radius"是实现这一功能的一个重要的属 性,可以用来直接定义HTML元素的圆角,并且被所有现代浏览器

网站前端开发者必去的10个国外网站

Web开发者目前主要分为前端和后端,本文收集的10个国外网站主要针对网站前端开发,里面包括浏览器兼容性检测.JS脚本下载.CSS小工具,网页测试.PHP与MYSQL等.都很实用 对我们这些Web开发者来说,不计其数的网站,其中有些对我们来说是相当有用的工具.在本文 中,我汇编了10个顶有用的网站,可以说每个开发者都应当将这些网站存为自己的书签. Mysql Format Date MySQL Format Date允许你利用MySQL DATE_FORMA函数规范化你的日期数值.只须挑选一个通用

关注jquery技巧提高jquery技能(前端开发必学)_jquery

一个简单技巧的集合,帮你提升 jQuery 技能. Matt Smith 发起的一个小项目,目前已有 14 个 小技巧.伯乐在线会持续跟进更新. 回到顶部按钮 预加载图片 检查图片是否加载完毕 自动修复损坏的图片 Hover 上的 Class 开关 禁用 input 字段 停止链接加载 淡入淡出/滑动开关 简单的折叠效果 将两个 Div 设为相同高度 在新窗口打开外部链接 找到文本元素 切换可视与隐藏的触发器 回到顶部按钮 通过使用 jQuery 中的 animate 和 scrollTop 方

每个前端开发者必会的二十个JavaScript面试题

问题1:JavaScript 中 undefined 和 not defined 的区别 JavaScript 未声明变量直接使用会抛出异常:var name is not defined,如果没有处理异常,代码就停止运行了. 但是,使用typeof undeclared_variable并不会产生异常,会直接返回 undefined. var x; // 声明 x console.log(x); //output: undefined console.log(typeof y); //outp

前端开发者,2017 年你应该学习什么

在当今的快节奏生态中,我们都倾向于花时间尝试最新的发明,然后在网络上进行激烈的辩论. 这里,我并不是说我们不能这样做.但我们的确应该把脚步放慢一些,并认真了解那些不会有很大变化的事情.这样不仅会提升我们的工作质量和我们所创造的价值 -- 还将切实地帮助我们更快理解这些新的工具. 本文融合了我的个人经历以及对新一年的希冀.正如我想热切表达自己想法一样,我也期待能在下方的评论表单中看到你的建议. 学习如何写出可读性高的代码 我们多数的工作并不是编写新代码,而是维护已有代码.这意味着你最终阅读代码的时

前端必学之PHP语法基础_php实例

写在前面的话 PHP是一种创建动态交互性站点的强有力的服务器端脚本语言.PHP能够包含文本.HTML.CSS以及PHP代码,在服务器上执行,结果以纯文本返回浏览器 代码标识 PHP代码以<?php 开头,以?>结尾,且可以放置在文档中的任何位置 <?php // ?> PHP语句以分号(;)结尾,PHP代码块的关闭标签也会自动表明分号 <?php echo "Hello World!"; ?> 注释 PHP支持三种注释,包括两种单行注释和一种多行注释

2017年6月前端开发者干货大合集

每个月的前端开发者干货素材大合集,相对而言更加专注于为网页设计师和前端开发者搜集相关的工具和素材,这次的大合集当中包含一款颇为有趣的屏幕录像软件,几款适用范围较广的基于Material Design的框架,还有一些性能测试库也非常好用.这些前端工具与素材功能各不相同,总会有一两款是你感兴趣,甚至正好想要的~ Kap Kap 是一款设计精巧的macOS 屏幕录像软件,它是基于Web技术来搭建的开源APP.这款应用中最令人着迷的是它的即时转码输出功能.Kap 是帮你记录APP的绝佳工具. Sizzy

2017 年要去学的 3 个 CSS 新属性

本文讲的是2017 年要去学的 3 个 CSS 新属性, 1. 特性查询(Feature Queries) 不久前,我写过一篇关于特性查询的文章 -- <一个我十分期待的CSS特性 - the one CSS feature I really want>.如今果然出现了.除了 IE浏览器之外,所有主流浏览器(包括 Opera Mini)均已支持特性查询. 特性查询采用 @supports 规则,它使得我们可以将 CSS 代码包裹一个条件块中.只有当浏览器的用户代理(user agent)支持某

【译】前端开发者的基本要求

原文链接:http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/ 本文在github上的链接:https://github.com/chyingp/blog/issues/1 备注:第一次翻译技术文章,标题都纠结了好久不知道肿么翻译,如发现翻译不当之处,可点击github链接提交评论,thx- 前几天我为一个项目写README文档,我希望其他开发者能够看到这个项目,并从中学到一些东西.突然我意识到,若放在几