每天学习2小时,17年前端经验分享,让你前端之路不再迷茫

栏目: JavaScript · 发布时间: 5年前

内容简介:我是老尚,是做web前端开发的,从最开始的2002年到北京的那个春天算起来,已经17年了。这17年里,基本上吧,算下来我每天平均学习2个小时,今天想跟大家分享一下我的经历。我是辽宁人,生在一个小城市里,后来这个城市靠着本山大叔的强力引流,变成了【大城市】,哈哈哈,同学们应该都知道是哪个城市了。毕业之后,我第一份工作其实是在一个宾馆里负责消防器材,很闲的一个工作,不起火我就没事可做,起火了我更没事可做。干嘛去呢?成天在网吧玩游戏。仙剑、红警、雷神、毁灭公爵、星际1,玩了个遍,去三好街配电脑,一台挣200,各种

我是老尚,是做web前端开发的,从最开始的2002年到北京的那个春天算起来,已经17年了。这17年里,基本上吧,算下来我每天平均学习2个小时,今天想跟大家分享一下我的经历。

{{ 01 }} 

我是辽宁人,生在一个小城市里,后来这个城市靠着本山大叔的强力引流,变成了【大城市】,哈哈哈,同学们应该都知道是哪个城市了。

毕业之后,我第一份工作其实是在一个宾馆里负责消防器材,很闲的一个工作,不起火我就没事可做,起火了我更没事可做。干嘛去呢?成天在网吧玩游戏。仙剑、红警、雷神、毁灭公爵、星际1,玩了个遍,去三好街配电脑,一台挣200,各种拆装机箱,重装系统,还因为超频而烧过一个赛场400CPU,这些都是近20年前的老古董了,同学们应该都没听说过

但生活不能永远这样,后来网吧黄了

{{ 2 }}

宾馆消防的工作很清闲,我自学了Ps、3dMax、网页三剑客(dw、fw、flash),真心的说,我自学能力还是很可以的。学会这些东西我花了多久时间?

ps,时间久一些,3个月,

3dMax,二个月,

网页三剑客,大概一个月。因为fw和ps很类似,而flash和3dMax很多思路也相通。所以相当于只学习了html、css。

那时还有很多免费空间可以用,例如,主页大巴,(哎,想起这个名字的时候,真是很久远感觉了),那时还有蓝色理想、闪客帝国、七色鸟...等等。

我做了一个很简单,但可以用的网站,找到了第二份工作。在沈阳,是一个做网页设计的工作,那时应该是1999年,月工资350块。第一次知道了网页上的广告条叫banner,网站上的标志图片叫logo。我负责网页设计、切html页面,做flash动画。

html页面加上图片、flash动画之后,扔给后端程序员,他们去套程序,然后我再去调整页面上乱掉的部分。就这样,过了一年多,感谢这家公司,它让我拥有了基本的网页设计能力。

但生活不能永远这样,我听说北京互联网很发达

{{ 3 }}

2002年3、4月份吧,时间太久已经记不清了。只记得是一个阴雨天的早晨,我拖着行李箱出了北京站。

北京,我来了。

刚开始的时候,也是做网页设计,工资2200。整天就是设计、切图。html、css熟练到了可以一心二用的程度。但我的设计美感很差,这让我和客户都很痛苦。

大概是2005、6年的时候吧(时间太久记不清了),开始兴起了div+css网页制作。刚开始的时候我也很不习惯,毕竟table做页面很久了。但技术的发展是不可阻拦的,必须顺应。学!

用了二天!真的只是二天,看了下div+css网页制作的技术资料,发现只是把table换成了一些html标签,主要是div,然后就是各种标签的语义化使用。

其实主要是思路的扭转,

  • table相当于是“套”页面,一层一层的表格;
  • div+css,是“组装”页面,做的是页面的结构。

这个总结,【是我最初的关于前端模块化的理解】。

生活还在继承,我看到了js

{{ 4 }}

自那之后,页面的交互操作愈加复杂,JavaScript的应用也越来越多。

我惊讶的发现,【似乎出现了一个可以只写JavaScirpt的岗位?貌似工资还比较高?!】一定要搞定它!

那个年头,教js是肯定没有的。那时大概是2007、8年吧

这个JavaScirpt怎么学呢?网上那些教程都看不懂啊。

alert('学习js'),这是我学会的第一个js命令,我用它在页面上弹出了一个提示。这很Ok,我很欣慰。

现在的同学们应该没有见过那个年头的互联网,简直就是小发廊洗剪吹的感觉。“文字变色环绕跟随鼠标、漂浮广告块边框变色闪动、网页title滚动、页面footer底滚动文字变色广告、文字波浪变色动画广告,点击页面放礼花特效,各种大红大绿闪烁...”

这些网页特效都是用js写的。我是这么做的,

1、找一些相对短的特效代码;

2、把它里面的js命令都挑出来;

3、一个个的查它们的作用;

4、搞清楚之后,把整个代码用中文描述一下,理解它的思路;

5、再把js命令填回去;

6、自己照着写一遍js;

7、自己再背着写一遍js;

8、重复上述第1~第7步;

就这样,我按这个思路,把当时基本上所有的页面特效都写了个遍,大概用了有二三个月吧,因为很多特效所用的方法都类似,只是思路不同。到后来我只是去理解某个特效它的实现思路了。

当时的我并没有真正的深入学习过JavaScript,并没有去找各种js教程,因为我根本看不懂。

我的js学习方法总结起来,其实就是一个字,【抄写】。就是不断的抄写代码,然后F5刷新页面看效果,如果没有效果,那么查找我的代码和参考的代码有哪些不同。

至于排bug什么的,那根本都不知道是什么意思。什么prototype、constructor、new一个对象、this什么的,当时根本是完全不懂。但是我通过不断的抄写代码实现效果,理解了代码的运行过程,就这样,我掌握了基本的【程序代码的逻辑思维方式】。

生活还在继续啊,慢慢的各种前端框架出现了,

{{ 5 }}

这时已经是2010年前后,原生JavaScript大火特火,jQuery一统天下,我的工资也涨到了8000。那时我已经是全职的前端开发了,只负责写JavaScript、jQuery,带4、5个实习生,html页面什么的都是他们在搞了。

现在回顾一下,当时无论有多忙,每天至少抄写一段代码,查一些命令,至少2个小时。再往后,一路前端做下来,就是慢慢积累了。

{{ 6 }}

我发现,现在很多前端新人,就是不知道怎么去学习前端开发,学习JavaScirpt,我希望我的学习经历、方法、思路,能够给你们一些启发。也为了帮助更多的前端新人,推出一套【免费的web前端公开课】,通过实例讲解JavaScirpt的核心、重点内容,帮助大家更好、更快的掌握前端开发技术。希望大家都能坚持学习下去,你付出足够的时间精力,必然会获得超值的丰厚回报。

每天学习2小时,17年前端经验分享,让你前端之路不再迷茫


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

UNIX编程艺术

UNIX编程艺术

Eric S. Raymond / 姜宏、何源、蔡晓俊 / 电子工业出版社 / 2011-1 / 69.00元

本书主要介绍了Unix系统领域中的设计和开发哲学、思想文化体系、原则与经验,由公认的Unix编程大师、开源运动领袖人物之一Eric S. Raymond倾力多年写作而成。包括Unix设计者在内的多位领域专家也为本书贡献了宝贵的内容。本书内容涉及社群文化、软件开发设计与实现,覆盖面广、内容深邃,完全展现了作者极其深厚的经验积累和领域智慧。一起来看看 《UNIX编程艺术》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具