一名大专程序员的前端转型之路作者|张旭乾责编|梦依丹出品

文章图片
作者|张旭乾责编|梦依丹
出品|CSDN(id:csdnnews)
前端和后端开发，哪一个更容易上手？我们时常会在各大技术论坛看到类似的提问。话说兴趣是最好的老师，不实践，你可能很难知道自己更喜欢哪一个？
从Java开发再到前端工程师，他在转型路上遇到过哪些困难？本文作者张旭乾分享了他的转型经历，以及他在学习前端开发过程中，遇到的问题和总结出来的一些经验，希望对你有所启发。

文章图片
我的学习经历编程入门在2008年的时候，我进入大专学习Java开发， HTML和CSS只是专业的附属品。那时，主要还是前后端一体化开发， HTML和CSS只是为了结合Java里的Servlet生成页面。 JavaScript则完全没有讲。
2010年快毕业的时候，我参加了五个月的JavaEE培训，在这期间了解了HTML、CSS ，以及一部分简单的JavaScriptDOM操作和jQuery ，能够编写一些带交互的页面和Ajax异步请求。
在这期间，我没有太重视HTML/CSS/JS基础。因为本身刚入门，并不知道哪些重要，哪些不重要。在做项目的时候，页面部分要自己在网上搜索HTML标签和CSS属性的用法。对于JS部分，则只会jQuery ，高级的语法（例如闭包、原型链）完全没有概念，只知道该怎么定义变量，处理事件，做一些基本的逻辑处理。
顺利转正，还加薪10%我的第一份工作是Java开发，当时公司用的技术很新潮，算是前后端分离的雏形。页面部分完全使用了ExtJS库，它提供了一组现成的UI组件，所有的数据都是通过Ajax来从后端获取，后端则用Java的Servlet提供JSON数据。
这份工作的主要难点是一开始不了解前后端分离的开发模式。由于是第一次尝试完全在客户端JS去请求数据，所以理解起来需要一点时间，当时阅读了ExtJS相关的文档，才大体的了解到这种开发模式。基本上是利用Ajax请求数据，然后通过它内置的API来填充UI 。后面随着开发的功能变多，对这种模式也适应了。
努力学习还是有回报的，过了三个月试用期之后，因为工作比较出色，在拿到正式员工薪资的基础上，又额外加薪了10% 。所以刚进入公司的时候不要怕上不了手，主流的技术遇到不会的地方要善于自行查找资料解决，对于公司内部的技术要勇于向前辈请教。
自由职业：实践与进阶2010年底从第一家公司离职，回到家里自己充电，学习了PHP 。因为当时建站非常流行，学了PHP既可以做个人站长，也可以通过自由职业，为客户建站来赚取收入。因为部署网站的主机基本上都支持PHP和ASP ，而PHP更加流行，所以我就自学了PHP ，通过官方文档，加上实战并结合搜索引擎搜索问题来学习。学完了之后就在网上发了个广告，提供个人建站服务，此时的我还是全栈开发。
2011年底左右，广告发完了我就忘了，没把它太当回事。大年初六突然收到一个客户的电话，需要做一个网站，这让我兴奋不已。我给这位客户一共做了两个网站：
一个是论坛，直接二次开发的，修改了一下样式。
一个是质量保证查询系统，从零使用PHP+MySQL+jQuery+jQueryUI进行开发。
真正有挑战的是第2个项目，页面部分几乎遇到了前端开发中全部常见的难题：
JS代码管理
当时UI部分选择了和jQuery配套的jQueryUI 。 jQueryUI封装了一组常见的UI组件，例如拖拽、对话框、按钮等组件，可以少写一些逻辑代码。尽管如此，编写出来的JavaScript文件还是乱七八糟，因为页面上有很多表格组件，需要在获取数据后，手动去循环展示表格，并在删除或修改的时候，还要修改DOM更新表格；另外还有其它逻辑，例如登录、查询等。