自学前端到什么程度，可以去找工作呢？

Posted 2022-02-21 黑马程序员官方

如果是实习工作的话，其实目前html+CSS+javascript，然后熟悉熟悉框架的使用依旧可以找到工作。

如果非实习的话，想要达到初级/中级前端工程师就业的话，建议大家对标大厂的招聘需求。对标大厂可以保证我们起码找一个差不多的工作。

先来看看黑马程序员的学员独立完成的项目：

学员作品展示- 深圳 -38期肖同学：《光·遇》官网 - 温暖的灵魂终将相遇

学员作品展示- 深圳 -38期王同学：《阴阳师：百闻牌》手游官网_安卓测试预约_百鬼欢聚 一局忘忧

学员作品展示- 广州 - 27期三组：三亚婚纱摄影_三亚拍婚纱照_首选【飘视觉】_三亚外景海景婚纱摄影_三亚婚纱店

学员作品展示 - 西安 -7期张同学：- 西安唯一视觉【官网】西安婚纱摄影|西安婚纱照|西安婚纱影楼|婚纱摄影工作室

想要达到如上学员的项目水平，请大家仔细阅读下文内容。

一、前端学习路线图

2022年前端学习路线图完整版

本套线路图，包括了前端的学习路径以及4个阶段，9套课程，共计课程273+小时，1861集。

知识点包括了：HTML+CSS–>移动web->JavaScript基础–>Web APIs->数据交互&异步编程–>Node.js–>Vue2+Vue3–>React核心技术–>微信小程序。

二、基础知识对应的方向

HTML+CSS

很多小白开始自学前端都是先来背HTML的标签，从HTML、body、div…往下背，跟背英语单词一样，学了背了就忘了，然后失去学习动力。

其实正确的方式是，从静态页面的完成开始，不用过于纠结记住标签，因为很多前端大牛都是通过多年的经验形成了下意识的记忆。

HTML标签明白了之后，开始了CSS学习，什么阴影，圆角、动画等等的，这些都是日常应用。但是这里需要注意的是，要熟练掌握css定位的原理，盒子模型，等等，如果这些没有弄清楚，javascript学习就会遇到困难。

JavaScript

建议先学习javascript之后再去弄明白canvas，包括HTML5里面有很多标签的接口也需要先明白javascript；

大家学习JavaScript的时候，发现变量、函数、对象这些基础没有大家说的那么难，但是往后的ajax，json，到复杂业务逻辑就开始难了。

可以快速找到成就感的方法就是写点按钮事件，搞个小菜单的隐藏显示这类的，独立用javascript写个小项目。

以上就算是基础内容了，这方面的内容无论你是要找实习工作还是初级中级前端工作，都必须要熟练掌握。然后还要熟悉面试必考的题目，比如：ES6 及后面的新特性、原型链、Event Loop等等。

三、框架部分的学习

上述所谓的基础掌握之后，就要看一下目前比较火的框架。React和vue了。就目前来说，大厂用React较多，中小型公司vue较多。所以大家在找相关工作的时候还是多多注意招聘需求。

3.1 框架学习方法和内容：

现学基础用法，然后学高级用法，最后是来掌握框架的原理。比如React / Vue，Redux / Vuex，因为面试官通常喜欢问这方面的问题，针对这一些一定要去多看看技术大牛的总结，然后自己深入学习。

理论学完了就是实战内容，不管是大厂还是小厂的面试都需要有一定的实战经验。小厂会更看重项目经验，最好是上班就直接可以上手工作。

很多公司会对项目有一定要求，尽量可以考虑到兼容性和性能优化，这种经验你就需要在开发项目的时候，刻意了解创造的问题。找到问题并且解决它，需要在项目中体验一下不同浏览器对于JS和CSS特性的支持程度，然后按照需求调整，性能优化方面大家要注意从网络请求，图片加载速度、动画和代码执行效率下手。

3.2 框架原理面试

比如在说原理相关的问题回答是需要有一套逻辑的，没逻辑非常减分让面试者觉得我们不专业。

首先解释这个技术是干什么的
有什么优点优势
分析一下这个技术内部用了哪些核心机制和算法，再从浅到深，把每个部分或者组件的作用简单描述；

3.3 回答 react 工作原理的问题：

可以先说一下 React 是做什么的它是一个构建用户界面的库。

然后它使用了（从浅一点的方面） virtual dom 把组件结构放在了内存中，用于提升性能。

组件刷新的时候又使用了 diff 算法，根据状态的变化去寻找并更新受影响的组件（然后继续深入 diff 算法…）。

再底层一些， React 分为了 React 核心和 React-dom，核心负责维护组件结构，React-dom 负责组件渲染，而 React 核心又使用了 Fiber 架构等等等等。

如果你深入阅读过它的源代码也可以再结合源码给面试官详细介绍一下，最后再总结一下 react 加载组件、渲染组件和更新组件的过程，这个就是它的工作原理。

四、计算机基础知识

学习计算机相关理论知识，对于职业发展有很大的帮助，在面对找工作的时候更加的有竞争力。但是有一点我希望所有人指导，学习计算机理论是不能帮助我们的业务页面写的更快更好，不能解决开发当中的所有问题。

所以如果你还处在入门级别，学这个没有什么很大的用，学好前端基础更有用（针对非科班出身）

但是随着工作年限的增加，懂底层是非常重要的，无论你是前端还是后端，只要是一个程序员，理论知识，是我们必须要掌握的。可以让我们突破瓶颈，拓展知识面。