记得在大二的时候,蹭过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,那是真的酸爽。