我学到了什么创建我的第一个“大”网络项目

昨天，我完成了我的第一个大型 Web 项目：一个单页 SaaS 网站。大，我的意思是我花了整整六天时间才完成。在宏伟的计划中并不长，但我们都从某个地方开始，这是迄今为止我承担的最复杂的 Web 开发任务。

当我看到我第一次提交的日期时，我感到很惊讶。只有六天？感觉比这要长得多。我认为这主要是由于我在工作中学到的重要课程。我通过艰难的方式学到了很多这些课程，也许，如果你是像我这样的初学者，你也可以从他们身上学到一些有用的东西。

卡住了？尝试简化

有时，作为开发人员，我们会感到难过。这对于初学者来说是一种常见的体验。也许我们在 HTML 中有十个缩进，想知道我们是如何到达这里的；或者 flexbox 没有按照我们想要的方式弯曲；或者我们浏览器的 Inspector 的行为与我们预期的不同。

这是可以预料的。 Web 开发是一项复杂的任务，如果我们想要获得我们想要的结果，就必须完美协调许多活动部分。尤其是当我们处于旅程的早期阶段时，这种复杂性很快就会失控。

在这种时候，重要的是 简化。 有时这采用重构代码的形式，使其更清晰、更易于理解。其他时候，就像这个项目中的情况一样，这意味着隔离你正在努力解决的部分，这样你就可以以最小的复杂性来处理它。

在努力使我的页面响应时，我发现注释掉我已经编写的大部分代码非常有帮助。这暂时删除了与我想要关注的部分无关的页面的所有部分。

这样做有几个优点。也许最明显的是，它消除了干扰。如果我试图解决表单的问题，我不想被标题中明显的错位或导航栏仍然无法正确响应页面滚动的事实所拖累。我稍后会解决这些问题。一心一意。

隔离部分也有助于查明错误。如果您调整视口的大小并且整个页面的布局出现异常，则可能很难判断哪个部分导致了问题。它还可能使您无法查看您尝试关注的部分的真实大小调整行为。当该部分是页面上的唯一内容时，您可以肯定地知道，如果仍然有问题，那就是问题所

我怀着最好的意图开始了这个项目。我想我会以线性方式完成模型，边走边设计所有东西，让所有东西在普通桌面视图中看起来都很完美。一次做一件事，对吧？响应可能会在以后出现。

我错了。也许这个工作流程适用于某些人，但这样做会导致我做很多不必要的工作，并且可能会使最终代码变得不那么整洁。

我低估了 HTML 结构在响应式设计中的重要性。当然，你为推荐选择的 div 和 span 的排列可能在宽屏显示器上完全可用，但是当你（很久以后）仔细查看更窄显示器的模型时，它可能会出现根本性的缺陷。

我在这个项目中多次遇到这个问题。至少有一次，我不得不完全重新考虑一个部分的 HTML 结构，只是为了防止在调整大小时出现错位。换句话说，我做了两次同样的工作——随着项目规模的扩大，这不是我能负担得起的。

对于未来的项目，我可能仍会线性地完成模型，但在继续下一个之前，我会让每个部分都完美响应。如果您是初学者并且还在为响应式设计而苦恼，我想为您提供同样的建议。不要等待响应。以后你只会为自己做更多的工作。

现在我已经完成了 Devslopes Web Academy 的高级 HTML 和 CSS 模块，我终于可以继续学习 JavaScript了！由于 Unity 中的一些爱好项目，我已经在 C# 方面拥有相当深厚的背景，所以我期待着轻松浏览大部分材料并最终制作出这些漂亮的网页做某物。

对我来说特别有趣的是制作各种简单的、移动响应的网络游戏，任何人、任何地方都可以享受的想法。也许我最喜欢的逻辑谜题的一些实现也是如此，例如 Numberlink 和 Sudoku。谁知道——也许我什至会为这种项目写一两个教程。未来是光明的！

标签：学到,Web,项目,创建,网络,响应,HTML,页面
From： https://www.cnblogs.com/amboke/p/16654729.html