14年前我是怎么学前端的?

·  阅读 286
14年前我是怎么学前端的?

时光如水,生命如歌,一晃毕业第15个年头了。娃马上一年级了,周末闲来无事收拾书柜里的书,清理些旧书给娃腾出空间,望着这些旧书思绪万千,正好找个地方记录下美好的旧时光。

14年前我初出茅庐,懵懵懂懂的闯入了前端江湖,14年来我见证了前端行业的繁荣昌盛,经历了互联网大潮的起起落落,我仿佛是前端世界的一粒微尘,虽微不足道,却真真切切。

我给一些旧书拍了照,书中的技术也许会随着其它废品一样从此消失淘汰,被新的技术替代,但在当时都是极其重要的技术。在那个刀耕火种的时代,前端的概念还不怎么流行,互联网也不太发达,只能到书店尽力淘书。

最后,再翻翻这一本本旧书,书中的知识仍历历在目,仿佛又回到了14年前,一个啥也不懂的毛头小子,凭着一腔热血扑向了未知的前端海洋......

2006年《超越CSS Web设计艺术精髓》

刚看到这本书的时候,被全彩印刷、排版、书中的网页设计震撼了,没想到 CSS 能做出如此有设计感的页面。

2006-1.jpg 2006-1-1.jpg

讲到了网格设计,还有 CSS 的布局创意,当今的 CSS 布局不还是在用栅格布局吗?

2006-2.jpg

超越 CSS 原则,放在现在也同样适用。

2006-3.jpg

栅格布局设计。

2006-4.jpg 基于栅格布局设计的网页。

2006-5.jpg

2007年《HTML&CSS&JavaScript语法词典》

这是一本难得的工具书,几乎包含 HTML、CSS、JavaScript 的常用知识点。

2007-html.jpg

2007-html-1.jpg

2007-html-2.jpg

2008年《CSS设计彻底研究》

这是当时我读到的很不错的一本 CSS 书籍,当时流行的一些 CSS 技巧和知识点应有尽有。

2008-css.jpg

2008-css1.jpg

做菜单必不可少的滑动门技术,很有创意。

2008-css2.jpg

当时做个圆角边框是何其困难的事,哈哈。

2008-css3.jpg

当时流行的页面布局,好多还是 float 实现的。

2008-css4.jpg

2008年《美工神话——Fireworks网页元素与网页效果图设计》

当时的切图神器 Fireworks,当时还是需要前端自己切图、量尺寸、取色的,现在太幸福了。

2008-fw.jpg

2008-fw1.jpg

当时流行的布局设计。

2008-fw2.jpg

2008年《JavaScript DOM高级程序设计》

如今最不屑的 DOM 操作,当时可是很高端的存在,页面交互全靠它了。

2008-dom.jpg

2008-dom1.jpg

各种 DOM 操作 API,如今没人再学这些了吧?

2008-dom2.jpg

2009年《JavaScript高级程序设计》,2006年第一版

前端无人不知的 JavaScript 红宝书的前身,Nicholas C.Zakas 大神的作品。

2009-js.jpg

2009-js1.jpg

之前觉得前端简单,这回上难度了,面向对象、继承、作用域、原型链慢慢啃。

2009-js2.jpg

2009年《重构HTML:改善Web应用的设计》

一本讲 HTML 重构的书,讲的挺细。

2009-html.jpg

2009-html1.jpg

2009-html2.jpg

2009年《深入浅出ExtJS》

当时很牛的一个组件库,感觉 JS 做复杂应用还是有希望的。

2009-ext.jpg

2009-ext1.jpg

2010年《jQuery攻略》

大名鼎鼎的 jQuery 真是拯救了前端的兼容性,一下感觉把 JS 变简单了,当时会了 jQuery 仿佛感觉什么效果都难不倒了,膨胀了...

2010-jq.jpg

2010-jq1.jpg

2010年《智能手机Web标准开发实战》

移动 Web 来了,仿佛又打开了另一扇窗,小小的手机也能跑我们的页面了,viewport 顶大用。

2010-mb.jpg

2010-mb1.jpg

2010-mb2.jpg

2011年《响应式Web设计》

响应式 Web 设计盛极一时,不会点 Media Query 不好意思跟人打招呼。

2011-mq.jpg

2011-mq1.jpg

2011年《HTML5高级程序设计HTML5和CSS3实战》

有一段时间转移动端开发,被各种新鲜酷炫的 HTML5、CSS3 所吸引。手机网页多好,不用跟 IE6 兄弟死磕,谁料 webview、移动端浏览器也太百花齐放了......

2011-h5.jpg

2011-h5-1.jpg

2011-h5-2.jpg

2011年《使用HTML、CSS和JavaScript开发Android程序》

PhoneGap,后来叫 Cordova,它来了,前端可以写混合应用了,用点 HTML5,再调个 Native API,可玩性又变强了,关键还能打包成 apk 安装一把,有点秀了。

2011-hybrid.jpg

2011-hb.jpg

2011-hb1.jpg

Native 和 HTML5 两大阵营吵来吵去,最后还是 Hybrid 混合应用香,至今还香着~

2014年《精通AngularJS》

AngularJS,也叫 Angular 1.x 吧,现代框架开始出现了,设计理念越来越牛,MVC、MVVM 接踵而至,后端开发不再鄙视前端简单了。

2014-angular.jpg

2014-angular1.jpg

而今的前端技术发展如你所见

modern.jpg

待续...

很庆幸现在还在搞前端,虽然不知道能搞多久,但仍有一腔热忱吧。

收藏成功!
已添加到「」, 点击更改