The way to study F2E/前端工程师学习之路

---------------------------------------个人理解整理·转载请注明---------------------------------------

今天老师开讲了关于Web的普及课，虽然大部分都在讲Web开发，后端技术居多，但是我已经决定好要做一个前端攻城设计狮了...

我针对老师今天说的内容去了解了一下学习前端的一些必备的知识，我觉得明确学什么比盲目学习更有效，特此跟大家分享一下：

老师今天讲的涉及到：photoshop/fireworks,div/css,flash,html,javascript,json,ajax,DOM,jQuery,extjs等。

但大家要注意：网页设计师 ≠ 前端工程师 （这是一个容易混淆的问题，不过也不排除部分公司网页设计师=前端）

网页设计师是通过软件工具设计网页效果图，交给前端工程师进行代码实现。所以前者主要掌握ps/fw/flash，其他的属于前端技术。

当然，一个好的前端也要掌握设计方面的知识，使得交流变得更加顺利。

因为老师对前端的学习不是非常的了解，所以我在网上找到了这样一张图，是目前我找到的最前面的一张图，大家可以参照着学习

另外给大家解释几个我自己也经常混淆的概念，其实理解了，就不会混淆了，之间的区别还是很明显的：

html :大家都知道它是用来写页面的，没错，但是要记住，W3C标准的html是负责页面的结构，虽然html里面一些旧式的语句也可以控制样式(所谓样式，比如一个div里面字体的颜色等...)，但是仅仅使用html在写结构而不涉及样式，不仅不会让它和css一起使用的时候造成混乱，也可以优化SEO；关于结构和样式分离的，可以细看一下这篇读书笔记，是我学到的很不错的一本书的笔记 《Designing with Web Standard（Third Edition）》/《网页重构》读书笔记 ；

CSS :Cascading Style Sheets 就是层叠样式表了，就是用来控制html的样式，层叠就是可以叠加很多种样式的意思；

Javascript:最常见的脚本语言，控制页面的行为，就是让他做什么，在页面里引入交互；

DOM:Document Object Model文件对象模型，就是通过javascript可以来控制html的标签，比如查删改，文件的意思就是，把html文件抽象为一个树形的结构，每个标签内容归为一个文档，通过脚本来对这些文档进行操作；

Ajax:本来也不了解，但是查了一下资料，简单来说，他是一种使用现有标准的新方法而不是一门语言，主要用于页面与服务器进行交流的过程，最简单的例子，Google mail，不需要刷新页面，一旦有邮件进来，就浮现提示，因为页面与服务器的通信是异步的，所以你在看当前的页面并不需要下载文件，就可以迅速得到新的东西。

Json:这个完全不了解，找了资料是这样说的：javascript的对象表示法，那就是一种数据的表现方法而已，javascript也是面向对象的语言，那把对象的表示方法抽象出来应该就是所谓的Json了，可以看看这个：JSON是什么？

而且我最关心的是关于网站的性能优化问题，这方面我一无所知，不过呢，还是等我入门完成了，在深入学习吧。大家一起加油！