Html 加快web开发

Html 加快web开发,html,Html,形势 我最近一直在做一个项目,UI开发似乎太耗时了。在这种情况下,从计算机科学或复杂性的角度来看,服务器端的“业务规则”要比表示方面复杂得多 我发现自己的行为问题让我头疼不已,这与直观的做法完全不同,我可能试图让一个简单的UI元素正确排列,从而成为一个浪费时间和糟糕文档的黑洞 我不是在抱怨;我知道web开发有很多复杂性和广泛的受众需要支持,但与编写复杂逻辑、数学、科学等代码所需的时间相比,完成看似简单的部分需要多长时间,这让我感到困惑 问题 您的想法和个人经验是什么,可以通过web开发从概念变为

形势

我最近一直在做一个项目,UI开发似乎太耗时了。在这种情况下,从计算机科学或复杂性的角度来看,服务器端的“业务规则”要比表示方面复杂得多

我发现自己的行为问题让我头疼不已,这与直观的做法完全不同,我可能试图让一个简单的UI元素正确排列,从而成为一个浪费时间和糟糕文档的黑洞

我不是在抱怨;我知道web开发有很多复杂性和广泛的受众需要支持,但与编写复杂逻辑、数学、科学等代码所需的时间相比,完成看似简单的部分需要多长时间,这让我感到困惑

问题

您的想法和个人经验是什么,可以通过web开发从概念变为现实,并快速实现这一点,或者至少可以让您知道这可能需要多长时间?我特意没有提到任何框架或语言,因为我真的想在这里介绍一下您使用的web开发堆栈,什么工具或最佳实践可以帮助您更快地完成任务,以及您如何最终获得不觉得完全脆弱和充满黑客的代码


夸张、语言偏好和所有想法都很受欢迎,我至少想了解一下成功率很高的web开发所使用的东西,即使它不是最新和最伟大的东西。

我使用UI设计器。他们在这方面做得很好。

我个人发现,将所有事情分解成小任务会有所帮助

我喜欢设计网页的方式:

  • 画出设计图,或者用photoshop进行处理
  • 创建HTML-没有CSS,没有任何样式
  • 现在添加您的样式-基本样式,如定位,保存,使菜单更适合以后使用
  • 如果需要,连接到数据库/服务器端代码
  • 现在添加所需的任何javascript和ajax
  • 把它调整到完美
  • 如果你把所有这些都分解成小任务,当你完成每一项任务时,你会感到更有动力继续工作


    正如我所说,我就是这样做的,而且似乎进展很快,特别是因为我每晚只有1到2个小时的工作时间。

    我围绕实用的、有时在前端工作方面很容易的东西来设计我的应用程序需求。

    我已经使用.NET堆栈大约5年了,ASP.NET MVC堆栈大约3个月了,和老ASP约4年


    处理复杂性的关键是减轻复杂性。在代码中,始终将复杂性抽象到合理的水平。例如,假设下订单有10个步骤。在这种情况下,在更高的级别上,您将有一个方法“submiter”;下面可能有10个方法调用,用于插入适当的记录、处理库存等。在每个“业务”层中,您都可以处理这些业务问题,甚至在这些层下面,您也可以处理数据和机械细节。所有这些层的好处是,您可以让每个层处理一大块工作,当您更接近UI时,您有一个对UI和应用程序流动方式有意义的“界面”。

    我的公司主要从事.NET开发,我们已经成功地将“网络层”模板用于数据访问层。模板被加载到CodeSmith代码生成器中,并指向数据库。最终的结果是你能想到的一切。它将生成DAL、web服务、winforms UI库、web UI库、示例网站和管理工具等。这是一个节省开发时间的好工具。看看吧


    至于在UI上的实际工作,我认为雇佣一名专业人员可能会有好处。我们有一位专业设计师,他与我们签订了一些合同。我们所做的只是将UI连接到我们的UI组件和代码。

    我认为您对UI开发的认识有点错误。UI开发是困难的,其重要性通常被低估

    有必要了解一些基本知识——在你跳转到HAML之前,先了解一下你的HTML,这样你就知道你在抽象什么了。在您开始使用jQuery之前,花点时间学习JavaScript基础知识-您不需要成为专业人士,但是当您需要将一些数字相加时,您应该而不是去寻找一个插件。对如何使用CSS设计样式有很好的理解。要成为一名称职的web UI开发人员,需要学习很多主题和技术


    也就是说,对于绿地开发来说,Rails是相当不错的。选择jQuery。不要选择一个隐藏web实际工作方式的平台。

    要加快获得您想要的HTML页面,请执行以下操作:

    首先,决定一个设计,并使用一个图形程序画出你想要的样子(如果你有一个UI设计师,他们会完成这个步骤)。然后,编写与所绘制内容匹配的静态HTML和CSS。完成后,编写代码输出与您决定的格式匹配的HTML


    我为一个web应用程序编写了一组相当复杂的状态,并发现首先手工编写HTML和CSS,而不必与您的服务器程序搏斗,可以让它运行得更快。

    这个问题的答案取决于您是单独工作还是领导团队

    如果您领导一个团队,您将希望按照以下方式分解职责:

    • 设计师——这些人应该拥有图形模型的创建和CSS的创建/维护。他们应该将CSS作为自己的责任,这样他们就知道,如果没有大量的代码膨胀,就不能创建不合理的图形模型作为网页

    • 标记-这些人应该拥有HTML、acc的创作权