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

[jinlong]

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

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

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

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

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

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

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

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

栅格布局设计。

基于栅格布局设计的网页。

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

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

2008年《CSS设计彻底研究》

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

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

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

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

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

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

当时流行的布局设计。

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

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

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

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

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

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

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

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

2009年《深入浅出ExtJS》

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

2010年《jQuery攻略》

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

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

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

2011年《响应式Web设计》

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

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

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

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

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

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

2014年《精通AngularJS》

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

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

待续...

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