开发环境
编辑器:Phpstorm 或者sublime
浏览器:chrome(F12开启审查模式,可以看到任何一个网页的元素)或者火狐(需要安装插件firebug),当然右键还可以查看任何一个网站的源代码。
推荐模板网站
-
http://sc.chinaz.com/moban/
- 食用方式:先过一遍下面教程里的全部内容,然后找个好看的模板,学习index.html里的语句具体是怎么用的。一般模板都会涉及到jqeury和bootstrap,有些地方看不懂的话也没关系。
注意:提高基本功还是要靠做下面的作业,套模板只是一种实践和快速生产的方式。
- 食用方式:先过一遍下面教程里的全部内容,然后找个好看的模板,学习index.html里的语句具体是怎么用的。一般模板都会涉及到jqeury和bootstrap,有些地方看不懂的话也没关系。
作业
-
简易:做出登陆界面
-
较难:做出类似百度搜索界面的纯前端页面
Html
- 划掉的可以先不用看 其他都扫过一遍 之后就可以一边查一边写
http://www.w3school.com.cn/html/index.asp
Css
-
http://www.w3school.com.cn/css/index.asp
css都稍微看下
不需要看太仔细
Bootstrap
-
http://www.bootcss.com/
bootstrap看完css后可以看了,试试看各个控件怎么用
JS
-
http://www.w3school.com.cn/js/
js也是都要看的 这个语言很强大
jquery
-
http://www.w3school.com.cn/jquery/
内容不多 但是这是前端的核心