夸克智能信息-前端开发工程师-夸克AIGC
社招全职2年以上技术类-前端地点：广州状态：招聘
任职要求
1、计算机专业，本科及以上学历，2~5年前端领域工作经验； 2、精通前端基础技术，包括HTML/CSS/JavaScript/Node.js等，了解浏览器的渲染原理，具有良好的网络、数据结构、算法基础及软件编程能力，有图形化编辑器，低代码平台开发经验者优先； 3、熟练运用 React/Vue 框架以及NodeJS，深入理解其设计原理，并对其配套研发框架或最佳实践有一定了解； 4、熟悉常用设计模式，熟悉前端的模块化、编译和构建工具，熟练使用Webpack/Vite/Babel等工具，对前端的工程架构有理解和实践； 5、在图像&视频编辑器技术、前端性能优化、复杂前端架构以及跨端技术上，有自己的理解，有相应的项目实践或开源项目经验则更佳； 6、有技术热情，对前端或AI技术有强烈的进取心，具有良好的沟通能力和团队合作精神、优秀的分析问题和解决问题的能力；
工作职责
1、负责夸克PC浏览器图像&视频AIGC前端业务开发，包括但不限于图像/视频生成、编辑以及AI工具等前端业务； 2、负责夸克浏览器前端架构设计工作，推进整体方案拉通及实现落地，并且在理解产品业务的基础上，通过技术手段提升产品的用户体验； 3、主导或参与前端/客户端技术优化和难点攻关，包括但不限于复杂编辑器、工作流、页面性能优化、用户关键漏斗、稳定性建设等； 4、关注前端前沿技术研究，通过新技术服务团队和业务；
包括英文材料
学历+
HTML+
https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Core/Structuring_content
[英文] Learn HTML
https://web.dev/learn/html
CSS+
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!
Node.js+
https://liaoxuefeng.com/books/javascript/nodejs/index.html
从本章开始，我们就正式开启JavaScript的后端开发之旅。
https://www.youtube.com/watch?v=32M1al-Y6Ag
This is an intro to Node.js. No frameworks or libraries.
https://www.youtube.com/watch?v=zb3Qk8SG5Ms&list=PL4cUxeGkcC9jsz4LDYc6kv3ymONOKxwBU
In this Node JS tutorial I'll introduce to what exactly Node is all about, why we'd use it and the technologies you'll need to be familiar with to get started.
数据结构+
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
算法+
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/
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.
设计模式+
https://liaoxuefeng.com/books/java/design-patterns/index.html
设计模式，即Design Patterns，是指在软件设计中，被反复使用的一种代码设计经验。使用设计模式的目的是为了可重用代码，提高代码的可扩展性和可维护性。
[英文] Design Patterns
https://refactoring.guru/design-patterns
Design patterns are typical solutions to common problems in software design. Each pattern is like a blueprint that you can customize to solve a particular design problem in your code.
https://www.youtube.com/watch?v=NU_1StN5Tkk
Design Patterns tutorial explained in simple words using real-world examples.
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.
Babel+
https://babeljs.io/docs/
Babel is a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments.
https://www.youtube.com/watch?v=o9hmjdmJLMU
In this video you will learn why do you need to transpile Javascript at all and how Babel comes into play, what babel packages do you need to install and how to use and configure Babel to transpile Javascript code.
相关职位
校招通义2026届秋
通义团队聚焦AIGC、大模型基础研究和行业应用探索，领域覆盖视觉、语音、自然语言处理、机器学习等多个领域。在这里你可以接触业界领先的AI产品和技术，深度参与Modelscope开源生态平台、DashScop灵积模型服务平台、通义AI产品的建设，探索AI+不同场景的全新交互形式，打造具有科技感、全新生产力的科技型产品。期待您的加入，AI浪头一起弄潮，感受不一样的未来！ 工作职责： 1. 参与Web软件的设计、开发和维护，包括但不限于PC Web站点、移动端H5/小程序、浏览器插件等不同形态的互联网应用。 2. 参与AI+不同场景结合的产品开发，AI+带来全新交互形式，深入音视频、图像处理、对话、AI工程化等不同前端领域，提供合适的前端技术解决方案。 3. 参与产品体验的优化，协同制定合适的数据埋点策略，推进业务链路的优化；分析体验技术指标，通过前端性能优化手段，推进 页面交互响应的优化。 4. 参与AI产品（ToB、AI基础平台）的全流程，和各角色协同，完成从需求到设计、开发和上线等整个项目周期内的工作。
更新于 2025-08-05
社招
1. 结合ChatGPT相关AIGC大模型技术，参与内容创作平台开发，利用AI和丰富数据的优势，针对金融场景进行自动化文章创作及热门信息事件深度解读，支撑海内外个股新闻、要闻等金融内容业务迭代； 2. 支撑快讯业务系统开发，构建高速、内容丰富的国际财经资讯情报 3. 关注用户体验，能持续提升负责国际化项目的性能、稳定性和SEO； 4. 结合模型能力构建前端AI研发基建，提升组件编码等开发效率；
社招A198127
1、负责抖音AI相关创新方向工具产品能力及用户产品能力建设； 2、探索基于直播、视频和社交的新的互动场景与AIGC/大模型的结合点，实现创新功能； 3、参与AI创新产品的远期规划、需求分析和技术方案制定； 4、与算法、音视频等团队紧密配合，完成相关原子能力建设，保障高质量迭代。
更新于 2023-12-05