新手如何快速有效学习web前端的知识？

在中国互联网行业崛起的大背景下，大家普遍对互联网行业发展持乐观态度。据今年第二季度招聘信息显示，目前web前端工程师日均岗位缺口已经超过50000，随着互联网+的深入发展，html5作为前端展示技术，市场人才需求量将呈直线上涨。

一个好的web前端工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。

那么如何系统的学习企业实用的web前端技术呢？

第一阶段 ：html+div+css+ps切图+ftp网站上传（网站上线）阿里图标+html5标签+css3动画+手机网站开发+swiper.js+iscroll.js

前端开发：制作网页 ，html是内容，css是格式，javascript是动作。

html即超文本标记语言，是 www 的描述语言，由 tim berners-lee提出。设计 html 语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体。

css层叠样式表是一种用来表现html或xml等文件样式的计算机语言。css不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

css 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力

第二个阶段：javascript+jquery+ajax+正则表达式+面向对象+js插件+代码性能优化+github+sea.js+require.js+gulp

javascript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为javascript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在html网页上使用，用来给html网页增加动态功能。

jquery是一个快速、简洁的javascript框架，是继prototype之后又一个优秀的javascript代码库它封装javascript常用的功能代码，提供一种简便的javascript设计模式，优化html文档操作、事件处理、动画设计和ajax交互。

ajax 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

第三个阶段：2d+3d应用+移动触屏事件touch+canvas+svg+多媒体技术+地理信息+本地存储+h5拖拽api+跨域操作+多线程+highcharts图表+bootstrap

移动端触屏事件touch滑动的效果其实就是图片轮播，在pc的页面上很好实现，绑定click和mouseover等事件来完成。

但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。

canvas是html5新增的组件，它就像一块幕布，可以用javascript在上面绘制各种图表、动画等。

没有canvas的年代，绘图只能借助flash插件实现，页面不得不用javascript和flash进行交互。有了canvas，我们就再也不需要flash了，直接使用javascript完成绘制。

以上这些是全部的知识体系。如果你想成为一名合格的程序猿，你除了知道这些知识之外，我觉得还需要以下几点：

要了解敏捷软件开发流程和项目管理知识这也属于一种知识吧。

要学会在网上和别人交流，交流能让自己看到自己的不足。

要学会自我反省和自我学习，随时反省随时进步。

 

 我目前是在职前端开发，如果你现在也想学习前端开发技术， 在入门学习前端的过程当中有遇见任何关于学习方法，学习路线，学习效率等方面的问题， 你都可以申请加入我的前端学习交流裙：前面：603 中间：985 最后：993。里面聚集了一些正在自学前端的初学者 裙文件里面也有我做前端技术这段时间整理的一些前端学习手册，前端面试题， 前端开发工具，pdf文档书籍教程，需要的话都可以自行来获取下载。