字节跳动前端研发工程师 - 国际化
社招全职R7QG1地点：深圳状态：招聘
任职要求
1、熟练掌握并运用 HTML、JS(含ES6)、DOM、CSS(含LESS、SASS)，Ajax以及JQuery、Zepto、Bootstrap、swiper等类似组件库 2、熟悉移动端Web动效相关高级特性, 如Canvas、SVG、CSS3动画等 3、对网络协议、安全有一定了解和实践 4、对主流前端框架（ React \ Vue \ Angular 等）有一定理解，至少对其中一种有深入应用 5、掌握 Grunt、Gulp、Webpack、FIS 其中任意一项构建工具的使用和配置 6、具有良好的代码风格、编码习惯 7、对产品、用户体验、交互操作流程、及用户需求感兴趣 8、具备良好的责任心、较强的学习能力，善于总结，优秀的团队沟通与协作能力，乐于分享，敢于创新
工作职责
1、负责字节跳动国际化商业变现相关平台与产品的前端开发工作； 2、负责推动与优化已有前端项目的基础架构与组件抽象； 3、积极推动改进产品，包括技术、用户体验、产品等各个维度。
包括英文材料
HTML+
https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Core/Structuring_content
[英文] Learn HTML
https://web.dev/learn/html
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!
ES6+
[英文] ES6 Tutorial
https://www.javascripttutorial.net/es6/
[英文] Javascript ES6
https://www.w3schools.com/JS/js_es6.asp
DOM+
https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction
The Document Object Model (DOM) is the data representation of the objects that comprise the structure and content of a document on the web.
CSS+
Bootstrap+
[英文] Bootstrap 5 Tutorial
https://www.w3schools.com/bootstrap5/
Bootstrap 5 is the newest version of Bootstrap, which is the most popular HTML, CSS, and JavaScript framework for creating responsive, mobile-first websites.
https://www.youtube.com/watch?v=-qfEOE4vtxE
Learn Bootstrap 5 in this full course for beginners.
Swiper+
https://swiperjs.com/get-started
There are few options on how to include/import Swiper into your project.
https://www.youtube.com/watch?v=iUQ-nN46SYc
In this video I'll be guiding you into how to build / create amazing sliders and carousels using SWIPER JS.
Web+
https://web.dev/learn
Explore our growing collection of courses on key web design and development subjects.
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.
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 的基本架构。
Grunt+
https://gruntjs.com/getting-started
Grunt and Grunt plugins are installed and managed via npm, the Node.js package manager.
https://www.youtube.com/watch?v=TMKj0BxzVgw
If you're not using a task runner/build system like Grunt or Gulp, you probably need to!
Gulp+
https://gulpjs.com/docs/en/getting-started/quick-start/
https://www.freecodecamp.org/news/super-simple-gulp-tutorial-for-beginners-45141974bfe8/
Gulp is one of the most popular build tools these days — along with Webpack.
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.
编程规范+
[英文] Google Style Guides
https://google.github.io/styleguide/
Every major open-source project has its own style guide: a set of conventions (sometimes arbitrary) about how to write code for that project. It is much easier to understand a large codebase when all the code in it is in a consistent style.
相关职位
校招A144109
团队介绍：国际化广告创意与生态系统团队致力于为广告创意的生产、解读及优化开发全球领先的技术解决方案。我们的使命是赋能并激发生态内的广告主、创作者及第三方合作伙伴，为终端用户打造并交付最具吸引力的创意体验。 我们以用户为中心，执着于技术卓越，力求在广告技术与创意行业引领技术创新。我们的目标是为产品赋能，并为客户、创作者及整个生态系统创造价值。 1、负责前端技术选型和开发工作； 2、优化前端功能设计，解决各种浏览器和终端设备的兼容性问题，打造一流的产品体验； 3、通过技术手段提升研发效率，并不断提高产品的稳定性与性能； 4、推动大前端业务组件化发展，通过组件、类库编写，提升开发效率和质量。
更新于 2025-07-27
社招JGSG1
1、负责字节跳动国际化商业变现相关平台与产品的前端开发工作； 2、负责推动与优化已有前端项目的基础架构与组件抽象； 3、积极推动改进产品，包括技术、用户体验、产品等各个维度
更新于 2020-06-15
社招A161525
1、负责国际化电商供应链业务需求沟通和前端开发； 2、负责国际化电商供应链业务通用能力开发； 3、负责高质量组件编码设计，与团队成员一起协作，提升供应链相关产品的体验和性能。
更新于 2024-04-01
社招A61824
1、负责国际化短视频内容客服平台前端研发工作，包括但不限于页面交互、数据可视化、客服系统等； 2、理解业务需求，能够承担技术攻坚，拥有一定的技术规划和架构设计能力； 3、探索和优化前端团队的开发模式和流程规范，帮助团队提高开发效率和代码质量。
更新于 2024-09-27