使用Bootstrap和AngularJS创建单页应用程序

Question

我对JavaScript很陌生（虽然之前开发过一个小的Node.js API服务器，但它完全不具备交互、动画或花哨的功能）

我想要开发一个静态的单页网站，能在现代浏览器和移动设备上使用。预期的设计看起来很像这个网站：

http://global.tommy.com/int/en/Collections/runway/spring-women

其中包括：

1. 固定的标题栏，随着用户滚动而移动
2. 位于左侧的<li>作为快速跳转控件+导航/位置指示器
3. 轮播图

我完全不知道如何实现这样令人印象深刻的外观、感觉和动画效果以及响应性。到目前为止，我尝试了几个库，例如Twitter的BootStrap、Google的AngularJS和AmberJS，但没有一个达到我预期的效果。我最接近的是从http://www.portalapp.com/中得到的样例，但那是我最好的尝试。

你们有没有推荐好的资源（技术/库或入门指南和教程），可以让我快速入门？

非常感谢！

编辑：

你们有没有在GitHub上使用JavaScript/CSS库实现跨设备、响应式、单页Web应用程序的开源项目或示例？

请提供所使用库的详细信息，因为JavaScript库众多。

- Zennichimaro

---

这篇关于AngularJS单页Web应用的文章或许是你正在寻找的：http://scotch.io/tutorials/javascript/single-page-apps-with-angularjs-routing-and-templating。 - nguyên

Answer 1

EmberJS官方网站提供了详尽的指南，点击这里查看。此外，他们的API文档也很有帮助。如果需要更深入的理解，可以参考源代码，其中有大量注释。

如果需要帮助，可以到社区论坛寻求帮助。

如果你喜欢视频教程，这里有一个免费的和一个收费的。

需要注意的是，由于EmberJS正在向1.0版本稳定过渡，所以如果使用旧的资源，可能无法在当前版本的EmberJS中正常工作。

- David