每天学习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年前端经验分享,让你前端之路不再迷茫


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

查看所有标签

猜你喜欢:

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

Python Machine Learning

Python Machine Learning

Sebastian Raschka / Packt Publishing - ebooks Account / 2015-9 / USD 44.99

About This Book Leverage Python' s most powerful open-source libraries for deep learning, data wrangling, and data visualization Learn effective strategies and best practices to improve and opti......一起来看看 《Python Machine Learning》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

URL 编码/解码
URL 编码/解码

URL 编码/解码