Sharepoint UI 开发人员技能

Question

成为 SharePoint UI 开发人员需要哪些技能。开发 UI 时会使用哪些工具和应用程序。

基本上，我关心的是作为一名 UI 开发人员，什么是 Sharepoint UI 开发人员。

Answer 1

严格来说，对于 UI，如果您愿意，除了我的同事 @dns_nx 在 CSS、HTML、JS、jQuery 中指定的内容之外，您不需要熟悉任何特殊内容。您唯一需要了解的是 SharePoint 是什么及其运作方式的基本概念。例如，您需要了解一个基本的事情，比如 SharePoint 中的所有内容都托管在其中。例如，如果您使用 jQuery，则只需加载一次以防止冲突，最好在自定义操作中加载，如下所示：

      <CustomAction
         Location="ScriptLink"
           ScriptBlock="
             document.write('&lt;link rel=&quot;stylesheet&quot;    type=&quot;text/css&quot;   href=&quot;~site/_layouts/15/MyPortalAdditions/bootstrap/css/bootstrap.css? v=1.2&quot;&gt;&lt;/' + 'script&gt;');
document.write('&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;~site/_layouts/15/MyPortalAdditions/slick/slick.css?v=1.2&quot;&gt;&lt;/' + 'script&gt;');
document.write('&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;~site/_layouts/15/MyPortalAdditions/style/prettyPhoto.css?v=1.2&quot;&gt;&lt;/' + 'script&gt;');
document.write('&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;~site/_layouts/15/MyPortalAdditions/style/fontawesome/font-awesome.min.css?v=1.2&quot;&gt;&lt;/' + 'script&gt;');
document.write('&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;~site/_layouts/15/MyPortalAdditions/style/jquery-ui.css?v=1.4&quot;&gt;&lt;/' + 'script&gt;');
document.write('&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;~site/_layouts/15/MyPortalAdditions/UniteGallery/css/unite-gallery.css?v=1.5&quot;&gt;&lt;/' + 'script&gt;');
document.write('&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;~site/_layouts/15/MyPortalAdditions/style/Mydevstyle.css?v=1.85&quot;&gt;&lt;/' + 'script&gt;');"
Sequence="1000" />


 <CustomAction
 Location="ScriptLink"
 ScriptSrc="~site/_layouts/15/MyPortalAdditions/script/jquery-1.11.1.min.js"
 Sequence="1001" />
 <CustomAction
 Location="ScriptLink"
 ScriptSrc="~site/_layouts/15/MyPortalAdditions/script/jquery-ui.min.js?v=1.4"
 Sequence="1002" />
  <CustomAction
  Location="ScriptLink"
  ScriptSrc="~site/_layouts/15/MyPortalAdditions/slick/jquery-migrate-1.2.1.min.js?v=1.4"
  Sequence="1003" />

此外，如果您使用 Ajax 控件，您需要知道 SharePoint 已经加载了自己的脚本管理器。因此，添加另一个会产生冲突，并且您的页面/Web 部件将无法运行。

Answer 2

我认为，你应该具备 ASP.NET、CSS、HTML、JavaScript 等 Web 开发技能。但如果你在SharePoint中创建一个页面，后端代码通常是C#（2010版本 - 其他版本我不知道）。因此，您还应该具备 C# 等 .NET 语言之一的技能。

Answer 3

以下是通常与 UI 开发人员相关的一些关键技能和知识领域：

SharePoint 开发：对 SharePoint 架构、特性和功能有深入的了解。

HTML、CSS 和 JavaScript：熟练掌握前端 Web 开发技术对于设计和自定义 SharePoint 用户界面至关重要。

SharePoint Designer：熟悉 SharePoint Designer，这是一种无需编码即可自定义 SharePoint 网站的工具。

SharePoint 框架 (SPFx)：用于构建客户端 Web 部件和扩展的 SharePoint 框架知识。

响应式设计：能够创建在各种设备和屏幕尺寸上无缝运行的用户界面。

用户体验 (UX) 设计：了解 UX 原则以创建直观且用户友好的界面。

客户端开发：拥有使用 jQuery 等库或 React 或 Angular 等框架进行客户端开发的经验。

REST 和 SharePoint API：熟练使用 RESTful API 和 SharePoint API 进行数据检索和操作。

Power Platform：了解 Power Apps 和 Power Automate，以便在 SharePoint 中构建自定义应用程序和自动化流程。

版本控制：熟悉 Git 等版本控制系统，用于管理和跟踪代码更改。

问题解决技能：能够排查和解决与 SharePoint UI 开发相关的问题。

跨浏览器兼容性：确保开发的 UI 在各种 Web 浏览器上都能正确运行。

沟通技巧：良好的沟通技巧对于与其他团队成员和利益相关者协作至关重要。

自定义和品牌：了解自定义 SharePoint 网站和应用品牌元素以创建一致的外观和感觉。

安全性：了解 SharePoint 安全原则，以确保自定义遵循安全最佳实践。