我打算創建我的投資組合網站。有很多選擇，從靜態網站生成器到最新的SPA。我一直是後端開發人員，從不需要進行網站開發。建設這樣的網站所需的技術
我希望我的投資組合看起來像這樣：http://hackberrylab.com/
什麼是構建這樣的SPA所需的技術，正是這樣。或者我可以下載這個網站，只需更改內容？
根據我的研究，AngularJS是繼續推進SPA的方法之一，也有很多教程。但他們都沒有產生像這個網站的例子。我不介意學習多種技術，它會更有趣。
PI guide。
我會建議使用自定義解決方案，而不是尋找已經構建的解決方案。 我可以建議的技術對你來說可能是新的。但是一旦你開始跟蹤技術，他們會幫助你在未來的任何項目中成長。
開始學習或實施以下技術。
客戶端： （對於網站的發展，你將有機會學習這些技術） HTML5，CSS3，引導X，JavaScript的，jQuery的，angularjs1.x，angularjs 2（在alpha版），其他第三方庫像requirejs，tostarjs，LoDashjs，谷歌apis，有角度的第三方模塊等。
注意：除此之外還有很多其他可用的東西。但我認爲這些是最好的事情。
由於您還沒有說過您的後端背景，我現在假設.NET平臺仍然可以與您一起去自己認識的後臺平臺。
服務器端：
的.NET Web的API，實體framework6 +，上面LINQ中，.NET MVC
我已經開發了多種定製方案說技術，相信我，這些都是最新的平臺一起工作。
我希望這將有助於開始做網站......（作爲前端開發人員也;-)）
單頁的應用程序現在是很常見的，這意味着有WP的主題是堆會給你一個體面的基地。事實上，你想仿效的網站使用WordPress的（根據builtwith鉻擴展）。
雖然角度應用程序的控制很有吸引力，但我當然也會考慮自定義一個WordPress單頁主題。
在提供的網站中的效果被稱爲視差效果（僅滾動效果），它可以使用Skrollr插件（https://github.com/Prinzhorn/skrollr）插件來實現。使用和修改非常簡單。
演示視差效應鏈接：http://prinzhorn.github.io/skrollr/
因此，對於客戶端的開發，你可以使用HTML5，CSS3，jQuery和Skrollr插件。 任何服務器端技術都可以。不需要使用angularJS。
angularjs可以幫助你在這裏，但也可以jQuery。我會使用angularjs，但我有點偏頗。 – pixelbits
是否有任何教程生成像這個webapp的輸出？ – Adorn
這是一個**視差**網站 – Raviteja