大多数野生程序员最棘手的问题就是如何依靠技术解决温饱，通俗来讲就是技术折现的问题。
如果是单纯出于兴趣，或者只是为了突击某一阶段或者某一项目技术壁垒，不跟就业挂钩的自学倒也是无关痛痒。但是当上岗成为自学的终极目标和结果时，一切都就另当别论了。
前端自学者存在的学习误区：
1、所学东西可能已过时
奉为经典的东西可能已经过时，或者已经有了更好的替代者，而你获取信息的渠道有限，消息滞后，导致学习的内容也相对滞后。
2、学习方法盲目。
看书看不懂就找视频类教程学习，觉得教程跟自己的口味不符就另寻他法，因为自己缺少对资源的辨识能力，总是在没有清晰规划学习线路的情况就盲目学习，导致无效学习时间过长而收获寥寥。
3、只有理论，缺乏真实项目锻炼。
对技术的理解停留在理论层次，而缺乏真实企业项目的历练，如果没有相关实习或工作经历，对前端岗位具体的责任划分和工作流程了解不充分。
自学前端需要掌握哪些技能，才能去工作？
所以，自学前端需要达到什么水平才能去工作？我结合了知识点和现在前端主流岗位需求，列举了一些，希望对大家的学习有帮助~
pc端网站布局：html基础，css基础，css核心属性，css样式层叠，继承，盒模型，容器，溢出及元素类型，浏览器兼容与宽高自适度，定位，锚点与透明，图片整合，表格，css属性与滤镜等。
html5+css3基础：html5新增的元素与属性，表单域增强元素，css3选择器，文字字体相关样式，css3位移与变形处理，css3 2d转换与过度动画，css3 3d转换与关键帧动画，弹性盒模型，媒体查询，响应式设计等。
webapp页面布局：移动端页面设计规范，移动端切图，文字流式/控件弹性/图片等比例/特殊设计的100%布局，等比缩放布局，viewport/meta，rem/vw的使用，flexbox详解，移动web特别样式处理等。
原生javascript交互功能开发：基本语法，循环语句，函数与数组，string与date，bom与dom，事件，拖拽效果，cookie存储，正则表达式，ajax，面向对象基础，运动与游戏开发等。
面向对象进阶与es5/es6应用：promise/a+，设计模式（观察者模式等），原型链，构造函数，执行上下文栈与执行上下文，变量对象与活动对象，作用域链，闭包，this，es5，es6等。
javascript工具库自主研发：dom库，事件库，ajax库，原型和继承库，mvvm核心库，基于spa的路由库等。
jquery经典交互特效：时间轴特效，tab页面切换效果，网页定位导航特效，滑动门特效，焦点图轮播特效，导航条菜单效果，瀑布流特效，弹出层效果，倒计时效果等。
php+mysql后端基础：php，mysql，http(s)协议详解，ajax进阶、跨域与defered，apache与nginx 环境搭建与配置，接口的定义，mock数据，restful，前后端联调，前端安全(xss,csrf,json注入)等。
前端工程化与模块化应用：gulp，webpack，npm，git/svn，commonjs，amd，cmd，es6模块化等。
pc端全栈开发：大首页、列表页与详情页展示与交互特效、搜索、登录与注册、购物车、jqueryui 与 jquery easyui、bootstrap(ace)、highcharts/echarts、arttemplate、velocity、smarty、云平台系统前端等。
应用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，架构、模块与组件，模板，元数据、数据绑定与数据显示，表单，服务与指令，依赖注入，路由，ionic 3 mui框架等。
微信公众号开发：初识微信公众号，订阅号的基本功能，使用百度bae实现代码的快速上线，使用git完成线上代码部署，公众号开发权限及功能接入，微信jssdk接口api，微信场景项目开发与接入等。
微信小程序开发：微信小程序初探，小程序入门必学，小程序组件体验，小程序大功能，项目实战等。
react native：react native 初探，react native 项目导航，react native 项目文本框，react native 项目滚动分页，react native 项目第三方登录，react native其他组件等。
各类混合应用开发：自主原生navtive hybrid，第三方hybrid框架cordova/phone gap，第三方hybrid框架等。
自学前端时的加分项
哦，对了还有加分项，大数据可视化！
建议大家从一些知识细节入手，数据可视化入门，数据可视化基础，零编程工具使用：chartblocks、infogram、plotly、raw、tableau，d3.js详解，d3.js 入门，d3.js 高级应用，d3.js 应用工具：nvd3、n3，charts，highcharts，fusioncharts，polymaps等。
小编是一个有着5年工作经验的架构师，关于web前端，自己有做材料的整合，一个完整学习web前端的路线，学习材料和工具。需要的伙伴可以加qun，前面是四八四，中间七五七，最后七六零，直接下载，免费送给大家。对于学习web前端有任何问题（学习方法，学习效率，如何就业）都可以问我。希望你也能凭自己的努力，成为下一个优秀的程序员！
自学其实就是一种手段，至于具体的学习效果，其实全在于个人，这种入门前端的方法基本是属于最慢的，如果学习方法和方向不对，很可能是做无用功。如果是想转行前端或者是想要进入前端这个行业，以此为职业的话，建议还是系统的培训学习吧，因为不仅能节约时间，还能了解到最新的前端技术和技能，也有行业内的专业人士帮你找到最快捷的学习入门方法，不至于白学或者走弯路。这只是个人的一点建议，仅供参考，不喜勿喷！
如对本文有疑问， 点击进行留言回复！！
清除新版Google Chrome浏览器中表单控件（input，button...）默认的黑色边框
荐 20200714——git/mac配置/项目运行步骤/一些报错
antd 菜单组件 使用时报错：Cannot read property ‘isRootMenu‘ of undefined
CSS|div的style=“background-image: url(img/a.bmp)图片显示不出来
硬件仪表盘账号建立指导（一） --WHQL认证测试结果提交账号（一）
cookie的规范Cookie的不可跨域名性或Cookie与域名的关系
我要评论
网友评论