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

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

我是毕业后刚开始工作跟题主有一样吃力的感觉,之前以为前端只用写写页面,搞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.跳跃游戏

最后一些小建议

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

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

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

应届生前端上班很吃力怎么办?相关推荐

  1. 若川知乎问答:做前端感觉很吃力怎么办?

    前些日,我发了一篇推文<做前端感到越来越吃力了!怎么办?>,虽然是推广,但阅读量却很高,推广标题我们大概率不能改,感觉骗了大家,掉粉挺多人.写稿的人可能就是看到了知乎这个问答.想起我自己曾 ...

  2. 前端应届生如何做一个职业规划

    前端的兴起 前端真正兴起和开始频繁出现在大家的视线里,大概是在十年前.彼时的 Web 开发基本是由后端主导,前端能做的只是校验一下数据.操作一下 DOM.(其中数据检验是 JS 产生的根本原因:当时网 ...

  3. 给前端应届生的职业规划建议

    林洋,YMFE 资深前端工程师,负责去哪儿网 Hybrid(Hy).React Native(QRN)等移动端方案架构.开发和推进,负责一系列基于 Node 的开源平台(YIcon.YApi 等).开 ...

  4. 写给前端应届生的职业规划建议

    林洋,YMFE 资深前端工程师,负责去哪儿网 Hybrid(Hy).React Native(QRN)等移动端方案架构.开发和推进,负责一系列基于 Node 的开源平台(YIcon.YApi 等).开 ...

  5. 应届生,你如何应付技术关?

    因为最近公司的战略问题,需要招一些没经验的应届毕业生进行培养.不过在面试当中,某些应届生表现出来的,却不能不让我们汗颜.所以,在此以一个招聘者的角度,说说一些看法.         既然是招没经验的应 ...

  6. 应届生应该如何找工作

    根本原因: 学校学的东西达不到目前社会公司,企业的需求.我做开发有很多年了,公司里面也陆陆续续来了不少应届生面试,根据面试后得出的结论是:应届生没什么经验不管是在回答问题上还是做事效率上相对于有经验的 ...

  7. 内容引争议,阿里应届生年薪25W?

    马云的996福报言论的热度还没褪去,近日就有阿里员工开始秀工资了 应届生年终25w+,这个数字应该远超很多工作两三年的程序员了,估计引起了大部分人不适.. 近两年就一直有老员工薪资被应届生倒挂的消息不 ...

  8. 应届生考编上岸选岗、备考经验

    首先我先来自报家门,我是考的X市的市直单位(不是教师),事业编,应届生. 我先来说一下我自己哈,我这个人不是很喜欢热闹,也不想每天活的那么忙碌,所以才会在应该奋斗的年纪选择了安逸.对于想备考或者还在备 ...

  9. 双非应届生校招如何获得大厂青睐?(内附前端大厂面经)|掘金技术征文

    写在前面的话 笔者从17年的2月份开始准备春招,其中遇到不少坑,也意识到自己走过的弯路.故写了这篇文章总结一番,本文适合主动学习的,对自己要学的课程不明确的,对面试有恐惧症的...等将来打算从事技术岗 ...

最新文章

  1. matlab figure被图像填充
  2. ubuntu12.10下安装mysqlworkbench出现“Dependency is not satisfiable: libctemplate0”问题的解决方案...
  3. 程序员成长最快的环境
  4. linux终端常用快捷键
  5. java jsp的指令_[javaEE] jsp的指令
  6. 【记录】jenkins 安装及环境配置(二)
  7. 小程序 redux_Redux应用程序最重要的ESLint规则
  8. 使用poi导出大量数据到excel遇到的问题
  9. 如何看待小米10的葫芦屏?
  10. 无苹果,怎么编写内置 iOS 应用?
  11. 《Android开发从零开始》课程下载地址汇总
  12. mysql 5.7 创建用户_MySQL 5.7 创建用户并授权
  13. ORACLE 11g r2   RAC 安装实施规划
  14. matlab实验教程,matlab实验教程
  15. 【布局优化】基于人工鱼群算法实现充电桩布局优化matlab源码
  16. 六维空间等IPV6资源上不去的一种解决方法
  17. 一年中的最后一天说说_2020最后一天的心情说说
  18. gin embed打包静态资源文件
  19. dellg3计算机rom,戴尔G3 U盘装系统win7教程
  20. 如何在图片上编辑文字?三招教你怎么编辑图片上的文字

热门文章

  1. Exp9 Web安全基础 20164302 王一帆
  2. 【自动驾驶】Frenet坐标系与Cartesian坐标系(一)
  3. segment:?co?_如何跟踪用户动作并了解它们:Segment + MixPanel
  4. html5 调用本地街景,H5案例分享:在移动端调用腾讯街景
  5. P1629 邮递员送信-dijkstra+反向建边
  6. java实现爬虫,爬取网易歌单信息
  7. vue实现消息提示框
  8. rhel centos 源_Rhel centos 7的fips脚本
  9. pythonif嵌套语句题目_python中if嵌套的练习题有哪些?
  10. Mac技巧:新手必看Macbook快捷键使用大全