前端学习规划

注：       

       Web前端开发技术是一个先易后难的过程，主要包括三个要素：HTML（标准通用标记语言下的一个应用）、级联样式表和JavaScript，这就要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。前端开发的入门门槛比较低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。所以，对于从事IT工作的人来说，前端开发是个不错的切入点。也正因为如此，前端开发领域有很多自学成“才”的同行，但大多数人都停留在会用的阶段，因为后面的学习曲线越来越陡峭，每前进一步都很难。另一方面，正如前面所说，前端开发是个非常新的职业，对一些规范和最佳实践的研究都处于探索阶段。总有新的灵感和技术不时闪现出来，例如CSS sprite、悬浮定位、负边距布局、栅格布局等；各种JavaScript框架层出不穷，为整个前端开发领域注入了巨大的活力；浏览器大战也越来越白热化，跨浏览器兼容方案依然是五花八门。为了满足“高可维护性”的需要，需要更深入、更系统地去掌握前端知识，这样才可能创建一个好的前端架构，保证代码的质量。

 

需掌握的基本技术：

1. 掌握各种修图软件，如PS\Fireworks\AI，不要求专业设计师水平，但要会用会改，今天是一专多能的时代，光会编程讨不好饭碗的；
2. 精通JavaScript、jQuery、ExtJS等页面效果框架，这是前端工程师的最核心技能，是专做页面效果的技术。其实精通了JavaScript，后端编程语言，如.NET、PHP、Ruby都很容易掌握，因为其原理是一样的；
3. 精通一二种模板语言，并能修改，如织梦或wordpress的模板；
4. 掌握thinkphp与zend框架，能修改此类开源源码；
5. 掌握html5与sencha，这是做手机等移动设备的页面前端技术；
6. 掌握一二种后端编程语言，如PHP、.NET、JAVA，能读懂后端源码，实际上其原理跟JS差不多；
7. 掌握node.js，熟悉各种自动化部署工具；
8. 掌握FLASH，能制作出动态flash相册，会Flash AS3.0编 程。
9. 学习最新的框架技术，与时俱进
    
   技能提升：

   前端开发技术

   必须掌握基本的Web前端开发技术，其中包括：CSS、HTML、DOM、javascript、Ajax等，在掌握这些技术的同时，还要清楚地了解它们在不同 浏览器上的兼容情况、 渲染原理和存在的Bug

   掌握优化技术

   在一名合格的前端工程师的知识结构中，网站性能优化、 SEO和 服务器端的基础知识也是必须掌握的。

   使用工具

   必须学会运用各种工具进行辅助开发。比如：处理IE系列浏览器兼容性问题的IEtester、FF排错用的Firebug、FlashFirebug、JavaScript Debugger等。

   掌握理论知识

   除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和 浏览器分级支持，等等。

   PS：推荐一篇前端学习好文章：http://kb.cnblogs.com/page/165309/

   个人学习规划：

   第一阶段：在2周内学习HTML和CSS的基本常用知识并用简单的网页做练习，多总结技巧并且多尝试用新的属性。

   参考书籍： 《CSS学习权威指南》

   视频和资料：W3C网站

    

   第二阶段：学习JS，坚持每天打代码。

   入门书籍：《JS征途》，《JS高级程序设计》