I want to be a Great Web Front-end Developer

  有时觉得特别的浮躁,可能是每天春运般的挤地铁,随处可见因为一点小磕小蹭吹胡子瞪眼睛的人,可能是身边的人貌似一下子都好有钱,买房买车或者买第N套房。

很想静下来心寻找到自己inner pace,但是忽然发现连给自己放一天假都觉得甚是奢侈,忙来忙去,时间永远不够用,这样的状态非常不好。我想我是真的发自内心的想做好前端的。

跟随以下建议,一步步的让自己变得越来越好。

1、学习es2015,不需要掌握所有的内容,常用的几个异步回调,promise等就ok。

  几个推荐的资源:

https://leanpub.com/understandinges6/read/

http://es6rocks.com/

   http://babeljs.io/

  http://www.infoq.com/news/2015/06/exploring-es6

2、使用模块化,webpack 以及 es6标准中的modules

3、测试代码,Mocha http://www.amazon.com/Working-Effectively-Legacy-Michael-Feathers/dp/0131177052

4、工程化。之前是grunt和gulp,broccoli (http://broccolijs.com/)有可能或取代 grunt 和 yeoman 。

5、代码规范。JSCS 和 ESLint

6、使用Git.

7、在服务端直接生成html。

8、拥抱Node.至少知道如何初始化一个node项目,如果搭建一个express服务。。。

9、多读规范文档

10、code Review

11、和优秀的人一起工作

12、重复造轮子,避免拿来主义,宁愿慢一些

13、写总结,写经验。

--------------------------------------------------------------------------------------------------

更快学习的几个建议:

1、专注力,先精通原生js 再考虑框架

2、限制一次学习的量,学的快忘得也快,多敲少看。

3、娱乐的心态去学,每GET一个技能,可以做出一点有趣的东西分享给朋友们。

4、不限制学习时间,万事开头难,先让自己静下来就只敲10分钟。

5、学的快不一定是好事,思考的越慢,记得越牢。

6、不要为了追求完美而迟迟不敢踏出第一步,先实现功能再逐步优化。

参考:http://rmurphey.com/blog/2015/03/23/a-baseline-for-front-end-developers-2015

时间: 2025-01-14 02:38:49

I want to be a Great Web Front-end Developer的相关文章

Front End Developer Questions 前端开发人员问题(一)

问题来源:http://markyun.github.io/2015/Front-end-Developer-Questions/ 1.Doctype作用?严格模式与混杂模式如何区分?它们有何意义?答:告诉浏览器我们使用的是哪个版本的html协议(规范).(对大小写不敏感)严格模式中根据规范呈现页面:混杂模式中页面是一种比较宽松的向后兼容的方式显示.(1)严格模式的HTML 4.0.1 strictDTD包括所有的HTML元素和属性,不包括展示的和弃用的元素.不许框架集(Framesets)<!

Front End Developer Questions 前端开发人员问题(二)

问题来源:http://markyun.github.io/2015/Front-end-Developer-Questions/ 二.CSS 1.介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的?答:标准的CSS盒子模型:宽度=内容的宽度+边框的宽度+内边距宽度低版本的盒子模型:指的是内容的宽度 2.CSS选择符有哪些?哪些属性可以继承?答:(1)类选择符:id选择符:(2)class属性,伪类a标签,列a表ul,li,dl,dd,dt注:优先级(就近原则):!importa

[CSS] Useful CSS tool for Web designer and developer

1. Color Picker (Chrome) You might know how to use color picker in Chrome, recently there is a feature inside color picker which is "Contrast Ratio", which can help developer / design to check whether font color & background has good Contras

javascript bind()

前几天看到一个面试题,题目是这样的: 请你说说对javascript中apply,call,bind的理解? 首先apply和call是老生常谈的东西,但是对于bind,我愣了下,因为这个词是jquery中使用频率很高的一个方法,用来给DOM元素绑定事件用的. 为了搞清这个陌生又熟悉的bind,google一下,发现javascript1.8.5版本中原生实现了此方法,目前IE9+,ff4+,chrome7+支持此方法,opera和safari不支持(MDN上的说明). bind的作用和appl

SharePoint 2013的限制(一)Web Application 和Content Database

Web Application 的限制 SharePoint 2013 Farm最大支持20个WebApplication.这个限制和Application Pool的限制无关,是对于整个Farm来讲的.微软建议把Web Application的数目控制的越小越好.如果想要多个不同名字的site,可以用创建host named 网站集来代替添加新的web application. 一个We Application最多支持5个Zone.这个是SharePoint定义死的,不可修改. 一个Web A

[Web 前端] 前端频道之团队维护、聚合、订阅

cp from :https://blog.csdn.net/ivan820819/article/details/78885404 国内 腾讯 ISUX 腾讯全端 AlloyTeam 奇舞周刊 阿里巴巴 -U 一点 淘宝前端团队 (FED) 网易 FEG 前端团队 网易用户体验中心 码农周刊 凹凸实验室 ( 京东 ) WEB 前端开发 百度 WEB 前端研发部 搜车大无线团队博客 饿了么大前端 美团点评技术团队 携程设计委员会 前端观察 ( 腾讯 ) 前端外刊评论 Awesomes-Web 前

前端资源教程合集

综合类 前端知识体系 前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 Web Front-end Stack v2.2 En类资源汇总 免费的编程中文书籍索引 前端书籍 前端免费书籍大全 前端知识体系 免费的编程中文书籍索引 智能社 - 精通JavaScript开发 重新介绍 JavaScript(JS 教程) 麻省理工学院公开课:计算机科学及编程导论 JavaScript中的this陷阱的最全收集--没有之一 JS函数式编程指南 JavaScript Promise迷你书

Self-Paced Training (3) - Docker Operations

AgendaTroubleshooting ContainersOverview of Security PracticesPrivate RegistryIntro to Docker MachineIntro to Docker SwarmIntro to Docker ComposeBuilding micro service applications with Docker Container loggingView the output of the containers PID 1

zabbix api

一般架设好server以后都会通过web front 来添加host啊, 模版什么的,这就带来一个效率的问题,比如说我要一时间添加100台host 进去,这个时候有个api ,然后通过脚本来调用就爽了,zabbix的作者们早已想到了这点,api 1.8 这个版本以后就发布了.网上有比较好的教程,我这里就不写了.可以参考我很敬佩的一个人 itnihao的博文: http://itnihao.blog.51cto.com/1741976/1343524 python还是非常好用的,调用api 什么的

实现一个基于 SharePoint 2013 的 Timecard 应用(中)

门户视图 随着 Timecard 列表的增多,如何查找和管理这许多的 Timecard 也就成了问题.尤其对于团队经理而言,他除了自己填写的 Timecard,还要审核团队成员的 Timecard 任务更重. 这里我把实际的需求简化成为 2 个主要的视图(但能够提供的效果和实际需求其实是非常接近的): Time Window 视图这个视图列出当前用户在所有可以填写的时间窗口中是否提交了 Timecard,起到提醒的作用. Timecard 视图这个视图列出在 Timecard 网站中,所有当前用