建立像这样的网站所需的技术

Question

我打算创建我的投资组合网站。从静态网站生成器到最新的SPA，有很多选择。我一直是后端开发人员，从来没有做过网站开发。

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

像这样构建SPA所需的技术是什么？或者我可以下载这个网站，只是更改内容？

根据我的研究，#include <bits/types.h> 是继续进行SPA的方法之一，还有许多教程。但他们都没有像这个网站那样产生一个例子。我也不介意学习多种技术，它会很有趣。

Pl指南。

Answer 1

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

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

客户端： （对于网站开发，您将不​​得不学习这些技术） HTML5，CSS3，bootstrap x，javascript，jquery，angularjs1.x，angularjs 2（在alpha版本中），其他第三方库，如requirejs，tostarjs，LoDashjs，google apis，角度第三方模块等。

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

由于你没有说过你的后端背景，我在下面写一点，假设.NET平台仍然可以和你自己认识的背景平台一起。

服务器侧

.NET WEB API，Entity framework6 +，LinQ，.NET MVC

我已经开发了许多上述技术的定制解决方案，相信我这些是最新的平台。

我希望开始制作网站会有所帮助....（作为前端开发人员; - ））

Answer 2

单页应用程序现在很常见，这意味着有很多WP主题会给你一个不错的基础。实际上，您要模拟的网站使用了wordpress（根据内置的chrome扩展名）。

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

Answer 3

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

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

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