从静态网页设计到动态webdev

时间:2017-05-30 21:29:00

标签: node.js web dynamic

到目前为止,我一直在制作静态网页。 HTML,CSS,Javascript,或许有一些Bootstrap或jQuery在这里和那里;一切都很基础。好的'Github Pages用于部署。

我对创建动态网页感兴趣(例如:一个要求用户登录的博客网站)。但是,创建动态的东西似乎是整个其他世界。关于动态网页和诸如node.js之类的东西的谷歌搜索教程向我展示了如何创建webapps,但不回答自然问题:为什么我们不再直接在index.html中编写?一个风格怎么样?

静态页面和动态页面之间的基本概念差异是可以理解的,但如果有人能够解释实际应用时的差异,我会很感激。

编辑:如果问题似乎彻底失败,我道歉......我会给谷歌第三次运行。

1 个答案:

答案 0 :(得分:0)

尝试了解客户端 - 服务器模型,以及客户端上运行的代码与服务器上运行的代码之间的区别。

截至目前,您使用GitHub页面(服务器)提供您的网页。当您点击该URL并请求存储在您的repo中的资源时,GitHub只会使用在浏览器中运行的准系统HTML,CSS和JS进行响应。有单独的代码接收该请求并发送该响应。

" Dynamic WebDev"正如你所说的那样,在发送这些资源(CSS,HTML,JS,照片等)之前,只需在服务器上进行一些处理。

我之前试图解释这一点,我注意到在Web开发生命周期的每个部分使用一种语言通常会让人感到困惑。我喜欢Node.js,但是当我尝试解释服务器代码和客户端代码之间的区别时,新手们对这些差异感到非常困惑,因为他们最终会说“"为什么我的MongoDB查询不能在我的HTML中运行?” "然后我回答,"你不了解客户端 - 服务器模型"。

首先使用LAMP堆栈了解客户端 - 服务器模型(这是我的建议),因为它使用不同的语言分离WebDev生命周期的每个部分。这使您可以真正了解服务器的不同部分。

您应该已经了解DOM可以通过JavaScript访问。这为您提供了一些概念,即服务器基本上是将代码发送到浏览器的代码。

阅读此链接,了解客户端 - 服务器模型。然后进行Web开发将更容易。 https://www.ibm.com/developerworks/web/tutorials/wa-lamp/wa-lamp.html