建立这样的网站所需的技术答案

【问题标题】：Technologies needed for building website like this建立这样的网站所需的技术
【发布时间】：2016-02-07 04:37:12
【问题描述】：

我正计划创建我的投资组合网站。有很多选择，从静态网站生成器到最新的 SPA。我一直是后端开发人员，从来不需要做网站开发。

我希望我的投资组合看起来像这样：http://hackberrylab.com/

构建这样的 SPA 所需的技术是什么，就像这样。或者我可以下载这个网站并简单地更改内容吗？

根据我的研究，AngularJS 是推进 SPA 的方法之一，也有很多教程。但他们都没有产生像这个网站这样的例子。我也不介意学习多种技术，它会很有趣。

请指导。

【问题讨论】：

angularjs 可以在这里为您提供帮助，但 jquery 也可以。我会使用 angularjs，但我有点偏见。
有没有教程可以生成像这个 webapp 这样的输出？
这是一个视差网站
您很可能首先需要知道如何使用纯 javascript 来完成它。 AngularJS 只会帮助你更好地组织你的代码（例如，到可重用的模块中）。 AngularJS 本身不足以构建这样的网站。您需要知道如何在该网页上产生效果。

标签： javascript angularjs html web-applications portfolio

【解决方案1】：

提供的网站中的效果称为视差效果（仅滚动效果），可以使用 Skrollr (https://github.com/Prinzhorn/skrollr) 插件实现。使用和修改非常简单。

视差效果演示链接：http://prinzhorn.github.io/skrollr/

因此对于客户端开发，您可以使用 HTML5、CSS3、jquery 和 Skrollr 插件。任何服务器端技术都可以使用它。无需使用 angularJS。

【讨论】：

【解决方案2】：

我建议使用自定义解决方案，而不是寻找已经构建的解决方案。我可以建议的技术对您来说可能是新的。但是一旦你开始关注技术，它们也会帮助你在未来的任何项目中成长。

开始学习或实施以下技术。

客户端： （对于网站开发，您必须学习这些技术） HTML5, CSS3, bootstrap x, javascript, jquery, angularjs1.x, angularjs 2(in alpha version), 其他第三方库如requirejs, tostarjs,LoDashjs, google apis, angular第三方模块等。

注意：除此之外还有很多可用的东西。但这些都是，我想到目前为止，最好的事情。

由于你没有说你是后台后台，我在下面写点假设.NET平台仍然可以使用你自己知道的后台平台。

服务器端：

.NET WEB API、实体框架6+、LinQ、.NET MVC

我已经使用上述技术开发了许多自定义解决方案，相信我这些是可以协同工作的最新平台。

我希望对开始制作网站有所帮助....（作为前端开发人员也是如此;-)）

【讨论】：

【解决方案3】：

单页应用程序现在非常普遍，这意味着有大量的 WP 主题可以为您提供良好的基础。实际上，您要模拟的网站使用了 wordpress（根据 builtwith chrome 扩展名）。

虽然 Angular 应用程序的控制很吸引人，但我当然也会考虑自定义 wordpress 单页主题。

【讨论】：