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

Technologies needed for building website like this

本文关键字：技术 网站 建立      更新时间：2023-09-26

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

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

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

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

Pl指南。

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

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

客户端：（对于网站开发，您必须学习这些技术）HTML5、CSS3、bootstrap x、javascript、jquery、angularjs1.x、angularJS2（在alpha版本中）、其他第三方库，如requirejs、tostarjs、LoDashjs、谷歌api、angular第三方模块等。

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

由于您并没有说您的后台背景，我在下面的文章中假设.NET平台仍然可以使用您自己熟悉的后台平台。

服务器端：

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

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

我希望这将有助于开始制作网站。。。。（也是前端开发人员；-）

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

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

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

单页应用程序现在很常见，这意味着有很多WP主题可以为您提供不错的基础。事实上，你想模仿的网站使用了wordpress（根据内置chrome扩展）。

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

相关文章：