码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-11-23 07:41:01      阅读:306      评论:0      收藏:0      [点我收藏+]

标签:shai   排版   设计   网上   方式   教程   ext   问题   标准   

本文同时发布在本人个人博客上www.yaoxiaowen.com

这段时间在学习前端,并仿着我们公司官网的设计 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还是国产的呢。

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

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

标签:shai   排版   设计   网上   方式   教程   ext   问题   标准   

原文地址:http://www.cnblogs.com/yaoxiaowen/p/6091588.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!