我的 web 开发学习之路

最初了解到 web 是从自己使用网站,又因为专业的缘故,所以对编程对 web 开发逐步有了概念。学校论坛算是启蒙,因为管理着后台,其实并不怎么需要编码,无非是挖掘 Discuz 的功能,整合现有资源,并应用到论坛,服务论坛上的用户,比如找朋友、签到打卡、搬运工(学校通知、考试安排等)这些功能。

学校的课程体系中包含 HTML、CSS、JavaScript、JSP 动态网页、XML、JAVA 这些课程,正是这些课程让我逐步对 web 开发感兴趣,让我花时间去了解在这之外的东西,才慢慢地走上了 web 开发之路。但不得不说道路是曲折的,有过弯路有过徘徊,还好度过了那个时期,没有中途离开,否则也就没有这篇文章了。

一无所知

静态网页–> 动态网站

最开始对 web 的理解就是网页,互相连接起来的网页,才有可能形成 world,大家都在使用才能 wide,所以加上网页就形成了 WWW。后来又发现网站都是动态的啊,纯静态网站那是十多年前的事情了呢,于是知道原来有动态网站和动态语言。最先看到的当属 asp 了,在 w3school 上,形形色色的网页都是 asp 后缀的呢。于是开始在 w3chool 上学习 HTML 与 CSS,刚开始的过程无疑是新奇有趣又略有困难的,很多概念不懂,需要不断回顾再学习。这时候 JavaScript 是让我觉得神奇的语言,因为不需要服务器,只需要浏览器的引擎即可操纵网页,轻易修改。

动态网页最先接触的是 JSP,因为恰好学习 Java,使用 JSP 无疑是比较好的选择,使用一本叫作 《Servlet/JSP 深入详解》 的书籍作为入门以及应付考试。了解了 9 大内置对象,了解了如何使用 JSP 与后台 JAVA 进行交互,但始终没有用它做点什么东西出来。后来还是跟着解丹老师做某一个项目,使用 FLEX 作为前端代替了 JSP,这是后话。

逐步形成概念

网站组成

由于身处计算机专业,又待在网络中心,与学校论坛的前辈们在一个地方做事情,所以难免学着去了解 Discuz 这个系统。因为种种原因,加入了论坛团队,担任技术组组长一职。论坛可谓我网站启蒙。因为网站的运行运营以及各种困难问题的解决离不开团队成员的配合与努力,这段期间可谓各自努力学习,都希望把前人所作的工作做好同时让论坛在学校火热起来,其实还有一个目的,就是让我们院系能在学校被熟悉起来,因为曾说自己是信工的,被问居然还有这个院系!!

由于论坛工作的原因,那时对网站粗浅的理解就是网站是社区。由于要和其他院系以及学校组织做活动,因此得准备活动的素材来应对这些活动。所以对网站的组成做了初步的了解。最先做的大概就是 Banner 了,使用阿里妈妈的工具做,只需找好素材,然后根据活动主题做相应改变。

网站大概由前后端以及相应的组件组成,这些组件包括 Banner、flash 广告,图片轮播等等。

网站思考

这段时期我对网站做了相应的思考,其实论坛说到底是一种以话题做主线的社区,大家因为相同的志趣而集合到一起,因为相同的话题而产生交流。失去了话题论坛活跃度必然降低,所以可以看到,学校论坛中学校通知、租房、杏林广播、聚餐吃饭、爆照这些话题是经久不衰,其他话题如灌水吐槽等不能长久,但是可以作为润滑剂,毕竟干货以及热门话题需要时间,不会一直都有,既需要引导也需要刻意制造。

技能学习

静态部分学习

由于动态网站课程的学习,于是顺带地学习了HTML、CSS、jQuery。但也只是很粗浅的入门。一方面原因是眼界不够,觉得无非就这些知识,类似于 XX 天精通 XXX,但实际上有很大的误导,因为任何一门技术研究起来实际上都不是三言两语就可以解释清楚的。比如你学习了 HTML,觉得它无非标签的嵌套以及网页的布局,有什么难的呢。可是写过之后会知道根本不是这样。问题:行内元素和块级元素有什么区别,它们能相互嵌套吗?如果只是学习了标签是不会知道这个问题的答案的。即使了解了这个问题的答案,又会发现它们嵌套后在不同浏览器下效果是不同的,因为浏览器的解析引擎不一样,效果就有所区别了。

实习时由于要做一个内部的系统,其中有个需求是根据日期选择数据,这种需求如果是自己来实现必然费时,而如果使用 jQuery 的组件就是几段代码的工作量。jQuery 给我最大的益处就是其丰富的 DOM 对象 API,基于这些 API,对 DOM 元素的操作变得无比简单,而且由于其对多浏览器的支持,可以简单地开发出适配手机端的网页。

技能的学习让我深深觉得,每一门技术都有好坏,重要的根据需求选择技术并根据应用场景合理地配置,以便达到开发的目的。

服务器配置

每一种服务背后都有前人巨大的工作量作为铺垫,比如 Apache、Memcache、Redis、Nginx 等。

最初搭建论坛使用的是 WAMP 套件,因为不熟悉 Linux 而且 Windows 服务器也够用,所以长久以来也没有更换。

搭建起网站并运行起来最基本的就是设置网站文件目录,并支持动态语言文件的解析,即转发给指定的解析引擎进行解析并返回。套件的好处就是这些设置有可视化的界面,而且有基本够用的设置,不怎么需要额外修改,坏处是可定制性差一点,但是每个阶段有每个阶段的重点。

实际上做 WEB 开发最好还是在 Linux 平台下。因为常用的服务大都是在 Linux 下进行更新,Windows 系统下这些服务一般也会有人维护,但总是会慢一拍,而且有些服务根本不能在 Windows 下运行。

域名、空间以及 DNS

最初由于想使用自己的名字作为网站名搭建博客程序,就去了解了空间及域名。后来由于使用 jayxhj 网名,就购买了 jayxhj.com 这个域名。空间最初准备使用万网的空间以及域名,后来发现实在太贵,一年保守估计 1K 以上,索性购买美国的空间,使用的是 老薛主机, 优点是不需要备案,而且客服支持不错。

工具

最初接触网站并上传文件使用的是 FlashFXP, 后来才了解到使用 SVN 或者 Git 利用 hook 机制上传代码既方便快捷又能回溯,而且由于天然的版本机制,对代码控制和 new feature 的并入是非常好的选择。

WEB 开发体系逐步形成

由于大四实习的需要,在找到 实习 后得以有机会了解到真实的网站开发以及团队协作的流程。

技术选择

对于个人而言,选择一门主要的语言,使用合适的工具,了解足够多的技术并应用,业余学习新技术新语言,无疑是大多数开发者的常态。而对于公司而言,最初会选择一定的技术满足线上的需求,当选择的技术无法支撑需求时会考虑进行优化或者重构以及更换技术方案。由于论坛的接触,以及 PHP 天然地适合 web 开发,于是我选择了 PHP 作为自己的主要开发语言。

开发流程

最初加入的是 股票雷达,公司是创业型互联网金融公司,十人左右的团队,每个人负责一大块,PHP 这边有三个人,iOS 开发一人,技术总监一人,Java 开发一人,产品经理一人,CEO 一人,再加上实习几人,平常的业务会外包给别人做。

公司使用 Asana 作为团队协作工具,任务的分发以及任务的标记完成,使得需求转化成具体可操作的技术任务。一般是由产品经理与 CEO 推出需求,然后与开发人员协商,给出工作安排,CEO 负责资源的配置,即将任务合理分发,产品经理跟进项目的执行并及时反馈,再根据反馈及时调整,以合理控制项目进度。当前端切好页面并调好效果时一般总监会把架构设计好了,后端也把基本的代码设计及接口做好了,这时候就是前后端的整合,整合完成后移交给产品经理做基本测试,然后就是 beta 版发布,发布之后就是根据运营数据做调整,同时跟进开发新的功能,以及修复过去开发的产品的缺陷及 bug。

开发框架的选择

有句话叫作:不要重复造轮子。由于有太多的框架给我们选择,所以从头开发实无必要。框架好在把路由、逻辑分发、代码包含、分层架构做的非常好,而且内置变量还能让开发过程更简洁高效,代码可读性也更好,最重要的是 OOP 的框架能让开发者注重逻辑的实现而无需纠结于细节。

团队配合

无论是即时交流还是延时交流,这些都涉及到工具的选用,比如团队协作工具,比如企业邮箱选择,比如 bug 管理,比如 IM,比如版本控制。实习给我最大的感触就是不论什么事情,要尽心尽力,及时沟通,搞的定的及时做好后期继续优化,搞不定的请教别人,而不是拖到 deadline。因为项目的完成一般是需要协作的,涉及到常见的业务逻辑问题,肯定需要多人的参与,这时及时的沟通就显得尤为重要。工作不比学校,别人为你的工作付出了薪水,所以理应尽最大努力保质完成,即使不能完成也要能找到最好的平衡点,让项目流畅运转。

WEB 开发提高

就好比 PHP 不仅仅是一门脚本或者模板语言,要想学好技术,绝不能仅仅局限在某一门技术上,因为技术的应用范围有限,没有哪个技术能通吃所有方面,在合适的场景下选用合适的技术考虑实现难易综合成本才是比较明智的选择。而技术上的积累,在深度和广度上的平衡,最终会带来质变。

Linux 基础

推荐学习 鸟哥的 Linux 私房菜. 基础学习篇,无论是计算机基础知识的回顾,还是 Linux 的基本概念,这本书都讲的浅显易懂又不致枯燥无味。

面向对象开发

面向对象最大的特点就是封装继承与多态。使用面向对象开发能较容易地实现代码的封装与隔离,使用封装实现数据与数据处理的结合,使用继承可以方便扩展已有封装模块,而多态则实现多变的需求,统一的接口,不同的实现。

MVC

建议看看这个回答

三层构架和 MVC 不同

数据库

无论是关系型数据库还是非关系型数据库(Not Only SQL),数据库都是应用的核心,而且往往应用的瓶颈集中在数据库,这也是 NoSQL 兴起的一大原因,互联网巨大的用户量与数据量使得传统的关系型数据库不堪重负,而 NoSQL 能分担部分压力且表现良好。

代码结构与分层设计

代码结构的设计可以使得资源放在合适的目录,且结构清晰的代码能降低后期维护的成本。提前画好层次结构图,理清代码的设计思路,将应用分层设计,把接口定义良好,可以为后续的开发减轻不少压力。

新技术的学习

新技术的学习无疑是不被社会淘汰最有可能的途经。因为淘汰的常常是不肯学习的人,多学习多思考,跟上先进技术,才能有更好的为应用带来本质的改进。

比如 Node.js 与 PHP 的配合可以使得 API 设计变得更为合理,使用 MongoDB 作为日志分析收集器等等。这些技术的应用往往来自现实中的需求,而只要你的公司你的产品在成长,这些问题迟早会遇到。

涨薪是原动力,做更好的应用是实际需求,更好的服务用户是愿景。

架构

只有从初级工程师一级一级往上爬,当技术积累到一定程度,能带领一个团队做事时,这时候是技术人证明自己的时候,通过好的产品来诠释自己,让同行让团队尊重,也是对自身最好的嘉奖。

总结

一路走来,最大的感觉是成就感与辛苦是同在的。通过实习找到了互联网公司,敲开了互联网之路。而这一路上难免会有犹豫和徘徊,学校非主流语言,不太好的成绩,这些在后来并不被重视的东西当初却是让我对自己产生怀疑的源泉。但好在互联网这一行,不讲出身不相信命运,相信的是个人的努力,相信的是努力之后的结果。现在仍有太多的东西需要学习,仍有不少东西值得去尝试,好在,热血常在,心未凉,一切都值得去探索。