加快网络开发

Question

场合

我最近一直致力于一个项目，其中UI开发似乎过于耗费时间。在这种情况下，就计算机科学或复杂性而言，服务器端的“业务规则”比表示方面要复杂得多。

我发现自己正在把头撞到墙上，行为问题与直观的方法有所不同，一直是浪费时间和文档记录不好的黑洞，我可能会试图让自己变得简单UI元素正确排列。

我不是在抱怨;我理解有很多复杂性和广泛的受众支持Web开发，但我感到困惑的是，与编写具有复杂逻辑，数学，科学的代码所需的时间相比，做一些似乎应该是容易的部分需要多长时间等等。

问题

您有什么想法和个人经验，通过网络开发从概念到现实，并快速完成这项工作，或者至少以一种您可以了解可能需要多长时间的方式？我故意没有提到任何框架或语言，因为我真的很喜欢你在这里使用什么样的Web开发堆栈，哪些工具或最佳实践可以帮助你更快地完成工作，以及如何最终得到完全不易碎的代码并且充满了黑客攻击。

夸张，语言偏好以及欢迎的所有想法，我至少希望了解用于具有高成功率的Web开发的内容，即使它不是最新和最好的东西。

Answer 1

我个人已经发现将一切都分解成小任务有帮助。

我喜欢设计网页的方式：

1. 绘制设计，或者将其设为Photoshop。
2. 创建HTML - 没有CSS，根本没有样式
3. 现在添加您的风格 - 基本风格，如定位，保存菜单，以便以后使用
4. 如果需要，连接到数据库/服务器端代码
5. 现在添加任何javascript，需要ajax
6. 将其调整至完美

如果你把所有这些都分解成小任务，当你完成每项任务时，你会感到更有动力继续工作。

就像我说的，我就是这样做的，而且似乎很快就会发生，特别是因为我每晚只能工作1到2个小时。

Answer 2

Answer 3

我已经使用.NET堆栈大约5年了，ASP.NET MVC堆栈大约需要3个月，而旧版ASP大约需要4年。

处理复杂性的关键是减轻它。在您的代码中，始终将复杂性抽象到合理的级别。例如，假设下订单有10个步骤。在这种情况下，在更高级别，您将有一个方法'SubmitOrder';根据它可能是10个方法调用插入适当的记录，处理库存等。在每个“业务”层中，您可以处理这些业务问题，甚至在这些层之下，您将处理数据和机械细节。所有这些层的好处在于，您可以使每个层处理大量工作，并且随着您越来越接近UI，您将拥有一个对UI和应用程序需要的方式有意义的“界面”。流动。

Answer 4

我认为你对UI开发有点误解。 UI的开发很困难，而且其重要性通常被低估了。

需要了解基础知识 - 在您跳转到HAML之前，请先了解您的HTML，以便了解您正在抽象的内容。在你进入jQuery之前花些时间学习JavaScript基础知识 - 你不需要成为专业人士，但是当你需要在一起添加一些数字时，你应该不去寻找插件。对如何使用CSS设计样式有很好的理解。学习成为一个称职的网络用户界面的主题和技术有很多。

那就是说，对于绿地开发，Rails非常可爱。选择jQuery。并且不要选择隐藏网络真正运作方式的平台。

Answer 5

我使用UI设计师。他们非常适合这类事情。

Answer 6

我根据前端工作的实用性和有时容易的方式制定应用程序要求。

Answer 7

我的公司主要进行.NET开发，并且我们已成功使用'net-tiers'模板进行数据访问层。模板被加载到CodeSmith代码生成器中并指向数据库。最终的结果是你可能想到的任何东西。它将生成您的DAL，Web服务，winforms UI库，Web UI库，示例网站和管理工具等。一个节省开发时间的好工具。看看吧。

就实际使用UI而言，我认为实际聘请专业人士可能会有所帮助。我们有专业的设计师与我们合作。我们所做的只是将UI连接到我们的UI组件和代码。

Answer 8

加快获取您想要的HTML页面：

首先，决定一个设计并使用图形程序绘制你想要的样子（如果你有一个UI设计师，他们就是这么做的）。然后，编写与您绘制的内容相匹配的静态HTML和CSS。完成后，编写输出与您决定的格式匹配的HTML的代码。

我为一个Web应用程序的一组非常复杂的状态做了这个，并且发现首先手动编写HTML和CSS，而不必与服务器程序搏斗，这使得它变得更快。

Answer 9

Web开发人员最常犯的错误是，他们开始写标记而没有考虑自己在做什么以及它的外观。后来，当他们遇到任何问题时，他们不得不重新构造标记几次，这也会影响设计，而不是一种有效的方法。

好的开发人员习惯先设计然后开发。我的意思是最好先在Photoshop中设计您的网站开始编码。这对他们有很大帮助，因为他们知道自己在做什么，以后也可以做什么。

在计划之后，让我们谈谈编码环境。我们中有一个很好的Web开发设置，然后它将提高我们的生产力。主要部分是文本编辑器。拥有一个出色的文本编辑器非常重要，因为我们在文本编辑器上进行了大部分工作。文本编辑器在提高我们的生产力方面发挥着重要作用。好吧，您不能在2019中使用记事本或notepad ++。他们已经过时了。 2019年最好的编辑器是VSCODE和Sublime Text。

我个人使用带有一些插件的Sublime Text。

Web开发的另一个重要部分是版本控制。为此，您可以使用git。还有许多在线免费云存储，例如github，bitbucket等，我们可以在其中存储代码并从世界的任何地方访问它。如今，这些人已经成为远程工作者，他们分享git来分享他们的工作。它不仅对Web开发有帮助，而且对每个软件行业都有帮助。这也使您可以通过简单地创建分支而不用弄乱代码来尝试不同的样式。

在任何软件开发人员或Web开发人员中，最无名但最重要的部分是在编码时使用注释，因为在小型项目中，很容易找到特定的代码，但是当您在大型项目中工作或使用团队然后发表评论是必要的，因为其他开发人员可能不熟悉您的命名约定。如果我们使用注释，那么您就会知道此特定代码的作用。

对于Web开发，我想建议的最后一件事是使用浏览器的开发人员工具。他们确实很棒，并且在发现错误方面非常有帮助。开发人员工具包括控制台，实时代码预览，具有各种移动设备选项的响应式网站预览等等。

一些对Web开发有用的插件是

1. Emmet

2. 美化

3. 拾色器

4. 文件图标

5. 排水沟

6. 集成终端

希望您能得到问题的答案