夸克智能信息-高级前端web开发工程师-夸克文档-广州
社招全职2年以上技术类-前端地点:广州状态:招聘
任职要求
1. 2年以上工作经验,基础扎实,精通各种前端技术(包括HTML/CSS/JavaScript等),熟悉ES6语法,熟悉网络协议(HTTP/SSL),熟悉常见安全问题和对策; 2. 精通主流的前端框架,如react/vue/angular等,精通前端构建工具,如 Webpack / Vite / Babel等; 3. 熟悉nodejs 相关知识,并有express/koa等的实践经验,或有其他后端开发经验; 4. 擅长性能优化,有架构设计能力,有过大规模复杂项目开发背景; 5. 对前端技术有持续的热情,良好的团队协作能力,提升团队研发效率,实现极致性能,通过创新交互优化产品体验; 有在线文档技术-富文本编辑器定制开发经验者优先
工作职责
1. 负责夸克App文档团队业务开发,包括:网盘在线文档、夸克文库、工作空间文档创作等业务 2. 负责夸克文档在线编辑器架构设计工作,推进整体方案拉通及实现落地,并通过技术的手段持续改善性能和体验; 3. 主导或参与完成综合在线文档建设,包含但不限于基础在线富文本文档、多维表格、思维导图、在线office等相关文档技术的研发。
包括英文材料
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!
ES6+
[英文] ES6 Tutorial
https://www.javascripttutorial.net/es6/
[英文] Javascript ES6
https://www.w3schools.com/JS/js_es6.asp
HTTP+
https://developer.mozilla.org/zh-CN/docs/Web/HTTP
超文本传输协议(HTTP)是一个用于传输超媒体文档(例如 HTML)的应用层协议。它是为 Web 浏览器与 Web 服务器之间的通信而设计的,但也可以用于其他目的。
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.
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.
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.
Express+
https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Extensions/Server-side/Express_Nodejs/Introduction
本节将回答“什么是 Node”以及“什么是 Express”这两个问题,并通过主要特征和构成要件来简要介绍 Express 框架的与众不同之处。
[英文] Hello world example
https://expressjs.com/en/starter/hello-world.html
Embedded below is essentially the simplest Express app you can create.
https://www.youtube.com/watch?v=SccSCuHhOw0
ExpressJS is the most popular Node.js web server framework and is the basis of thousands of sites.
Koa+
https://github.com/koajs/workshop
[英文] Introduction | Koa
https://koajs.com/#introduction
Koa is a new web framework designed by the team behind Express, which aims to be a smaller, more expressive, and more robust foundation for web applications and APIs.
https://www.youtube.com/watch?v=z84uTk5zmak
In this video we will look at the Koa framework which is a microframework created by the same creators of Express.
后端开发+
https://www.youtube.com/watch?v=tN6oJu2DqCM&list=PLWKjhJtqVAbn21gs5UnLhCQ82f923WCgM
Learn what technologies you should learn first to become a back end web developer.
系统设计+
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.
相关职位