建立这样的网站需要的技术
Technologies needed for building website like this
我打算创建我的投资组合网站。有很多选择,从静态网站生成器到最新的 SPA。我一直是后端开发人员,从来没有做过网站开发。
我希望我的投资组合看起来像这样:http://hackberrylab.com/
构建这样的 SPA 需要哪些技术,完全像这样。或者我可以下载这个网站并简单地更改内容吗?
根据我的研究,AngularJS
是推进 SPA 的方法之一,也有很多教程。但是其中 none 产生了一个像这个网站这样的例子。我也不介意学习多种技术,这会很有趣。
请指导。
我建议使用自定义解决方案,而不是寻找已经构建的解决方案。
我可以建议的技术对您来说可能是新的。但是一旦您开始关注技术,它们也会帮助您在未来的任何项目中成长。
开始学习或实施以下技术。
客户端:
(对于网站开发,您将必须学习这些技术)
HTML5, CSS3, bootstrap x, javascript, jquery, angularjs1.x, angularjs 2(alpha 版本),其他第三方库,如 requirejs、tostarjs、LoDashjs、google api、angular 第三方模块等
注意:除此之外还有很多可用的东西。但我想到目前为止,这些是最好的事情。
因为你没有说你有后台,我在下面写的是假设.NET平台你仍然可以使用你自己了解的后台平台。
服务器端:
.NET WEB API、实体框架6+、LinQ、.NET MVC
我已经使用上述技术开发了许多自定义解决方案,相信我,这些是可以协同工作的最新平台。
我希望这对开始制作网站有所帮助....(作为前端开发人员也是如此 ;-))
单页应用程序现在很普遍,这意味着有大量的 WP 主题可以为您提供一个不错的基础。事实上,您要模拟的站点使用了 wordpress(根据 builtwith chrome 扩展名)。
虽然 angular 应用程序的控件很吸引人,但我当然也会考虑自定义一个 wordpress 单页主题。
提供的网站中的效果称为视差效果(仅滚动效果),可以使用 Skrollr (https://github.com/Prinzhorn/skrollr) 插件实现。使用和修改都非常简单。
演示视差效果 Link:http://prinzhorn.github.io/skrollr/
因此,对于客户端开发,您可以使用 HTML5、CSS3、jquery 和 Skrollr 插件。
任何服务器端技术都可以。无需使用 angularJS.
我打算创建我的投资组合网站。有很多选择,从静态网站生成器到最新的 SPA。我一直是后端开发人员,从来没有做过网站开发。
我希望我的投资组合看起来像这样:http://hackberrylab.com/
构建这样的 SPA 需要哪些技术,完全像这样。或者我可以下载这个网站并简单地更改内容吗?
根据我的研究,AngularJS
是推进 SPA 的方法之一,也有很多教程。但是其中 none 产生了一个像这个网站这样的例子。我也不介意学习多种技术,这会很有趣。
请指导。
我建议使用自定义解决方案,而不是寻找已经构建的解决方案。 我可以建议的技术对您来说可能是新的。但是一旦您开始关注技术,它们也会帮助您在未来的任何项目中成长。
开始学习或实施以下技术。
客户端: (对于网站开发,您将必须学习这些技术) HTML5, CSS3, bootstrap x, javascript, jquery, angularjs1.x, angularjs 2(alpha 版本),其他第三方库,如 requirejs、tostarjs、LoDashjs、google api、angular 第三方模块等
注意:除此之外还有很多可用的东西。但我想到目前为止,这些是最好的事情。
因为你没有说你有后台,我在下面写的是假设.NET平台你仍然可以使用你自己了解的后台平台。
服务器端:
.NET WEB API、实体框架6+、LinQ、.NET MVC
我已经使用上述技术开发了许多自定义解决方案,相信我,这些是可以协同工作的最新平台。
我希望这对开始制作网站有所帮助....(作为前端开发人员也是如此 ;-))
单页应用程序现在很普遍,这意味着有大量的 WP 主题可以为您提供一个不错的基础。事实上,您要模拟的站点使用了 wordpress(根据 builtwith chrome 扩展名)。
虽然 angular 应用程序的控件很吸引人,但我当然也会考虑自定义一个 wordpress 单页主题。
提供的网站中的效果称为视差效果(仅滚动效果),可以使用 Skrollr (https://github.com/Prinzhorn/skrollr) 插件实现。使用和修改都非常简单。
演示视差效果 Link:http://prinzhorn.github.io/skrollr/
因此,对于客户端开发,您可以使用 HTML5、CSS3、jquery 和 Skrollr 插件。 任何服务器端技术都可以。无需使用 angularJS.