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

前言

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

正文从这开始～

写在前面的话

今天睁开眼睛，习惯性的打开微信朋友圈查看早读课的推送，发现今天的头条既不是大大的招聘贴也不是干货的分享，看到【同说】觉得是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年多左右，对于技术仍然不能松懈，不管是为了本身仍是为了团队，让咱们都保持一颗热爱学习的心态，共同进步成长。

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

期待·你

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

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

 

书籍推荐

其实看书不是不少，主要是在网上学习，因此推荐的书也就经典的入门款吧：

• 《CSS权威指南》

• 《Javascript高级程序设计》

• 《Javascript权威指南》

• 《锋利的jquery》