前端入门方法

入门基础必备知识

欢迎共同交流前端技术，共同进步前端技术免费分享213126486，邀请码糯米、

入门阶段应该熟练掌握的基础技能：

• HTML4，HTML5语法、标签、语义

• CSS2.1，CSS3规范，与HTML结合实现各种布局、效果

• Ecma-262定义的javascript的语言核心，原生客户端javascript，DOM操作，HTML5新增功能

• 一个成熟的客户端javascript库，推荐jquery

• 一门服务器端语言：如果有服务器端开发经验，使用已经会的语言即可，如果没有服务器端开发经验，熟悉Java可以选择Servlet，不熟悉的可以选PHP，能实现简单登陆注册功能就足够支持前端开发了，后续可能需要继续学习，最基本要求是实现简单的功能模拟，

• HTTP

在掌握以上基础技能之后，工作中遇到需要的技术也能快速学习。

开发工具

恰当的工具能有效提高学习效率，将重点放在知识本身，在出现问题时能快速定位并

解决问题，以下是个人觉得必备的前端开发工具：

• 文本编辑器：推荐Sublime Text，支持各种插件、主题、设置，使用方便

• 浏览器：推荐Google Chrome，更新快，对前端各种标准提供了非常好的支持

• 调试工具：推荐Chrome自带的Chrome develop tools，可以轻松查看DOM结构、样式，通过控制台输出调试信息，调试javascript，查看网络等

• 辅助工具：PhotoShop编辑图片、取色，fireworks量尺寸，AlloyDesigner对比尺寸，以及前面的到的Chrome develop tools，

• 翻墙工具：lantern, 壁虎漫步（已被和谐）

学习方法和学习目标

方法：

1. 入门阶段反复阅读经典书籍的中文版，书籍中的每一个例子都动手实现并在浏览器中查看效果

2. 在具备一定基础之后可以上网搜各种教程、demo，了解各种功能的实际用法和常见功能的实现方法

3. 阅读HTML，CSS，Javascript标准全面完善知识点

4. 阅读前端牛人的博客、文章提升对知识的理解

5. 善用搜索引擎

目标：

1. 熟记前面知识点部分的重要概念，结合学习经历得到自己的理解

2. 熟悉常见功能的实现方法，如常见CSS布局，Tab控件等。