快速入门前端

---

开发环境

• 编辑器：Phpstorm 或者sublime

• 浏览器：chrome（F12开启审查模式，可以看到任何一个网页的元素）或者火狐（需要安装插件firebug），当然右键还可以查看任何一个网站的源代码。

• 推荐的知乎话题：
  HTML、CSS、JavaScript、PHP、 MySQL 的学习顺序是什么？

推荐模板网站

• http://sc.chinaz.com/moban/
  • 食用方式：先过一遍下面教程里的全部内容，然后找个好看的模板，学习index.html里的语句具体是怎么用的。一般模板都会涉及到jqeury和bootstrap，有些地方看不懂的话也没关系。
    注意：提高基本功还是要靠做下面的作业，套模板只是一种实践和快速生产的方式。

作业

• 简易：做出登陆界面

  
  登陆样例

• 较难：做出类似百度搜索界面的纯前端页面

  
  搜索界面样例

Html

• 划掉的可以先不用看 其他都扫过一遍 之后就可以一边查一边写
  http://www.w3school.com.cn/html/index.asp
  w3school Html

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/
  内容不多 但是这是前端的核心