自学web前端达到什么水平，才能找到工作？

﹏ヽ暗。殇╰゛Y 2021-09-02 03:36 413阅读 0赞

大多数野生程序员最棘手的问题就是如何依靠技术解决温饱，通俗来讲就是技术折现的问题。如果是单纯出于兴趣，或者只是为了突击某一阶段或者某一项目技术壁垒，不跟就业挂钩的自学倒也是无关痛痒。但是当上岗成为自学的终极目标和结果时，一切都就另当别论了。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2lja3RweGNscw_size_16_color_FFFFFF_t_70_pic_center]

前端自学者存在的学习误区：

1、所学东西可能已过时

奉为经典的东西可能已经过时，或者已经有了更好的替代者，而你获取信息的渠道有限，消息滞后，导致学习的内容也相对滞后。

2、学习方法盲目。

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

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

对技术的理解停留在理论层次，而缺乏真实企业项目的历练，如果没有相关实习或工作经历，对前端岗位具体的责任划分和工作流程了解不充分。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2lja3RweGNscw_size_16_color_FFFFFF_t_70_pic_center 1]

自学前端需要掌握哪些技能，才能去工作？

所以，自学前端需要达到什么水平才能去工作？我结合了知识点和现在前端主流岗位需求，列举了一些，希望对大家的学习有帮助~

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框架等。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2lja3RweGNscw_size_16_color_FFFFFF_t_70_pic_center 2]

自学前端时的加分项

哦，对了还有加分项，大数据可视化！

建议大家从一些知识细节入手，数据可视化入门，数据可视化基础，零编程工具使用：ChartBlocks、Infogram、plotly、Raw、Tableau，D3.js详解，D3.js 入门，D3.js 高级应用，D3.js 应用工具：NVD3、n3，charts，Highcharts，FusionCharts，Polymaps等。

自学其实就是一种手段，至于具体的学习效果，其实全在于个人，这种入门前端的方法基本是属于最慢的，如果学习方法和方向不对，很可能是做无用功。如果是想转行前端或者是想要进入前端这个行业，以此为职业的话，建议还是系统的培训学习吧，因为不仅能节约时间，还能了解到最新的前端技术和技能，也有行业内的专业人士帮你找到最快捷的学习入门方法，不至于白学或者走弯路。

大多数人都选择的web前端学习方法：

前端技术每年都会不断更新，自学前端容易学不到最新的前端技术，前端学习建议大家还是要选择培训为好，在前端培训学校，
    往往都是根据前端技术发展，从而更新前端课程，让学员学到最新的前端知识。像爱创课堂，是一家专门做前端教育的培训机构。
    是由前百度前端架构师，张容铭老师亲自带队授课全程面授；授课以实战课程为主，张老师前端技术过人，每年有很多学员
    过来学习，也教会无数名高级前端工程师，在各企业都有就职。近期爱创课堂就是由张容铭老师亲自全面授课的，精品小班，名额有限，
    前端学习培训、视频教程、学习路线，请添加威信：haomei0452 联系我！现在也有很多人选择学校很茫然，其实可以到实地去体验一下，毕竟适合自己才是最重要的。

前端学习方法很重要，选择适合自己的学习方法，学好前端最重要的培养持续的兴趣,其次就是不断实践，从实践中逐渐练习前端代码等，从而对前端有很好的理解与吸收。如大家对前端还有不了解的问题，可以持续关注我，每天会发一些关于前端相关知识，供大家学习与参考！

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2lja3RweGNscw_size_16_color_FFFFFF_t_70_pic_center]: /images/20210813/833631eba6b44295b99b3e6f18a9ecbd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2lja3RweGNscw_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20210813/d4494e74f9734c8191ad3062a9c50be8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2lja3RweGNscw_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20210813/fd18f4ca6eef451097357ae15875f66b.png