传音高级前端软件工程师(J18188)
社招全职3年以上地点:上海状态:招聘
任职要求
1. 计算机科学、软件工程或相关专业本科及以上学历。 2. 具有3年以上前端开发经验,有独立完成前端项目的经验 3. 精通 HTML5、CSS3、JavaScript,对 Web 标准有深入理解,熟悉常见的前端设计模式。 4. 熟练掌握至少一种主流前端框架,如 React、Vue.js 或 Angular,并了解其原理和核心机制。 5. 熟悉前端构建工具,如 Webpack、Vite 等,能够进行项目的打包、优化和部署。 6. 具备良好的代码规范和编程习惯,代码结构清晰、易于维护,了解前端性能优化方法,能够对页面性能进行分析和优化,熟悉前端安全知识,能够防范常见的安全风险。 7. 具备较强的问题解决能力,能够快速定位和解决前端开发中的技术问题,良好的团队协作精神和沟通能力,能够与不同角色的团队成员有效合作 8. 有大型项目的前端架构设计经验优先考虑。 9. 了解移动端开发,如 React Native、Flutter 等优先考虑。
工作职责
1. 与产品经理密切合作,理解产品需求,根据产品需求和设计稿,完成高质量的 Web 页面开发,确保页面在不同设备和浏览器上的兼容性和一致性。 2. 负责前端交互逻辑的设计与实现,运用 JavaScript 及相关框架,构建流畅、响应迅速的用户界面,提升用户体验。 3. 参与前端组件库的建设与维护,实现组件的复用,提高开发效率和代码质量。 4. 参与前端技术选型,评估新技术的可行性和适用性,为项目选择最适合的前端技术栈,如 React、Vue.js、Angular 等。 5. 设计和优化前端架构,确保系统的可扩展性、可维护性和性能。负责解决前端开发中的技术难题,提出创新性的解决方案。 6. 对前端应用进行性能优化,包括页面加载速度、资源加载优化、代码压缩等,提升用户体验。 7. 关注前端安全问题,采取措施防范 XSS、CSRF 等安全漏洞,确保用户数据安全。 8. 与后端工程师协同工作,定义接口规范,实现前后端数据交互,确保项目的整体集成和稳定运行。
包括英文材料
学历+
前端开发+
https://roadmap.sh/frontend
Step by step guide to becoming a modern frontend developer
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
Web+
https://web.dev/learn
Explore our growing collection of courses on key web design and development subjects.
设计模式+
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.
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 的基本架构。
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.
编程规范+
[英文] 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.
系统设计+
https://roadmap.sh/system-design
Everything you need to know about designing large scale systems.
https://www.youtube.com/watch?v=F2FmTdLtb_4
This complete system design tutorial covers scalability, reliability, data handling, and high-level architecture with clear explanations, real-world examples, and practical strategies.
React Native+
[英文] Learn the Basics
https://reactnative.dev/docs/tutorial
React Native is like React, but it uses native components instead of web components as building blocks.
https://roadmap.sh/react-native
Step by step guide to becoming a React Native developer
https://www.youtube.com/watch?v=f8Z9JyB2EIE
Get hands-on with React Native and Expo in this crash course! Build a mobile movie app from scratch, and learn essential skills for mobile development along the way.
Flutter+
https://flutter.dev/learn
With codelabs, YouTube videos, detailed docs, and more, find everything you need to get started with Flutter or continue your learning journey.
https://www.youtube.com/watch?v=VPvVD8t02U8
Learn how to use Flutter in this complete course for beginners.
相关职位
社招4年以上信息技术类
1 与设计师、后端工程师、产品经理以及测试团队紧密协作,共同参与需求讨论; 2 负责开发和维护公司内部业务系统; 3 对业务系统前端页面性能和交互进行优化,提升用户体验; 4 参与优化前端团队的开发流程和规范,提高团队的整体效率和代码质量。
更新于 2025-04-16
社招3年以上MEG
-负责百度文心智能体平台B/C端前端产品的设计和开发,保证产品的易用性、性能和可扩展性 -负责前端界面开发,实现各种UI组件和交互效果,提升用户体验 -负责前端页面易用性改进、用户体验和性能优化 -参与前端技术选型、框架搭建和工具链建设,提升团队开发效率和质量 -与产研设计师等紧密合作,快速迭代产品并保障高质量交付 -跟踪并研究前沿的前端技术和智能体相关的应用,推动产品技术创新
更新于 2025-04-18
社招A73986
1、负责字节跳动品牌广告、用户营销与创意相关产品的前端开发工作,完整参与整个产品的设计与研发; 2、负责高质量编码设计,承担业务重点、难点的技术攻坚,保证高可靠、高性能、高可扩展的业务支撑; 3、参与前端基础架构建设与组件抽象,探索新技术并推动其落地,提升开发效率和系统稳定性; 4、参与新产品优化与演进,追求极致的用户体验。
更新于 2023-05-24