记录一下自己的建站过程（二）：前端语言

前言（都是唠叨，请忽略）

记得在大二的时候，蹭过pml老师的web2.0课程，但也只蹭了第一节课（毕竟没有考试压力），所以跟这门课的内容我也只知道第一节课。顺带说一句，pml老师的这门选修课可以说是举足轻重，我就认识yzm大哥在之后就走上了前端开发之路，认真刻苦的钻研，然后进了tx-wx。

学习资源

在我建站的过程，就先不追求所谓前端的一些厉害技术了，毕竟我这轮实操的目的是在练手我近期学习到的服务器技能。套用一句我们这行一个名人所说的话——“又不是不能用！”于是我直接用html+css+Javascript这套经典组合拳搞了前端（这就是我在pml老师的课上学到的唯一东西了）。然后为了实现一些想要的效果，就用了Bootstrap和JQuery的一些扩展了~~

记得当年老师也是对着这些网站跟我们说前端开发的，那我也直接贴链接好了。

或者

怎么学呢~各有各的方法吧，这里分享一下我的经验。不用考试的东西，我学的方法都差不多，就是泛读。比如html，把菜鸟教程里面的教程一个个看下来，阅读理解不差的，应该都知道html能干嘛了，就是编写静态页面结构和内容。然后泛读还有一个重要的目标就是，大概知道有那么个东西。比如我想要单选框，就想起来教程里是有的，然后再去找。试多几次，也就记住了。

不过在学习的时候，可能会有一些后端的内容，毕竟不插着讲讲不清，比如表单和get，post。不过应该不影响阅读，不就是往后端发数据嘛，后端干啥先摆一边。看完html+css+javascript这套组合拳，写一个有动态效果的页面应该是可以了。

假设都看过教程了，或者本来就学会了

不知道你会不会，反正我是会，觉得css都自己敲样式，没那么多精力。毕竟写c++都有一堆库帮手呢。于是我就问人，有没有什么模板。我改别人模板算了。问的过程中有个听过pml课的师弟给了我答案（当时还在学校），Bootstrap就是一个牛逼框架啊，改别人模板不比自己写容易多少呢~于是我又去看了，没错，看的还是它：

然后再剧个透，因为后期我需要用Javascript去向服务器获取数据，然后更新页面（而不重新刷新一次界面），所以用到了ajax方面的技术，而JQuery在实现get，post就是异步回调的，因此在这一部分我也用了JQuery的一些功能，然后，对的，菜鸟还是有教程。

虽然确实可以在后端把数据准备好，生成一整张html页面再往前端发，但是，我觉得能在前端做的就在前端做吧，分担一些cpu，毕竟我没钱，在云端买的服务器资源不是那么乐观。

心得

这些学习内容的确是很多的，学习的时候会容易放弃，所以我不是很建议一边读一边练习以巩固（这不包括菜鸟或者w3school里面那些实例哦），如我之前所说要用到再查就好了。等你什么时候有了一种“我有个idea，应该可以写个页面试试”的时候，就放手去做吧！毕竟web服务这套设计的很好，前端在没有数据的时候可以自己造些数据先占位去做页面。

不得不说这确实是一套非常方便的图形化界面的实现方案！标签形式的页面结构，再加样式去定制每个结构的外观和布局，敲完马上在浏览器F5刷新，所见即所得，多爽！想起我写过一段时间的PyQt，那是真的酸爽。