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

 

这段时间在学习前端，并模仿了一个很简单的公司官网页面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