为什么自学前端难成?因为自学一门开发技术的条件是非常苛刻的，首要就是得拥有持之以恒的决心和极强的自律性。自学前端很容易进入一些学习误区，本文，千锋重庆培训小编就来给大家说说如何避免误区，学Web前端需要掌握哪些技术，才能去找工作。

　　一、自学前端存在的学习误区：

　　1、所学东西可能已过时

　　我们自学一般是在网上找一些课程或者资料，对于没有接触过前端的小白来说，无法判断找的内容是否是前沿的，甚至不能保证正确性。所以，跟着这样的教程学习存在很大的风险。

　　2、学习方法盲目

　　看书看不懂就找视频类教程学习，觉得教程跟自己的口味不符就另寻他法，因为自己缺少对资源的辨识能力，总是在没有清晰规划学习线路的情况就盲目学习，导致无效学习时间过长而收获平平。

　　3、只有理论，缺乏真实项目锻炼。

　　对技术的理解停留在理论层次，而缺乏真实企业项目的历练，如果没有相关实习或工作经历，对前端岗位具体的责任划分和工作流程了解不充分。自学前端很大一个弊端就是没有实战项目训练的机会，甚至实操的机会都不多。一味的纸上谈兵是学不会开发技术的。

　　二、学Web前端需要掌握哪些技术?

　　①PC端网站布局：HTML基础，CSS基础，CSS核心属性，CSS样式层叠，继承，盒模型，容器，溢出及元素类型等。

　　②HTML5+CSS3基础：HTML5新增的元素与属性，表单域增强元素，CSS3选择器，文字字体相关样式，CSS3位移与变形处理，响应式设计等。

　　③ WebApp页面布局：移动端页面设计规范，移动端切图，文字流式/控件弹性/图片等比例/特殊设计的100%布局，等比缩放布局等。

　　④原生JavaScript交互功能开发：基本语法，循环语句，函数与数组，String与Date，BOM与DOM，事件，拖拽效果，cookie存储，正则表达式，Ajax，面向对象基础，运动与游戏开发等。

　　⑤面向对象进阶与ES5/ES6应用：Promise/A+，设计模式(观察者模式等)，原型链，构造函数，执行上下文栈与执行上下文，变量对象与活动对象等。

　　⑥JavaScript工具库自主研发：DOM库，事件库，AJAX库，原型和继承库，MVVM核心库，基于SPA的路由库等。

　　⑦jQuery经典交互特效：时间轴特效，tab页面切换效果，网页定位导航特效，滑动门特效，焦点图轮播特效，导航条菜单效果，瀑布流特效，弹出层效果，倒计时效果等。

　　⑧应用Vue.js开发WebApp：Vue.js基础，模块化，单文件组件，路由，与服务器通信，状态管理，单元测试与生产发布，服务端渲染SSR与Nuxt.js，基于Vue.js企业级项目开发等。

　　⑨应用React.js开发WebApp：ReactJS基础，JSX语法，组件，flux+Redux，React，Router路由，动画效果，基于React 企业级项目研发等。

　　⑩应用Angular开发WebApp：TypeScript 基础与进阶，开发环境配置，Hello World，架构、模块与组件，模板，元数据、数据绑定与数据显示等。

　　⑪微信公众号开发：初识微信公众号，订阅号的基本功能，使用百度BAE实现代码的快速上线，使用Git完成线上代码部署等。

　　⑫微信小程序开发：微信小程序初探，小程序入门必学，小程序组件体验，小程序大功能，项目实战等。

　　对于零基础的小伙伴学习就业来说，重庆前端培训机构确实是最有效的途径，但也需要找到靠谱的培训机构。在选择时，一定要对比一下培训课程设置、师资实力、教学质量和就业保障服务等方面进行综合考虑。

　　更多关于“学Web前端需要掌握哪些技术”的问题，欢迎咨询千锋教育在线名师。千锋教育拥有多年IT培训服务经验，采用全程面授高品质、高体验培养模式，拥有国内一体化教学管理及学员服务，助力更多学员实现高薪梦想。

上一篇

web前端开发是什么？web前端知识体系包括哪些内容？

下一篇

web前端开发是干嘛的？为什么很多人培训学习Web前端技术？