做前端的你有没有觉得很吃力？

[hakunamatata11]

大学毕业后自学了半年前端知识后成功转行。之前的工作内容反反复复进行页面设计、性能优化、系统维护，前端技术止步不前，自学新知识又不成体系，也不知道该从哪个方面提升。

我不反对前端可以自学，但是这几年前端对技术的要求真是越来越高了。尤其是想进入大厂，很多知识体系摸不清楚，面试官一问就懵逼，于是我一直在屡战屡败败败败败败的路上。

作为一个半路出家的前端初学者，真的很缺少一个“师傅领进门”的过程。何况前端是一个高端稀缺、低端泛滥的职业，小菜鸟也想进大厂嘛，于是我就一边恶补基础知识，一边进行着日常的工作，那段时间真的异常吃力和痛苦。

简历没亮点、项目不出彩、技术不过关……在机缘巧合下我听了阿里 P7 乔纳森老师的讲座《前端工程师进阶之路》，他分享了自己的 6 年面试官经验和对实战项目的讲解，帮助大家 7 周掌握大厂 P5~P6 的前端知识体系。

这时候我才茅塞顿开，从阿里 P5 的要求学起，逐步对标大厂的前端能力要求。

感兴趣的朋友，也可以去免费试听体验一下~

经过“师傅领进门”后，我才真正感受到前端的魅力，不局限于之前的修修补补，逐步找到了方向。现在正在准备阿里前端的复试，来这里加个 buff ！

P5 前端学习路线

阿里的社招起点是 P5，P5 前端只对技术能力有要求，最低标准是代码基础扎实，能够独立执行既定任务。

所以，如果是完全零基础的前端开发人员，可以从编程基础（ HTML/CSS/Javascript ）、计算机基础（算法与数据结构 /编译原理 /计算机网络）开始学起，掌握常用的开发软件，了解工具库、开发库和框架。

HTML+CSS+JavaScript

HTML 是超文本标记语言，它是网页的骨架，网页的图片、文字、视频、音频、程序都需要他引入到网页中体现。

重点学习内容：

• 学习基础知识及如何编写语义化的
• HTML 了解页面的各个部分，并且学会如何正确地构建 DOM

学习完 HTML 的基础知识后，可以动手编写 一个 HTML 页面，什么网站都可以，比如一个论坛的登录页面，而且要确保结构是正确的。虽然完成的页面看起来很丑，但是暂时还不用着急，现阶段的重点是学会编写正确的结构。

CSS 是层叠样式表，通过样式属性来对标签进行布局规范，也就是用来美化网页的。

• 学习 CSS 的语法以及常见的属性
• 了解盒子模型以及如何使用 Grid 和 Flexbox
• 完成以上操作后，还需要学会如何使用媒体查询来编写响应式网页

这时候，你就可以给自己的网页增加样式了。

JavaScript 可以让你的 HTML 页面更具有交互性。如果我们不需要加载整个页面，而只加载部分内容，这时出现的滑块、弹窗等都是由 JavaScript 完成的。你需要学习：

• JavaScript 语言的语法和基础结构学习
• 如何通过 JavaScript 来操作 DOM 对象。例如，通过 JavaScript 删除页面中的某些元素、添加一些元素、操作类名、应用 CSS 样式等等
• 学习并理解作用域、闭包、变量提升和事件冒泡等学习如何使用 XHR 或者 Ajax 发送 HTTP 请求。Ajax 可以让你在不重新加载页面的情况下执行某些页面操作。
• 完成上面的内容后，就可以去学习 ES6+ 中所有的新功能。

前端面试题怎么考

在学完前端基础知识框架后，就要开始准备面试了。根据乔纳森老师在《 Web 前端工程师 P5-P6 》的讲解，面试官最看重的是面试者能否将前端知识体系串联。

考察的方式有两种

• 基础题：主要考察前端技术基础是否扎实，
• 开放式问题：考察业务积累，是否有自己的思考，思考问题的方式。

最近在研究什么？ 
项目中遇到的难点，你是怎么解决的？ 
好的代码习惯有哪些？ 
框架的优劣比较 /原理比较 

无论是基础题还是开放题，都需要扎实的前端知识基础，以及成体系的知识框架。

大厂前端岗敲门砖

React 不但是时下最热的前端框架，也是目前大厂都在用的框架类型。因此在三大 JS 框架（ vue,React,angular ）中，可以重点学习 React 。

此外，表现出良好的代码习惯也是很重要的。代码习惯的评判标准有可复用性、健壮性、低耦合性、避免幻数和注释。

大厂常考的前端面试题

此外，我还整理了这些大厂常考的前端面试题。

乔纳森老师主讲的[《**Web 前端工程师 P5-P6，包含了我上面提到的所有知识点，关于前端知识理论体系的介绍和串联、大厂常考的前端面试题、前端工程师的晋升之路都有涉及，乔纳森还会带大家手把手完成三个实战项目**，获得晋升大厂前端敲门砖。

现在特别开放**首节直播免费试听**，感兴趣的小伙伴可以去体验一下哦。