I want to be a Great Web Front-end Developer
有时觉得特别的浮躁,可能是每天春运般的挤地铁,随处可见因为一点小磕小蹭吹胡子瞪眼睛的人,可能是身边的人貌似一下子都好有钱,买房买车或者买第N套房。
很想静下来心寻找到自己inner pace,但是忽然发现连给自己放一天假都觉得甚是奢侈,忙来忙去,时间永远不够用,这样的状态非常不好。我想我是真的发自内心的想做好前端的。
跟随以下建议,一步步的让自己变得越来越好。
1、学习es2015,不需要掌握所有的内容,常用的几个异步回调,promise,箭头函数等就ok。
推荐资源:https://leanpub.com/understandinges6/read/
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
I want to be a Great Web Front-end Developer的更多相关文章
- Front End Developer Questions
Front End Developer Questions 感谢大神分享- 目录 前言 HTML部分 CSS部分 JavaScript部分 其他问题 前端学习网站推荐 前言 前言 HTML Docty ...
- Front End Developer Questions 前端开发人员问题(二)CSS 后续
问题来源:http://markyun.github.io/2015/Front-end-Developer-Questions/ 31.视差滚动效果,如何给每页做不同的动画?(回到顶部,向下滑动要再 ...
- web front end stack web 前段技术概览
https://github.com/unruledboy/WebFrontEndStack
- Front End Developer Questions 前端开发人员问题(三)JavaScript部分
问题来源:http://markyun.github.io/2015/Front-end-Developer-Questions/ 三.javascript1.介绍JavaScript的基本数据类型. ...
- Front End Developer Questions 前端开发人员问题(二)
问题来源:http://markyun.github.io/2015/Front-end-Developer-Questions/ 二.CSS 1.介绍一下标准的CSS的盒子模型?与低版本IE的盒子模 ...
- Front End Developer Questions 前端开发人员问题(一)
问题来源:http://markyun.github.io/2015/Front-end-Developer-Questions/ 1.Doctype作用?严格模式与混杂模式如何区分?它们有何意义?答 ...
- [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 featu ...
- 【转】2016/2017 Web 开发者路线图
链接:知乎 [点击查看大图] 原图来自LearnCodeAcademy最火的视频,learncode是YouTube上最火的Web开发教学频道,介绍包括HTML/CSS/JavaScript/Subl ...
- [Web 前端] 前端频道之团队维护、聚合、订阅
cp from :https://blog.csdn.net/ivan820819/article/details/78885404 国内 腾讯 ISUX 腾讯全端 AlloyTeam 奇舞周刊 阿里 ...
- 关于 Web 安全,99% 的网站都忽略了这些
Web安全是一个如何强调都不为过的事情,我们发现国内的众多网站都没有实现全站https,对于其他安全策略的实践更是很少,本文的目的并非讨论安全和攻击的细节,而是从策略的角度引发对安全的思考和重视. 1 ...
随机推荐
- python内置函数一
⼀. 本节主要内容:1. 内置函数 什么是内置函数? 就是python给你提供的. 拿来直接⽤的函数, 比如print., input等等. 截⽌到python版本3.6.2 python⼀共提供了6 ...
- [转] Java运行时动态生成class的方法
[From] http://www.liaoxuefeng.com/article/0014617596492474eea2227bf04477e83e6d094683e0536000 廖雪峰 / 编 ...
- python-基础学习篇(一)
python基础学习(一) 不积硅步,无以至千里.基础的学习越加透彻,才能更清楚的理解和分析需求,我贯彻基础学习“永无止境”的理念,故把自学的知识梳理在博客中,基础学习篇无限更新. python介绍 ...
- spring IoC源码分析 (3)Resource解析
引自 spring IoC源码分析 (3)Resource解析 定义好了Resource之后,看到XmlFactoryBean的构造函数 public XmlBeanFactory(Resource ...
- python 获取子目录下的所有文件的路径
import os pathss=[] for root, dirs, files in os.walk(tarpath): path = [os.path.join(root, name) for ...
- PHP流程控制之goto语句
goto 操作符可以用来跳转到程序中的另一位置.该目标位置可以用目标名称加上冒号来标记,而跳转指令是 goto 之后接上目标位置的标记.PHP 中的 goto 有一定限制,目标位置只能位于同一个文件和 ...
- Coursera 机器学习 第7章 Support Vector Machines 学习笔记
7 Support Vector Machines7.1 Large Margin Classification7.1.1 Optimization Objective支持向量机(SVM)代价函数在数 ...
- Oracle服务器重命名
转载自:http://www.codesec.net/view/120387.html 因工作需要准备了一台服务器专门按照oracle数据库,并且服务器上安装了windows 2008R2操作系统,在 ...
- small zhishi
\\192.168.1.201\d$\Data 访问远程计算机文件资源管理器
- C#基础知识-数组_ArrayList_List(九)
之前两篇文档讲述了C#中的面向对象的概念,其实这个概念对于很多种语言都是通用的,只不过每种语言具体实现的过程方法不一样,比如Java.C++.python等,这些都是很流行的面向对象的语言在编程语言排 ...