前端入门第一课 概念和基础路线整理

前端

1.jsp和js不是一个东西，js是javascript，和Java没有太大关系。jsp是java server page用户前后台交互，后台调用前台静态网页等；而js是脚本语言，用于控制网页格式、动画效果等。前者是画布，那么后者就是笔。

java-jsp

js-jquery的路线是较为合理的。

2.入门阶段需要掌握的基础知识(转)：

1) HTML4，HTML5语法、标签、语义 
2) CSS2.1，CSS3规范，与HTML结合实现各种布局、效果 
3)Ecma-262定义的javascript的语言核心，原生客户端javascript，DOM操作，HTML5新增功能 
4)一个成熟的客户端javascript库，推荐以及自学jquery 
5)一门服务器端语言：如果有服务器端开发经验，使用已经会的语言即可，如果没有服务器端开发经验，熟悉Java可以选择Servlet，不熟悉的可以选PHP，能实现简单登陆注册功能就足够支持前端开发了，后续可能需要继续学习，最基本要求是实现简单的功能模拟， 
6)HTTP 

3.基本开发工具（转）：
  恰当的工具能有效提高学习效率，将重点放在知识本身，在出现问题时能快速定位并 解决问题，以下是个人觉得必备的前端开发工具： 
1) 文本编辑器：推荐Sublime Text，支持各种插件、主题、设置，使用方便 
2) 浏览器：推荐Google Chrome，更新快，对前端各种标准提供了非常好的支持 
3) 调试工具：推荐Chrome自带的Chrome develop tools，可以轻松查看DOM结构、样式，通过控制台输出调试信息，调试javascript，查看网络等，Firefox对标准的支持也很好，也提供了很多工具+插件 
4) 辅助工具：PhotoShop编辑图片、取色，fireworks量尺寸，AlloDesigner对比尺寸，以及前面的到的Chrome develop tools，这里是一个简单教程 
5) 翻墙工具：使用goagent + chrome很方便。遇到问题时找不到合适的中文资料，可以考虑Google搜索对应的英文资料。 

现在电脑上已经安装了dreamweaver cs4+myeclipse+chrome+photoshop cs2+notepad++

4.需要牢牢M住的github学习资料（学习github的使用也非常有必要）

前端学习分享： https://github.com/qiu-deqing/FE-learning 
  
前端面试题分享： https://github.com/qiu-deqing/FE-interview