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

痛并快乐着。

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

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

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

简历没亮点、项目不出彩、技术不过关……在机缘巧合下我听了阿里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,包含了我上面提到的所有知识点,关于前端知识理论体系的介绍和串联、大厂常考的前端面试题前端工程师的晋升之路都有涉及,乔纳森还会带大家手把手完成三个实战项目,获得晋升大厂前端敲门砖。

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值