应届生前端上班很吃力怎么办?

吃力,其实反过来讲也是一种好事。

哪里吃力,你存在的问题就在那里,这种吃力很容易提升自己。

我是毕业后刚开始工作跟题主有一样吃力的感觉,之前以为前端只用写写页面,搞css就行了,可真正到了工作我才发现前端所需的重要工具和框架都不太了解,vue也没懂原理,菜的不能在菜了,当时很庆幸老板收留了我,我也暗暗发誓得好好系统学习下前端,证明下自己。

目前,做前端已经有3年了,去年离开了那家公司进了阿里,工作中也几乎遇不到解决不了的问题。这里班门弄斧,分享下我在“逆袭”过程中学习经验,希望对你有帮助~

按大厂的高要求系统巩固基础知识

由于我只了解基础的htm/css/js,但缺乏深入的技术能力,自学的话没人指点,后折腾了一个月。后来听朋友的建议去听了《web前端工程师》这门课,授课讲师是阿里的技术专家,在首节课就带我重构了web前端的学习路径,我不再像个无头苍蝇不知道从哪学起。

这是我从首节免费试听课里薅来的web前端学习路径图
在这里插入图片描述
在《web前端工程师》里,阿里P7乔纳森老师分享了自己6年的面试经验和对实战项目的讲解,帮助我们7周掌握了大厂P5~P6的前端知识体系。

这时候我才茅塞顿开,开始从阿里P5的要求学起,逐步对标大厂的前端能力要求。因为我明白,只有按大厂的高要求学习,我才能快速成长起来。

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

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

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

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

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

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

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

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

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

边学边做项目落地

在前端知识系统巩固后,老师还手把手带着我们做了3个web前端项目,这些项目质量很高,是根据大厂的面试考点来布置的。我按照项目的流程和思路,一步一步完成,给了我很大的成就感和信心。

给大家看下这3个项目:

项目一. To do List
  • create-react-app脚手架介绍
  • CSS盒模型与弹性盒布局
  • React中key的原理
  • setState为什么表现为异步
  • 什么是Hooks

在这里插入图片描述

项目二. 个人中心项目
  • React-Router的使用与原理
  • Redux的使用
  • Ant Design的使用
  • 利用babel-plugin-import实现按需加载
  • suspense的介绍与使用
  • moment.js库的使用
    在这里插入图片描述
项目三. 微博WebApp
  • 微博开放平台接口申请
  • 微博code与access_token获取
  • 接口调用与拦截器
  • scroll view
  • 微博常用组建与常用功能开发
    在这里插入图片描述
精刷面试题冲击大厂

说实话,我原先真没想到有生之年能去阿里这样的互联网大厂,本来也只是借这次报个班好好提升下自己的技术,别试用期过不了就万事大吉了。

但是学到后面越觉得可以试试,梦想要有的,万一实现了呢?

根据乔纳森老师在加粗样式《Web 前端工程师 P5-P6》的讲解,面试官最看重的是面试者能否将前端知识体系串联。

考察的方式有两种

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

最近在研究什么?

项目中遇到的难点,你是怎么解决的?

好的代码习惯有哪些?

框架的优劣比较/原理比较
在这里插入图片描述
手撕算法

虽说前端在工作中用到的算法或许并不多,但是大厂的前端面试必然会靠算法题,但是不会像后端那样考那么难。

我在各论坛里扒了扒大厂常考的高频题类型,再到Lintcode上找出来刷2~3遍,主要是些简单-—中等的题

给大家参考下我刷的题目:

1.三数之和

2.子集

3.第K大元素

4.数组划分

5.木材加工

6.最多有k个不同字符的最长子字符串

7.搜索旋转排序数组

8.最长回文子串

9.LRU缓存策略

10.背包问题

11.岛屿的个数

12.验证二叉查找树

13.有效回文串

14.单词接龙

15.最长上升子序列

16.颜色分类

17.图是否是树

18.骑士的最短路线

19.数字三角形

20.跳跃游戏

最后一些小建议

对于吃力的这一点,对于刚入职场的新人来说多少是属于正常现象,也不用太过焦虑。除了下班后自己充充电,平常遇到问题多向经验丰富的前辈请教,而不是埋头苦干。

前端虽然初期容易上手,但如果一直停留在初级阶段的前端很快会被社会淘汰。

如果你希望在前端领域获得比较大的成就,就请从现在开始努力吧!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值