通过马克Ryba

HubSpot的CMS的这周发布的Hub,有一些令人兴奋的新功能!从拖拽页面编辑器从共享主题变量和功能,到甚至是无服务器功能,HubSpot平台的功能似乎在一夜之间爆炸式增长。

这对已经熟悉和在建项目的开发商意味着什么HubSpot的CMS平台?为了迎接挑战并充分利用这些新的CMS Hub特性,他们需要在多大程度上改变他们的工作流技能集?

让我们深入了解HubSpot开发者为了适应新的CMS Hub需要学习的5件事:

1.当地开发实践

在过去的几年里,现代web开发已经成功地从云编辑器回归到本地开发机器。本地开发意味着开发人员可以将代码编译器、包管理器、检查器等工具与集成开发环境(ide)结合使用,这些工具允许我们在更短的时间内编写更高质量的代码。

这也意味着我们并没有直接影响现场制作网站,而是在“沙箱”中工作,在那里没有错误消息可以影响现场流量。了解如何使用本地开发工具和建立您自己的个人本地开发工作流将影响您开发过程的每一步。

到目前为止,最流行的通用web工作IDE是微软的Visual Studio代码(也称为VSCode)。它是一个跨平台的IDE,这意味着它可以在Windows、Mac或Linux上运行。它有一个直观和吸引人的界面,广泛的插件支持,自定义功能,如主题和代码字体,以及一个集成的终端运行你的命令行代码(更多的在一点)。有些插件甚至允许对代码输出进行本地实时预览。

一旦VSCode安装并运行,您将希望安装node . js和相关的命令行节点包管理器(npm)。Node.js是一个运行在服务器上的JavaScript运行时,这意味着我们可以使用与标准web JavaScript非常相似的JavaScript语法编写服务器端代码。

在安装、管理和使用不同的依赖项来帮助我们编译代码时,NPM是我们最好的朋友。NPM允许我们使用诸如狼吞虎咽地吃SASS / SCSS,以及JavaScript编译器,例如巴别塔.这些工具让我们可以编写更多的现代代码(而且数量更少),而不必担心为旧浏览器编写代码。这些工具使用我们通常必须自己编写的适当语法、回退和腻子填充来编译和自动更新我们的代码。 学习使用HubSpot的CMS的秘密,把你的网站变成一个精益的,有意义的,营销机器。获得指南,+奖金:页面搜索引擎优化工作表"></a></span></span>
                  <!-- end HubSpot Call-to-Action Code --><br><br></p><h2><strong>2.命令行接口</strong></h2><p>命令行界面是现代web开发工作流程中的关键工具。它们使开发人员能够安装、管理和使用大量专门为开发人员构建的轻量级应用程序。命令行界面是没有附加图形用户界面(GUI)的应用程序。它们通常用于简单的目的,例如移动、创建或以其他方式处理项目文件夹中的文件。</p><p>HubSpot的创造了<a href=自己的CLI用于CMS Hub资产的本地开发。这个工具将帮助开发人员下载、创建和上传他们的工作到云中或从云中上传。(了解更多关于HubSpot CLI的信息.)

现代web开发在三个主要领域都难以置信地依赖于cli:管理依赖项和本地工具,Git的使用,以及部署任务(我们将在后续文章中进一步讨论)。理解基本的cli功能对于开发人员遵循HubSpot的新最佳实践至关重要。

3.版本控制

仅仅因为web开发回到了本地开发机器,并不意味着开发人员就不能在同一个项目上进行协作。版本控制系统——除了作为安全、可靠性和web开发代码备份的工具之外,还允许多个开发人员同时在同一个项目上工作,而不覆盖彼此的更改。这是怎么做到的?

答案是Git,它是一种工具,允许开发人员将代码的每次迭代保存为“提交”。然而,Git真正的强大之处在于它的组织工作流。当通过云存储库工具在Git项目上协作时,例如GitHubBitbucket都,开发人员可以为项目创建“问题”。虽然问题通常是指需要修复的bug或其他错误,但它们也可以用作简单的任务列表。例如,当建立一个网站时,每个模块可以作为一个单独的问题被记录。

然后可以将单个任务分配给一个项目中的独立开发人员。然后,开发人员将创建一个与主版本分离的“分支”或项目变体。他们的代码应该只适用于他们正在处理的特定问题。一旦完成,他们就可以将他们的代码提交回存储库,并为他们的工作创建一个pull请求。然后,某人可以检查他们的分支,以确认它已经准备好投入生产,并将该分支合并到主分支中。之后,其他处理其他问题的开发人员可以将最新版本的主服务器拉到他们的本地分支中。

HubSpot学院“Tip教授”

雷切尔谢尔登"width=主题、模块和拖放HubL标记的组合是开发人员优化编辑器体验的强大工具包。秘密武器就是交流。当开发者扮演咨询角色,并与营销人员合作设计编辑体验时,HubSpot CMS的全部力量将使双方更高效、更成功。”

-雷切尔谢尔登入站教授

4.Serverless功能

CMS中心最大的新功能是包含serverless功能作为网站项目的一部分。从高层来看,无服务器功能可以使用云提供商提供的资源,而不是专用服务器上的资源(可以将其视为服务器端功能的共享主机)。这意味着以前需要购买和配置虚拟个人服务器(VPS)、安装操作系统、安装运行时和语言、安装web服务器以及其他开发人员操作(DevOps)任务的功能现在得到了简化。您所需要做的就是编写代码。

无服务器函数最强大的特性之一是进行服务器端身份验证的能力,这意味着您可以使用比严格在网页的客户端可用的api更安全的方法来使用api。这意味着您可以屏蔽API密钥或生成OAuth令牌,而不会将这些凭证暴露给恶意的最终用户。

这为更多异步数据管理提供了各种可能性,这在前端JavaScript框架和web应用中是很常见的。数据可以从网页来回发送到服务器和数据库,与实际的网页加载请求无关。

一个示例用例包括异步管理HubDB API,这意味着数据被发送到HubSpot,然后在同一个页面上接收,而不需要额外的页面加载。当用户在页面上时,数据就会实时加载,类似于Twitter在后台的提要顶部加载新tweet。除了HubSpot-specific用例,serverless功能允许开发人员创建更中经验来处理实时数据,而没有设置代理服务器的开销或花不必要的时间在普通开发人员操作任务当所有他们需要写几行是服务器端代码。

5.前端框架

最后,HubSpot开发人员需要学习的最重要的概念之一是前端JavaScript框架。HubSpot已经明确表示,它构建的CMS不是针对昨天或今天的网络,而是针对明天的网络。这意味着在网站中为终端用户提供更多的交互性和类似应用程序的体验。

这些类型的交互主要是使用前端JavaScript框架构建的,例如反应Vue.React和Vue的工作流程与传统的web开发甚至是传统的应用程序开发相比非常不同,学习这些类型框架的工作流程将是构建HubSpot CMS项目的巨大优势。

仅仅为了使用React而学习React并不重要。相反,React的价值在于“思维反应React有严格的亲子关系结构,特别是组件概念。React组件对HubSpot最初推出的自定义模块有很大影响,自定义模块是一个由自包含的HTML、JavaScript和CSS组成的独立文件,可以在整个项目中重用。

如果你想更多地了解React,特别是从网页开发的角度,我建议你花一个周末,创建一个盖茨比网站,了解这个生态系统。Gatsby使用React创建静态HTML、JavaScript和CSS文件。因为许多React教程都是围绕着如何创建一个应用程序展开的,所以从网页开发的角度来看,Gatsby是学习React的一个很好的选择。

奖金:营销经验

当新的CMS Hub开始显著改变HubSpot门户网站的开发者和营销人员之间的关系时,开发者应该考虑一个额外的概念:

开发人员不再像过去那样简单地创建页面模板和博客模板。在CMS中心,我们正在构建网站主题和模块,将作为动态资产,与我们合作的营销人员使用。

如果营销人员需要改变网站的原色或其他全球性内容,他们应该不再需要联系开发人员。相反,作为开发人员,我们应该使用CMS Hub工具,根据市场营销人员的经验创建资产。如果我们使我们的模块和主题/模板尽可能灵活,营销人员可以快速和容易地更新他们的内容。

市场营销者对你所创造的资产做得越多,你就能够投入更多时间在互动体验、动画和其他高级功能上,从而区分你所创建的网站并创造更强大的用户体验。

作为一个在HubSpot平台上工作了6年多的开发者,现在是成为开发者社区一员的最激动人心的时刻。HubSpot的CMS Hub是一个具体的迹象,表明该公司正专注于开发人员体验,并推动其平台成为市场上最好的CMS。它的团队正在从最大和最尖端的平台中汲取灵感,但永远不会忘记营销经验是其产品的核心。

HubSpot的开发者和HubSpot一样,也有向其他行业学习的任务。现在是创新、试验并将这些新功能推向极限的时候了。来看看SmartBug®团队创新HubSpot的CMS对于我们的客户,请查看我们的1946伟德手机版下载

Understanding-and-Increasing-Website-Traffic-cover"srcset=

希望贵公司有更多合格的入站客户?关注你的网站流量:

了解和增加网站流量

检查一下"></a></span></span>
                    <!-- end HubSpot Call-to-Action Code -->
                   </div>
                  </div>
                 </div>
                </div>
               </div>
               <!-- Topics -->
               <div class= HubSpot的 营销策略 Web开发 HubSpot的CMS
马克Ryba"src=

关于作者

马克Ryba是一位高级开发人员,他热衷于创造令人难以置信的在线体验。当你没有尝试最新的前端JavaScript框架,没有将CSS推向新的极限,没有创建自定义的全栈应用解决方案时,你会发现他手里拿着相机,在车库里焊接,或者正在练习成为下一个飞镖世界冠军。阅读更多Mark Ryba的文章

订阅我们的新博客,就可以直接发送到你的收件箱

Baidu