如果进阿里前端,代码能力得达到什么程度?

徐小夕 等级 920 0 0

笔者身边有很多在阿里不同部门的朋友, 也曾经被面试过阿里, 也面试过很多求职者, 这里笔者通过自身经验, 来谈谈如何面进大厂(比如阿里).

为了保证回答的逻辑性和堵有所获, 我将按照以下3点来谈前端如何才能进大厂(阿里):

  • 阿里不同部门的技术和要求
  • 大厂喜欢的求职者需求具备哪些能力和潜质
  • 如何打造程序员的职场核心竞争力

首先像阿里, 字节, 腾讯这些大公司, 旗下会有非常多的子公司, 子部门, 不同部门之间由于研究领域不同, 所以对技术的要求, 等级也不同, 所以你需要根据自身的技术偏好, 选择或者投递对应的部门. 但是大厂对前端技术要求都会有一些共性, 下面笔者会详细介绍.

阿里不同部门的技术和要求

这里忽略一些假大空的前端技能需求(这些大部分都是培训机构的套路), 我们直接看看Boss上阿里不同岗位的一些要求.

对应届生的要求

  • 具有良好的前端和计算机基础(特别是 js)
  • 皮实乐观自省

至于前端基础, 至少要把下面的知识答对70%:

中高级前端工程师

岗位描述

参与芝麻信用事业部个人信用、商业信用、企业信用 等业务产品线研发; 参与移动端 H5、React、小程序、Node.js 应用框架体系建设以及前端工程体系建设。

岗位要求体

  • 熟练掌握移动端 H5 、PC端开发,熟悉主流移动浏览器的技术特点;
  • 熟练运用 JavaScript 语言与 HTML5、CSS3 等技术;
  • 熟悉模块化、前端编译和构建工具,如 gulp/webpack/rollup 等;
  • 熟练运用主流前端开发框架,并理解其设计原理,例如:React、Vue、Angular 等;
  • 能提供完善的 WebApp 技术方案,了解 native 移动应用开发,有类 react native 开发经验者优先;
  • 对技术有强烈的进取心,具有良好的沟通能力和团队合作精神、优秀的分析问题和解决问题的能力;
  • 熟悉 Node.js Web 应用开发,有koa、egg.js等开发经验者更佳。

高级前端工程师

  • 精通各种前端技术(包括HTML/CSS/JavaScript等),熟悉ES6+语法,具备跨终端(Mobile+PC)的前端开发能力,熟悉网络协议(HTTP/SSL),熟悉常见安全问题和对策;
  • 熟悉前端工程化与模块化开发,并有实践经验(如gulp/webpack、VueJS/React等);
  • 至少熟悉一门非前端的语言(如NodeJS/Java/PHP/C/C++/Python/Ruby等),并有实践经验;
  • 对前端技术有持续的热情,良好的团队协作能力,提升团队研发效率,实现极致性能,通过创新交互优化产品体验;

加分项(满足其一即可)

  • 具备客户端能力或者Native&Web技术融合经验;
  • 熟悉Canvas动效&WebGL3D以及各种传感器技术;
  • 复杂企业后台应用开发经验;
  • 数据可视化产品设计开发经验;
  • 大规模/高负载场景下NodeJS应用开发、运维经验;
  • 良好的算法背景,对机器学习有研究和项目实施经验;
  • 有独立的开源项目或者参与知名开源项目经验;团队管理能力;英语沟通能力。

资深前端开发工程师

工作职责

  • 负责共享业务团队相关业务开发,包括支付体系、基础能力、创新业务等相关C端及B端业务或系统的前端架构设计、开发与优化,覆盖Web应用、支付宝小程序、微信小程序、多端组件库、可视化搭建等多个方向;
  • 参与团队前端工程化体系建设,提升研发效率、研发质量;
  • 与其他团队成员合作打造提升公司整体运营效率的产品;
  • 关注前端前沿技术发展,能够对团队输出新的技术与思想,并落地到现有项目中。

任职资格

  • 3年以上相关工作经验,有扎实的计算机基础知识;
  • 深入理解Web前端开发技术,包括HTML/CSS/Javascript等;
  • 至少熟悉React/Angular/Vue等其中一种主流的前端框架,并了解底层原理;
  • 熟悉网站性能优化,了解浏览器实现原理;
  • 了解http协议的基本原理,了解常见的web性能优化手段、常见漏洞;
  • 优秀的团队合作能力,沟通顺畅,追求卓越,乐于创新,敢于尝试。

加分项:

  • 了解Andriod开发或IOS开发、部署相关知识
  • 熟悉node开发,能够开发node web, node cli, node desktop等类型的应用
  • 熟悉linux及操作系统概念。

前端高级专家

工作内容:

  • 负责前端界面的前端构建,各类交互设计与实现;
  • 负责组件库设计优化和高效使用;
  • 负责前端工程化工具实现;
  • 负责智能研发体系的建设。

职位描述:

  • 至少5年以上前端开发经验,本科学历及以上,其中2年以上的H5开发经验,掌握移动端开发(H5 Hybrid),以React/Vue为主的技术栈开发经验;
  • 精通HTML(5)、CSS(3)、JS,精通页面布局,SEO和语义化,熟练使用LESS或SASS开发;
  • 精通DOM、BOM、小程序等前端技术,掌握面向对象编程思想,对常见JS框架有丰富的经验和深入理解,完整的源码阅读最佳;
  • 熟练掌握构建、打包等框架及生态圈技术,具备实战经验和优化经验;
  • 具备性能优化知识体系和实战调优经验,具备架构设计能力;
  • 对多浏览器兼容性、多设备和Android/iOS版本兼容问题处理有一定的经验;
  • 热爱技术、主动钻研、沟通和协作能力优秀,抗压能力强;
  • 至少掌握一门后端开发语言及数据库技术。

接下来我们再来谈谈大厂对求职者的一些偏好.

大厂喜欢的求职者需求具备哪些能力和潜质

其实衡量一个工程师的价值, 会从几个维度:

  • 工作经验
  • 学习能力
  • 可持续性
  • 可挖掘性
  • 影响力

对于不同阶段的工程师会有不同的侧重, 一般大厂除了工作经验之外, 还要考量求职者的技术持续性, 比如说是否会坚持一件事, 是否能创新性的解决问题, 这里可以给大家提点忠肯的建议:

  • 坚持写博客, 复盘
  • 做有价值的开源项目
  • 参与到前沿技术社区中, 锻造影响力

如何打造程序员的职场核心竞争力

如何打造程序员的核心竞争力, 其实是一系列的事情. 在面试阿里或者其他大厂时, 我们需要对自己以及技术有个全面的定位, 剖出自己的价值, 在代码能力具备之后还要考虑其他方面的能力, 比如沟通能力, 领导力, 产品思维, 解决问题的能力, 根据我们上面提到的不同段位面试的要求和职责, 我们需要深度思考自己的长短板, 发现自己感兴趣的领域从而持续深入, 而不是什么都想做, 却什么都做不精. 希望能有所帮助.

收藏
评论区

相关推荐

Hybrid APP基础篇-_Native、Hybrid、React Native、Web App方案的分析比较
说明 Native、Hybrid、React、Web App方案的分析比较 前言 参考来源 前人栽树,后台乘凉,本文参考了以下来源 对当前主流hybrid app、web app与native app工具的初步比较与分析
面向初学者的 React 路由-React Router的完整指南!
因此,您正在尝试学习React.js。也许您甚至已经在其中构建了几个简单的项目。无论您是新开发人员还是有一定经验的人,都可能会发现自己必须开发具有不同页面和路线的Web应用程序。那就是React Router发挥作用的时候。什么是React Router?React Router提供了一种在React或React Native应用程序中实现路由的简便方法。入
如何在React Native和Expo中掩盖Text和TextInput组件
在本文中,我将向您展示如何在React Native和Expo中使用自定义蒙版,可用于iOS,Android和Web!我们将使用一个名为库,这是一个没有本机代码的完整javascript库,然后您可以在React Native环境的所有CLI中使用。](https://res.cloudinary.com/practicaldev/image/fetch/s
3 天新增 4700 Star !开源实时屏幕共享工具在 GitHub 火了
【导语】:Deskreen 可以将任何具有 Web 浏览器的设备转换为电脑的辅助屏幕。 ### 简介 Deskreen 是一个基于 electron.js 的应用程序,使用 WebRTC 协议,将你的电脑桌面流实时传输到到任何设备上的 Web 浏览器。它构建在 Electron React Boilerplate 的顶层,并且为了获得更好的安全性,实现了
VSCode 搭建 React Native 环境
### 安装 React Native Tools 在插件市场搜索 react 找到 React Native Tools 进行安装: ![](https://img2018.cnblogs.com/blog/1312841/201906/1312841-20190619104115078-1529635773.jpg) ### 创建的react-na
Angular React Vue我应该选择什么?
2017 年比较 Angular、React、Vue 三剑客 ============================== 为 web 应用选择 JavaScript 开发框架是一件很费脑筋的事。现如今 [Angular](https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Flink.juej
Dash by Plotly 学习笔记
一、介绍 ==== * * * ### 1、dash 是什么 `dash` 是一个基于 Flask (Python) + React 的 web 框架。 > 入门指南:[https://dash.plot.ly/getting-started](https://www.oschina.net/action/GoToLink?url=https%3A%
React Native (一) react
React Native (一) react-native-video实现音乐播放器和进度条的功能 ------------------------------------------------- 功能: --- 1.卡片滑动切歌 2.显示进度条 效果图: ---- ![](https://oscimg.oschina.net/oscnet/3c
React Native与ExMobi技术路线探索
随着Facebook陆续开源React Native的iOS和Android版本,这种以JavaScript来开发原生APP的方式在移动应用开发圈里得到广泛关注,虽然React Native并不是第一个采用JavaScript编写原生APP的产品,但是其独特的设计思想和实现方式是非常值得借鉴的。 而作为国内老字号的移动应用开发平台,同样支持开发原生APP
React Native升级方法——升级到最新版本0.59
React Native最近有大动作,于2019年3月12日发布新版本0.59。主要有两点值得升级:支持React Hooks;升级了JavaScriptCore,使Android性能有大幅提升。据用过的人说,长列表快速滑动而产生的白屏得到大大改善。这么好的东西得赶紧体验一下啊。[ ](https://www.oschina.net/action/Go
React 深入系列5:事件处理
> 文:徐超,《React进阶之路》作者 > 授权发布,转载请注明作者及出处 * * * ###React 深入系列5:事件处理 > React 深入系列,深入讲解了React中的重点概念、特性和模式等,旨在帮助大家加深对React的理解,以及在项目中更加灵活地使用React。 Web应用中,事件处理是重要的一环,事件处理将用户的操作行为转换为相应
React 表格组件 GridManager
GridManager React ================= \> 基于 React 的 GridManager 封装, 用于便捷的在 React 中使用GridManager. 除过React特性外,其它API与GridManager API相同。 ![image](https://s2.ax1x.com/2019/04/16/AxA4xK.
React.render和reactDom.render的区别
这个是react最新版api,也就是0.14版本做出的改变。主要是为了使React能在更多的不同环境下更快、更容易构建。于是把react分成了react和react-dom两个部分。这样就为web版的react和移动端的React Native共享组件铺平了道路。也就是说我们可以跨平台使用相同的react组件。  新的react包包含了React.crea
React16.4 开发简书项目 从零基础入门到实战
第1章 课程导学 本章主要介绍学习react的重要性,课程的知识大纲,学习前提,讲授方式及预期收获。 1-1 课程导学 第2章 React初探 本章主要讲解React项目的开发环境搭建,工程代码结构及React中最基础的语法内容,同时对前端组件化思想进行介绍。 2-1 React简介 2-2 React开发环境准备 2-3 工程目录
Taro小程序采坑记
[Taro](https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Ftaro.aotu.io%2F),京东凹凸实验室出品的适配多端的一个框架, **Taro** 是一套遵循 [React](https://www.oschina.net/action/GoToLink?url=https%3A%2