仿写一个简单的网站,以及初学前端的一点感悟

2018-06-24 00:40:23来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

 

这段时间在学习前端,并模仿了一个很简单的公司官网页面tongshai.net, 把这个页面内容对照着自己实现了一遍。 主要是因为该网站设计很简单(就几个静态页面,连什么控件都没用),很适合作为练手项目, 模仿的工程放在了我的另一个测试服务器上。 点击查看。  (很多功能仅为简单展示内容的网页都比较简单,都可以做为初学者很好的模仿对象)。

在仿写过程中,因为网页很简单,所以也没有碰到过什么很纠结的技术问题。仿写一下也就是熟悉一下相关概念。 并且在代码中使用了bootstrap 框架,快速浏览了一下这个框架的教程, 该框架最大的特点是对于移动端的支持比较好。(虽然我在这个练手项目中,并没有关心这一点, 也没有针对移动端进行优化)。 不过在我使用中,感觉最方便的是 网格系统,方便了排版,起码比使用原生的css表格布局方式更加方便。 当然我使用的也都是最简单的内容,至于它的组件,插件之类的,也都没有使用。 框架帮助我们造好了轮子,的确帮助我们减轻了工作量。

作为前端初学者,推荐一本书 《head first html与css》, 虽然里面并没有讲很多的内容,甚至连h5的新特性,控件甚至标签都没有讲多少,但是道理讲的很清楚。 通俗易懂,搞清楚基本的道理和模型,打好坚持的基础,才是初学者的重点,我这里有几本关于前端学习的书, head first是最好的一本。 从大学到现在,也看过不少关于编程的书,觉得国内的很多编程书籍。不少都属于翻译文档类型(虽然看着厚厚的知识点也很多)。 我的桌子上,始终放着一本android的书,但是我之所以放着的主要作用就是作为参考书,哪个控件,api记不清楚了。 就去翻看。。诚然,这种参考类型的书,有时忘记具体哪一点内容了,去翻阅一下也很好,但是对于初学者,还是看能够把道理讲清楚的书比较重要。。

另外呢。基础的文档或者定义,那就去 w3cshool查看。 如果需要校验,验测html,css页面是否符合最新标准,那么就去这里。 html校验   css校验。 至于IDE,IntelliJ IDEA ,WebStorm等等,Sublime Text自己弄个插件也行。相关方面的资料呢,网上也很多。 这个不像android开发,肯定是使用android studio最好。貌似也没看到一个定论说哪个IDE最好。 我自己使用的是HBuilder,这是IDE还是国产的呢。

作为程序猿,且行且努力。。。。。

 

 

-------
作者: www.yaoxiaowen.com
github: https://github.com/yaowen369

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:css样式表

下一篇:自适应备忘录 demo