前端开发分享

【同说】小天童鞋：“不断学习，不断成长”

前端早读课@同说计划，分享每个前端者的经历～...

前言

这个同说计划，早读君一直没忘，在邮箱中还收藏着几个童鞋分享他们的经历。今天分享的是@小天童鞋，有一段时间看他在朋友圈写了很多感性的文章，那个时候非常有兴趣邀请他来写一写他的经历。

正文从这开始～

写在前面的话

今天睁开眼睛，习惯性的打开微信朋友圈查看早读课的推送，发现今天的头条既不是大大的招聘贴也不是干货的分享，看到【同说】以为是XXX，怪我想多了，打开一看是一个活动的召集贴啊，看介绍看的似乎一大堆小伙伴朝我走来一样，随机立马留言“支持”表示支持。

细细看完之后发现这个活动真心的不错，他就像婚恋活动中的“非诚勿扰”一样，让我们在芸芸众生中能有机会找到身边的那个志同道合的小伙伴，听起来就很nice的一个想法。

然后就收到了“情封”（早读君）大大的微信，说让我试着也写写参与这个活动，分享一下自己。真的很谢谢早读君的邀请，给了我莫大的勇气，因为我本来持观望态度的，打算是先看看别人的分享再决定是否动手，因为自己道行不够，可能也没有那么多的干货分享。但是，当我看到征稿贴下面的那句“勇敢秀出你自己，对孤单say no！”时，加上早读君的诚邀，于是我决定本周就赴约写一篇关于自己的前端之旅，就当抛砖引玉吧！接下来是我的旅程，我在南京，期待你能看到！

自我介绍

首先来个自我介绍，网上一直称自己为“小天同学”，男，90后的尾巴，喜欢写作摄影，对于设计很感兴趣，但是本职是“前端家族”中的一员。有着文艺的性格，却没有文艺的胆子。

我目前就职在美丽的人文古都·南京。这个城市一样有着像北上广那样的梦想，这个城市一样有着生机和活力，这个城市一样有着朝气蓬勃的年轻人。每天我们可以坐着不像北京那样拥挤的地铁上班，每周我们可以约3两好友去公园景区郊游，每月我们可以找到城市那头的朋友小聚喝酒。我们可以一起去拍照，去长江大桥看黄昏的江景，去总统府感受民国风情，去中山陵瞻仰国父的天下为公，去夫子庙探寻金陵十三钗的遗迹，去明城墙感受古时巍峨的城防……这里还有很多美好，这里就是南京期待和你一起发现更多的美好。

我的工作前面也说了是前端工程师，入行已经快3年了，目前一边写代码，一边在公司负责了一个不到10人的小团队做着前端的事情，有时候也会思考怎么能让大家更好的工作，怎么能让大家都保持一颗学习进步的心，怎么能让我们一起都在成长。

前端之旅的开始

关于入行，我不知道该从什么时候开始算起，因为我在知道大学被录取的时候（2009年），在入学前就开始在家里自学html和css了，虽然说只是简单的基础的基础。那时候觉得用简单的几行代码几个标签在浏览器里就能出来一个很酷的效果或者一个简单的网站，当时觉得很神奇，真的很让我着迷。在学习了简单的基础之后，我就到网上找各种免费的建站和免费的博客折腾起来，这也许算是启蒙的入门吧，从这里我发现我的兴趣。

然后大学学的是计算机的本科，你们懂的前三年都是枯燥的理论课，该学的不该学的都一起来了，什么：信息技术导论、程序设计基础、数据结构、离散数学、面向对象程序设计(Java)、计算机组成原理、网络基本原理、数字逻辑、数据库原理与应用、操作系统、网络安全与管理、TCP/IP协议与网络编程、操作系统、计算机网络、面向对象程序设计(C++)、软件工程、软件测试技术等等。

这和我预想的不一样，我本来以为就是学习如何开发制作网站，可能是那时太小还不懂，这些都是基础吧。但是随着理论课程学习的结束，实践课程的增多，我们开始实际上手一些简单的业务系统的开发，最基本的像“新闻发布系统”、博客系统等等。我在完成功能的基础上总会对前端花更多的时间去写，把大家都是千篇一律的东西做的不一样，做美美的优化，每次也都能在视觉上更受老师的亲赖，因此就更有成就感和更加有兴趣去做去学。这也是鼓励着我去自学的动力吧。

毕业前夕，外出找实习，因为那时对于毕业后自己该从事什么样的工作不是那么清晰，又因为对于前端设计和开发又更有兴趣，于是在实习的时候就在朋友的推荐下找了一份设计的工作，没错就是通俗的美工。每天的工作就是简单的页面设计，每天对着PS，AI等等。但是三个月下来总感觉做的有点吃力，可能这才意识到喜欢的未必适合当作工作那么简单，当时又感觉不是专业对口，有种辜负自己4年的学习成果的感觉，于是实习结束后就从新找了专业对口的工作，就是现在的这个工作单位。

刚进我们公司我是以“web开发”的身份进来的，因为我大学学的是后端的开发，前一个月还是做着后端的工作，每天都是Java、数据库、增删查改、SQL等等，虽然做的也不错，但是发现同事做的前端的开发我更加的感兴趣，这也是我第一次接触到真正的前端开发工作的内容，于是就申请转到前端开发上来。然后就开始了我的前端之旅。

如何成长

在刚开始做前端的时候，说真的虽然有点基础，但是可谓也是小白一枚，基本的切图都不能算得上会啊。因为我之前的那点基础，与面临的工作相比真的是九牛一毛啊。面对工作有了挑战，就开始着手努力学习吧。

刚开始，为了完成工作，就不停的请教同事，不厌其烦的，从基本的页面布局和各种熟悉又陌生的html标签和css属性开始，每一次都是看同事做好的页面去研究，那块是怎么写的用了什么标签，这块怎么写的用了什么css属性，为什么这块这样写更好，为什么行内元素里不要套块级元素……从这些基本的开始，从简单的页面开始，慢慢的上手，慢慢的在实战中练习，遇到问题首先就百度按照搜到的方法去试，管用的话就先记在自己的小本子上，搜不到的就去找同事请教，学到后再记在小本子上。因为那时公司还没有完全意义上的前端团队所以也就没有导师会带，只能自己主动的去请教。遇到浏览器兼容问题，这个确实是需要经验来处理的，同样知道解决方案后就把经验记下来，就这样日复一日的积累着，慢慢的把那些不会的变成自己的，再内化到自己的知识体系中。那段时间工作比较忙，再加上自己新手知道自己水平不行，就努力学习抓住一切实战的机会去练习去感受，几乎那段时间每天都会加班到很晚，但是那段时间真的是进步最快的一段时间。

让我从一个前端小白慢慢的开始有了感觉，对于一般的切图和交互都能够不那么费劲的实现了。但是我又发现，这只是能够应付工作了，但是有些知识还是不扎实，不成体系。对于Javascript也只是能看懂别人的代码去修改，而让自己去从0开始写的话，还是很费劲的，于是开始计划着，把相关的HTML、CSS和Javascript的基础知识再成体系的去看一遍。于是在经典的W3school上把对应的课程看了一遍。然后我又买了一本很厚的犀牛书，然后又开始买了“锋利的jQuery”，开始啃书。期间不断的在网上看各种大神的经验分享，关注前端知名的博客阅读他们的文章，其中张鑫旭大大的看的最多了，因为很多基础性的和进阶的都结合例子讲的很通俗易懂。随着自己的知识的增加，慢慢的也开始思考代码的质量和可维护性，开始关注命名规范、编码规范、团队协作规范等等的事情，现在有个习惯就是看到一个网站的效果自然而然的就是F12查看源码，估计就是那时学习时留下的习惯，那时候看到别人的效果是怎么写的就会去看别人的html怎么写的，CSS怎么写的，class是怎么命名的等等。

之前同事们用的编辑器是DW，那个很重的编辑器，因为当时边做可以边看到效果用起来感觉还不错，但是DW太重了，而且代码补全等功能不完善，所以慢慢的放弃了他投入到高效的编辑器，现在用的最多的还是Sublime，轻·强·快用着顺手，效率自然也就高了。我就倡导大家改用这个编辑器，毕竟好东西要分享。

就这样在2014年的6月份，随着项目的工作量增大，前端同学的增多，公司考虑成立一个小团队，来形成一个规范的战斗集体，更好的工作。可能是我的认真好学，可能是我进步的神速，领导居然让我负责组建和建设这个团队，这不仅是对我工作的肯定更是对我的一种信任。于是我就带着更多的责任带起了这个小团队，开始规划项目中的基本规范、基本类库、基本的协作方式、基本的学习培训计划等等。

随着学习的深入，我慢慢知道了前端自动化，AMD、CMD等的模块化加载器，sass、less等css预处理器，bootstrap前端框架等等的一些更加新的更加能够提高我们工作效率的工具和框架。随着移动端的到来，也慢慢的开始涉足移动端的开发，接触到了HTML5结合CSS3的开发，接触到了响应式开发等等。开始研究学习，不单单是为了自己提高，也是为了团队未来的发展方向。因为我们是在公司的产品基础上做前端开发的，所以不免有所限制，这也是我在探索如何能结合我们目前环境使用这些新的工具和框架。

现在随着这几年的前端行业的发展，新的框架和工具层出不穷，特别是node出现之后，基于node的工具和框架真的如雨后春笋般涌现出来。虽然我们还来不及探索和学习所有的框架和技术，但是这些新的出现正是激励着我和我的团队往前走，不断的进步，不断的追随。

目前，我对于技术的研究也就是看看那些新的东西，不能说深入只是略懂有待实践，探索一下对于团队哪些是可以用的哪些是我们目前还不能在工作中适用的。因为现在带领一个小小的团队，平时对于团队的建设，对于学习培训，对于管理等方面的知识学习的多了一点，思考的多了一点。无论怎么说我自己也才入行3年多左右，对于技术仍然不能松懈，无论是为了自己还是为了团队，让我们都保持一颗热爱学习的心态，共同进步成长。

因为只有成长才能挣得在这个社会更好生活的资本。

期待·你

期待你是开朗活泼的，你是技术大牛或者有一颗努力学习进步的心，这样我们可以相互切磋然后共同进步。

期待，与大家的面基，带着你的抱怨、你的心得、你的感悟、你的经验！我在南京，希望你能看到。

书籍推荐

其实看书不是很多，主要是在网上学习，所以推荐的书也就经典的入门款吧：