2015-11-06 71 views
0

我打算创建我的投资组合网站。有很多选择,从静态网站生成器到最新的SPA。我一直是后端开发人员,从不需要进行网站开发。建设这样的网站所需的技术

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

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

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

PI guide。

+0

angularjs可以帮助你在这里,但也可以jQuery。我会使用angularjs,但我有点偏颇。 – pixelbits

+0

是否有任何教程生成像这个webapp的输出? – Adorn

+0

这是一个**视差**网站 – Raviteja

回答

1

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

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

客户端: (对于网站的发展,你将有机会学习这些技术) HTML5,CSS3,引导X,JavaScript的,jQuery的,angularjs1.x,angularjs 2(在alpha版),其他第三方库像requirejs,tostarjs,LoDashjs,谷歌apis,有角度的第三方模块等。

注意:除此之外还有很多其他可用的东西。但我认为这些是最好的事情。

由于您还没有说过您的后端背景,我现在假设.NET平台仍然可以与您一起去自己认识的后台平台。

服务器端:

的.NET Web的API,实体framework6 +,上面LINQ中,.NET MVC

我已经开发了多种定制方案说技术,相信我,这些都是最新的平台一起工作。

我希望这将有助于开始做网站......(作为前端开发人员也;-))

1

单页的应用程序现在是很常见的,这意味着有WP的主题是堆会给你一个体面的基地。事实上,你想仿效的网站使用WordPress的(根据builtwith铬扩展)。

虽然角度应用程序的控制很有吸引力,但我当然也会考虑自定义一个WordPress单页主题。

1

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

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

因此,对于客户端的开发,你可以使用HTML5,CSS3,jQuery和Skrollr插件。 任何服务器端技术都可以。不需要使用angularJS。