From 5bbceb20f6fc1cf8c5c98bfa3413552b6e8a2882 Mon Sep 17 00:00:00 2001 From: 7Wate Date: Mon, 30 Sep 2024 15:08:27 +0800 Subject: [PATCH] =?UTF-8?q?=E5=89=8D=E7=AB=AF=EF=BC=9A=E7=9B=AE=E5=BD=95?= =?UTF-8?q?=E6=9E=B6=E6=9E=84=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Professional/Work/full-stack/home.md | 32 ------------------- .../WebDevelopment/0.Overview}/历史发展.md | 0 .../WebDevelopment/0.Overview}/概述.md | 0 .../0.Overview}/现代化开发工具链.md | 0 .../WebDevelopment/2.HTML}/HTML.md | 0 .../WebDevelopment/3.CSS}/CSS.md | 0 .../WebDevelopment/4.JavaScript}/JavaScript.md | 0 .../WebDevelopment/7.Tools}/PM2 工具.md | 0 .../WebDevelopment/7.Tools}/Webpack.md | 0 .../WebDevelopment/7.Tools}/包管理工具.md | 0 10 files changed, 32 deletions(-) delete mode 100644 Professional/Work/full-stack/home.md rename {Professional/Work/full-stack/文化 => Technology/WebDevelopment/0.Overview}/历史发展.md (100%) rename {Professional/Work/full-stack/文化 => Technology/WebDevelopment/0.Overview}/概述.md (100%) rename {Professional/Work/full-stack/文化 => Technology/WebDevelopment/0.Overview}/现代化开发工具链.md (100%) rename {Professional/Work/full-stack/基础 => Technology/WebDevelopment/2.HTML}/HTML.md (100%) rename {Professional/Work/full-stack/基础 => Technology/WebDevelopment/3.CSS}/CSS.md (100%) rename {Professional/Work/full-stack/基础 => Technology/WebDevelopment/4.JavaScript}/JavaScript.md (100%) rename {Professional/Work/full-stack/工具 => Technology/WebDevelopment/7.Tools}/PM2 工具.md (100%) rename {Professional/Work/full-stack/工具 => Technology/WebDevelopment/7.Tools}/Webpack.md (100%) rename {Professional/Work/full-stack/工具 => Technology/WebDevelopment/7.Tools}/包管理工具.md (100%) diff --git a/Professional/Work/full-stack/home.md b/Professional/Work/full-stack/home.md deleted file mode 100644 index 8f2b3da9..00000000 --- a/Professional/Work/full-stack/home.md +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: 前端工程师（Front-End Engineer） -date: 2023-11-09 ---- - -## 前端工程师（Front-End Engineer） - -前端工程师是负责构建和维护网页或 Web 应用用户界面的专业人员，他们将设计师的设计稿和后端开发者的 API 转换为可以在浏览器上运行的网页或应用。 - -**职责与工作内容：** - -1. **构建用户界面**：使用 HTML、CSS 和 JavaScript 构建网页或应用的用户界面。 -2. **实现交互效果**：编写 JavaScript 代码来实现用户与网页或应用的交互。 -3. **优化性能**：优化前端代码和资源加载，提升网页的加载速度和运行性能。 -4. **响应式设计**：使网页或应用能够适应不同的设备和屏幕尺寸。 -5. **与后端协作**：与后端开发者协作，实现数据的前后端交互。 -6. **测试与调试**：使用各种工具对前端代码进行测试和调试，保证代码的质量和稳定性。 - -**必备技能与知识：** - -1. **HTML/CSS/JavaScript**：这是前端开发的基础，HTML 用于描述网页内容，CSS 用于描述网页样式，JavaScript 用于实现网页交互。 -2. **前端框架和库**：如 React、Angular 或 Vue.js，这些框架能够帮助开发者更容易地构建复杂的前端应用。 -3. **版本控制系统**：如 Git，用于代码的版本管理和多人协作。 -4. **构建和打包工具**：如 Webpack、Babel，用于优化和转译前端代码。 -5. **浏览器开发工具**：理解并熟练使用浏览器的开发者工具，用于代码调试和性能分析。 -6. **对用户体验的理解**：理解并关注用户体验，包括交互设计、可访问性、性能优化等。 - -总体来说，前端工程师的目标是构建和维护高性能、易用、美观的用户界面，他们通过技术手段，使得用户可以愉快、高效地使用网页或 Web 应用，满足用户的需求。他们的工作直接影响到用户的体验，对于提升产品的价值和满足客户需求至关重要。 - -### RoadMap - -![frontend.jpg](https://static.7wate.com/img/2023/10/13/3de10cdfeb7bd.jpg) diff --git a/Professional/Work/full-stack/文化/历史发展.md b/Technology/WebDevelopment/0.Overview/历史发展.md similarity index 100% rename from Professional/Work/full-stack/文化/历史发展.md rename to Technology/WebDevelopment/0.Overview/历史发展.md diff --git a/Professional/Work/full-stack/文化/概述.md b/Technology/WebDevelopment/0.Overview/概述.md similarity index 100% rename from Professional/Work/full-stack/文化/概述.md rename to Technology/WebDevelopment/0.Overview/概述.md diff --git a/Professional/Work/full-stack/文化/现代化开发工具链.md b/Technology/WebDevelopment/0.Overview/现代化开发工具链.md similarity index 100% rename from Professional/Work/full-stack/文化/现代化开发工具链.md rename to Technology/WebDevelopment/0.Overview/现代化开发工具链.md diff --git a/Professional/Work/full-stack/基础/HTML.md b/Technology/WebDevelopment/2.HTML/HTML.md similarity index 100% rename from Professional/Work/full-stack/基础/HTML.md rename to Technology/WebDevelopment/2.HTML/HTML.md diff --git a/Professional/Work/full-stack/基础/CSS.md b/Technology/WebDevelopment/3.CSS/CSS.md similarity index 100% rename from Professional/Work/full-stack/基础/CSS.md rename to Technology/WebDevelopment/3.CSS/CSS.md diff --git a/Professional/Work/full-stack/基础/JavaScript.md b/Technology/WebDevelopment/4.JavaScript/JavaScript.md similarity index 100% rename from Professional/Work/full-stack/基础/JavaScript.md rename to Technology/WebDevelopment/4.JavaScript/JavaScript.md diff --git a/Professional/Work/full-stack/工具/PM2 工具.md b/Technology/WebDevelopment/7.Tools/PM2 工具.md similarity index 100% rename from Professional/Work/full-stack/工具/PM2 工具.md rename to Technology/WebDevelopment/7.Tools/PM2 工具.md diff --git a/Professional/Work/full-stack/工具/Webpack.md b/Technology/WebDevelopment/7.Tools/Webpack.md similarity index 100% rename from Professional/Work/full-stack/工具/Webpack.md rename to Technology/WebDevelopment/7.Tools/Webpack.md diff --git a/Professional/Work/full-stack/工具/包管理工具.md b/Technology/WebDevelopment/7.Tools/包管理工具.md similarity index 100% rename from Professional/Work/full-stack/工具/包管理工具.md rename to Technology/WebDevelopment/7.Tools/包管理工具.md