字节跳动AI应用前端工程师-Trae
社招全职J2SVV地点：上海状态：招聘
任职要求
1、本科及以上学历，计算机相关专业，深刻理解前端体系架构，具备扎实的算法、数据结构基础及编程能力； 2、熟练掌握至少一种主流前端框架（如React、Vue.js、Angular），并熟练掌握JavaScript/TypeScript，拥有丰富的前端开发与用户界面设计经验； 3、熟悉前端工程化实践，包括模块化、组件化开发，以及前端性能优化、响应式设计和跨浏览器兼容性调试，了解Webpack、Rollup或Vite、Electron等； 4、具备API对接、接口安全、性能调优和自动化测试等实践经验，能够独立设计并实现高质量的前端服务； 5、熟悉前后端分离架构，了解RESTful接口设计，有良好的代码规范、版本控制及团队协作经验； 6、熟悉跨平台前端开发、响应式设计和前端性能优化技术，能在不同设备和浏览器环境下保证一致的用户体验。 加分项： 1、对AI技术和大语言模型有浓厚兴趣，关注前端交互及用户体验领域的最新技术趋势，具备快速学习和解决问题的能力； 2、有AI功能相关的前端研发经验，熟悉交互设计和用户体验优化，能够将复杂AI功能交互直观地呈现给用户； 3、具备AI Agent相关前端交互设计与集成的经验，了解如何在前端实现AI能力的无缝集成； 4、熟悉VSCode、IntelliJ IDEA、Eclipse等IDE的底层实现与原理；熟悉LSP以及DAP协议；具备Rust研发经验； 5、有VSCode、IntelliJ IDEA、Eclipse、Chrome等IDE的插件开发经验； 6、有开源项目贡献经验或在前端技术社区中活跃者优先考虑。
工作职责
1、负责AI IDE中AI功能的探索与开发工作，专注于AI功能的交互实现，涵盖但不限于代码生成、代码理解、知识问答、Al Agent、多模态、AI生态等等，将复杂的AI功能交互以直观、易用的方式呈现给用户，并不断优化用户体验； 2、开发和维护领先的IDE基础框架，提供灵活的Ul自定义能力和IDE基础服务编排能力、IDE生态和工具链，包括但不限于插件框架、插件市场、和研发流程相关的插件等，支持各种需要IDE的业务场景； 3、持续跟进LLM领域的最新技术趋势，结合AI IDE的前端需求，提供创新的交互解决方案，并推动前端技术的迭代和升级。
包括英文材料
学历+
算法+
https://roadmap.sh/datastructures-and-algorithms
Step by step guide to learn Data Structures and Algorithms in 2025
https://www.hellointerview.com/learn/code
A visual guide to the most important patterns and approaches for the coding interview.
https://www.w3schools.com/dsa/
数据结构+
https://www.youtube.com/watch?v=8hly31xKli0
In this course you will learn about algorithms and data structures, two of the fundamental topics in computer science.
https://www.youtube.com/watch?v=B31LgI4Y4DQ
Learn about data structures in this comprehensive course. We will be implementing these data structures in C or C++.
https://www.youtube.com/watch?v=CBYHwZcbD-s
Data Structures and Algorithms full course tutorial java
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.
Vue+
[英文] Tutorial | Vue.js
https://vuejs.org/tutorial/
The goal of this tutorial is to quickly give you an experience of what it feels like to work with Vue, right in the browser.
https://www.youtube.com/watch?v=VeNfHj6MhgA
3 Hour crash course of the Vue.js framework. You will learn all the fundamentals including components, directives, lifecycle, events and much more.
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
https://www.youtube.com/watch?v=zuKbR4Q428o
Write bulletproof JavaScript code with unit testing!
Angular+
[英文] Learn Angular
https://angular.dev/tutorials/learn-angular
This interactive tutorial will teach you the basic building blocks to start building great apps with Angular.
https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Core/Frameworks_libraries/Angular_getting_started
文章中我们关注 Angular 能提供什么、安装必备的组件、建立一个示例应用，并关注 Angular 的基本架构。
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.
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.
Rollup+
[英文] Tutorial | Rollup
https://rollupjs.org/tutorial/
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.
Electron+
https://www.electronjs.org/zh/docs/latest/tutorial/tutorial-first-app
学习如何创建您的 Electron 项目，并且编写一个简单的入门程序。
https://www.youtube.com/watch?v=fP-371MN0Ck
Learn how to use Electron, React, and TypeScript to build desktop applications.
性能调优+
https://goperf.dev/
The Go App Optimization Guide is a series of in-depth, technical articles for developers who want to get more performance out of their Go code without relying on guesswork or cargo cult patterns.
https://web.dev/learn/performance
This course is designed for those new to web performance, a vital aspect of the user experience.
https://www.ibm.com/think/insights/application-performance-optimization
Application performance is not just a simple concern for most organizations; it’s a critical factor in their business’s success.
https://www.oreilly.com/library/view/optimizing-java/9781492039259/
Performance tuning is an experimental science, but that doesn’t mean engineers should resort to guesswork and folklore to get the job done.
AI agent+
https://www.ibm.com/think/ai-agents
Your one-stop resource for gaining in-depth knowledge and hands-on applications of AI agents.
VSCode+
[英文] Your First Extension
https://code.visualstudio.com/api/get-started/your-first-extension
In this topic, we'll teach you the fundamental concepts for building extensions.
https://code.visualstudio.com/docs/getstarted/getting-started
In this tutorial, you learn about the key features of Visual Studio Code to help you get started with coding quickly.
Eclipse+
https://dev.java/learn/eclipse/
The Eclipse IDE (or Eclipse for short) is a commonly used application that provides tooling that helps developers write, run and debug Java code.
https://eclipseide.org/getting-started/
Documentation is a great resource to get you started with the Eclipse IDE.
https://www.youtube.com/watch?v=VDLgUo120_I
This video walks through the steps of creating a new Java project in Eclipse.
Rust+
https://www.youtube.com/watch?v=BpPEoZW5IiY
In this comprehensive Rust course for beginners, you will learn about the core concepts of the language and underlying mechanisms in theory.
https://www.youtube.com/watch?v=lzKeecy4OmQ
Full Rust 101 Crash Course for beginners.
https://www.youtube.com/watch?v=rQ_J9WH6CGk
相关职位
社招JWBUP
1、负责AI IDE中AI功能的探索与开发工作，专注于AI功能的交互实现，涵盖但不限于代码生成、代码理解、知识问答、Al Agent、多模态、AI生态等等，将复杂的AI功能交互以直观、易用的方式呈现给用户，并不断优化用户体验； 2、开发和维护领先的IDE基础框架，提供灵活的Ul自定义能力和IDE基础服务编排能力、IDE生态和工具链，包括但不限于插件框架、插件市场、和研发流程相关的插件等，支持各种需要IDE的业务场景； 3、持续跟进LLM领域的最新技术趋势，结合AI IDE的前端需求，提供创新的交互解决方案，并推动前端技术的迭代和升级。
更新于 2021-07-12
社招A03660
1、负责AI IDE中AI功能的探索与开发工作，专注于AI功能的交互实现，涵盖但不限于代码生成、代码理解、知识问答、Al Agent、多模态、AI生态等等，将复杂的AI功能交互以直观、易用的方式呈现给用户，并不断优化用户体验； 2、开发和维护领先的IDE基础框架，提供灵活的Ul自定义能力和IDE基础服务编排能力、IDE生态和工具链，包括但不限于插件框架、插件市场、和研发流程相关的插件等，支持各种需要IDE的业务场景； 3、持续跟进LLM领域的最新技术趋势，结合AI IDE的前端需求，提供创新的交互解决方案，并推动前端技术的迭代和升级。
更新于 2023-11-21
社招A111375
1、负责AI IDE中AI功能的探索与开发工作，专注于AI功能的交互实现，涵盖但不限于代码生成、代码理解、知识问答、Al Agent、多模态、AI生态等等，将复杂的AI功能交互以直观、易用的方式呈现给用户，并不断优化用户体验； 2、开发和维护领先的IDE基础框架，提供灵活的Ul自定义能力和IDE基础服务编排能力、IDE生态和工具链，包括但不限于插件框架、插件市场、和研发流程相关的插件等，支持各种需要IDE的业务场景； 3、持续跟进LLM领域的最新技术趋势，结合AI IDE的前端需求，提供创新的交互解决方案，并推动前端技术的迭代和升级。
更新于 2024-01-03
社招A120392
1、负责AI IDE中AI功能的探索与开发工作，专注于AI功能的交互实现，涵盖但不限于代码生成、代码理解、知识问答、Al Agent、多模态、AI生态等等，将复杂的AI功能交互以直观、易用的方式呈现给用户，并不断优化用户体验； 2、开发和维护领先的IDE基础框架，提供灵活的Ul自定义能力和IDE基础服务编排能力、IDE生态和工具链，包括但不限于插件框架、插件市场、和研发流程相关的插件等，支持各种需要IDE的业务场景； 3、持续跟进LLM领域的最新技术趋势，结合AI IDE的前端需求，提供创新的交互解决方案，并推动前端技术的迭代和升级。
更新于 2023-11-21