OPPO高级前端工程师
社招全职3-10年SOFTWARE地点:深圳状态:招聘
任职要求
1、计算机科学、软件工程或相关专业本科及以上学历 2、 3 年及以上前端开发经验,精通 React 及其生态(Redux、React Router、Next.js 等) 3、 扎实的前端基础,熟练掌握 HTML5、CSS3 及 JavaScript(ES6+) 4、 丰富的 TypeScript 使用经验,具备类型安全开发意识 5、 熟悉前端性能优化技术,能够定位并解决复杂性能瓶颈 6、 熟练调用并集成后端 API(RESTful 或 GraphQL) 7、 对新技术充满热情,具备快速学习能力,对 AI 驱动产品有浓厚兴趣 加分项: 1、 拥有 AI 产品或 SaaS 平台前端开发经验 2、 熟悉国际化(i18n)流程及多语言支持方案 3、 熟悉前端 CI/CD 流程及工具链(如 Webpack、Vite 等) 4、深入了解前端与 AI 模型交互设计,并有相关项目实践
工作职责
1、使用 React 生态(包括 React、Redux、React Router、Next.js 等)或Flutter等框架,开发和维护高质量的Web与APP产品的前端部分,确保最佳性能和用户体验 2、与产品经理、设计师及后端工程师紧密协作,将产品功能从需求概念推进至生产环境 3、针对页面加载速度和交互流畅度进行前端性能优化,识别并解决性能瓶颈 4、设计并实现可维护、可扩展的前端架构,推动组件化和工程化实践 5、为 AI 驱动的应用构建直观易用的用户界面,实现与 AI 模型的无缝交互 6、 根据用户反馈快速迭代,不断完善产品体验 7、 面向全球化场景,解决多语言、多文化 UI 适配挑战
包括英文材料
学历+
React+
[英文] Quick Start - React
https://react.dev/learn
This page will give you an introduction to 80% of the React concepts that you will use on a daily basis.
https://www.youtube.com/watch?v=SqcY0GlETPk
Master React 18 with TypeScript! ⚛️ Build amazing front-end apps with this beginner-friendly tutorial.
https://www.youtube.com/watch?v=x4rFhThSX04
Learn modern React basics in the most interactive, hands-on way possible in the full course for beginners.
Redux+
https://redux.js.org/tutorials/fundamentals/part-1-overview
This tutorial will introduce you to the core concepts, principles, and patterns for using Redux.
JavaScript+
https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Core/Scripting
[英文] Learn JavaScript
https://learnjavascript.online/
The easiest way to learn & practice modern JavaScript
[英文] Learn JavaScript
https://web.dev/learn/javascript
Next.js+
https://nextjs.org/learn
Go from beginner to expert by learning the foundations of Next.js and building a fully functional demo website that uses all the latest features.
https://www.freecodecamp.org/news/tag/nextjs/
A collection of next.js posts
https://www.youtube.com/watch?v=6jQdZcYY8OY
In this video, I will teach you everything you need to know about NextJS for beginners.
https://www.youtube.com/watch?v=ZVnjOPwW4ZA
Master Next.js 13 and build amazing full-stack apps!
HTML+
https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Core/Structuring_content
[英文] Learn HTML
https://web.dev/learn/html
CSS+
ES6+
[英文] ES6 Tutorial
https://www.javascripttutorial.net/es6/
[英文] Javascript ES6
https://www.w3schools.com/JS/js_es6.asp
TypeScript+
https://www.youtube.com/watch?v=JHEB7RhJG1Y
Master TypeScript from basics to advanced concepts through hands-on tutorials covering type annotations, generics, data fetching, Zod library, and more, with practical challenges for effective real-world application.
REST+
https://roadmap.sh/golang/rest-api
Building a REST API in Go offers a blend of high performance, ease of deployment, and scalability.
https://spring.io/guides/gs/rest-service
This guide walks you through the process of creating a “Hello, World” RESTful web service with Spring.
https://www.restapitutorial.com/
REST (Representational State Transfer) APIs have revolutionized the way developers build and integrate web services, enabling seamless communication between systems and applications.
GraphQL+
https://graphql.org/learn/
Learn about GraphQL, how it works, and how to use it
https://www.howtographql.com/
The free and open-source tutorial to learn all around GraphQL to go from zero to production.
https://www.youtube.com/watch?v=xMCnDesBggM
In this GraphQL tutorial series you'll learn how to set up a GraphQL server and make queries/mutations using GraphQL query syntax.
https://www.youtube.com/watch?v=Zg4XIpnLWQg
In this brief video I will be explaining GraphQL for beginners.
SaaS+
https://www.ibm.com/cn-zh/think/topics/saas
软件即服务 (SaaS) 是一种基于云的软件交付模式,服务提供商借此托管应用程序,并通过互联网向用户提供这些应用程序。
CI+
https://www.ibm.com/cn-zh/think/topics/continuous-integration
持续集成 (CI) 是一种软件开发实践,开发人员在整个开发周期中会定期将新的代码和代码变更集成到中央代码存储库中。它是 DevOps 和敏捷方法的关键组成部分。
https://www.youtube.com/watch?v=42UP1fxi2SY
CD+
https://www.redhat.com/zh-cn/topics/devops/what-is-ci-cd
CI/CD 是持续集成和持续交付/部署的缩写,旨在简化并加快软件开发生命周期。
https://www.youtube.com/watch?v=R8_veQiYBjI&list=PLy7NrYWoggjzSIlwxeBbcgfAdYoxCIrM2
Webpack+
[英文] Getting Started
https://webpack.js.org/guides/getting-started/
Webpack is used to compile JavaScript modules.
https://www.youtube.com/watch?v=3On5Z0gjf4U&list=PLblA84xge2_zwxh3XJqy6UVxS60YdusY8
https://www.youtube.com/watch?v=IZGNcSuwBZs
In this video, we will create a Webpack dev environment from scratch.
Vite+
https://www.youtube.com/watch?v=89NJdbYTgJ8
In this video, we will talk about the Vite JavaScript build tool. We will also compare it to Webpack as well as Create React App.
相关职位
社招4-10年核心本地商业-基
1)负责公司数据相关产品的建设,包括不限于BI系统、大屏可视化、专题分析场景、策略工具 2)对数据可视化等方向进行技术攻坚,承担复杂的可视化技术模块,并能够抽象与复用 3)分析和发现系统中的可优化点,持续优化技术,提高产品易用性与用户体验,用数据来衡量成果 4)新兴技术的调研与实践,AI+数据探索、AICoding等场景应用。
更新于 2025-06-22
社招核心本地商业-基
1、负责一个或多个公司级别的数据资产管理、数据呈现与分析等相关 Web 系统的前端设计与实现,包括项目国际化建设。 2、参与现代化 Web 系统标准化建设,负责其中的重点方向,推进项目落地。 3、负责业务组件库建设,参与对数据可视化等方向的技术攻坚。 4、参与探索大模型在工具效率、商业分析领域的应用和落地,包括不限于数据问答、图表解读、自然语言界面等。 5、组织和指导方向内的其他同学,保证业务交付质量与效率。
更新于 2025-06-22
社招技术类
1.全日制本科及以上学历 2.四年以上前端工作经验,能独立负责前端系统研发和维护 3.熟悉 React 前端框架及其生态 4.熟悉常见的前端构建工具如 Vite、Webpack、Rollup 等 5.熟悉常见的微前端框架及其原理 6.掌握基础的数据结构和算法
更新于 2025-06-17