Noob Web开发人员希望添加Web设计和交互

Question

我确信这个问题已被提出，但很难专门针对我正在寻找的内容进行谷歌搜索。

所以，基本上我已经对大学材料中的OOP和计算机科学感到满意了。现在，我正在尝试学习Web开发，并且已经掌握了HTML，CSS和一些django的基础知识（这就是我用来制作网站的内容）。

现在，我知道CSS是为了设计网站的外观。 javascript可以帮助添加动画和额外的东西。然后我听到了更多像AJAX和javascript这样的东西（也许有人可以帮我一个列出所有用于设计的工具：AJAX，javascript，javascript库等）。

基本上，我的主要问题是：任何人都对我应该如何学习这些资料有任何建议？

（比如，我应该尝试选择javascript并学习一些经常使用的库吗？或者......也许我对javascript的作用有错误的想法）

编辑：因为我在工作中进行网络开发已经有一年多了。我学会了基础知识，我标记为答案的帖子确实有用。但是现在，我觉得在制作网页方面学习任何东西的最好方法就是将你的想法全部投入到你的脑海中然后谷歌了解你可以寻找和使用哪些工具来实现这些想法。例如，我的帖子是关于“网页设计和互动”。作为一名网络开发人员，这不是我的工作，所以显然像twitter bootstrap这样的东西有帮助。但是还有其他前端插件和工具，它帮助我只是google并查找它们以找到我想要的东西。我觉得这是“学习这种材料”的最好方法

Answer 1

查看http://w3schools.com/他们为您提到的领域的初学者提供了很好的教程，等等。

Code Academy的互动教程非常棒 HTML / CSS：http://www.codecademy.com/tracks/web JavaScript：http://www.codecademy.com/tracks/javascript-upgraded

希望这些帮助。

祝你顺利进入网络开发。

Answer 2

对于学习Javascript（以及其他一些语言），我建议Codeacademy。

AJAX只是一种使用JavaScript加载内容或动态更改的方法。

jQuery是最受欢迎的JavaScript库，如果您已经了解CSS选择器，可以很容易掌握，因为它们有一个非常有用的api库。

以下网络博客（例如Smashing Magazine和CSS-Tricks非常有用，因为它们提供了提示和解决方案，并且通常会让网络行业变得令人兴奋。

编辑：

建立网站的标准起点是：

HTML5 Boilerplate - 一个很棒的空白起始板，提供了一个非常优化的蓝图，包含许多已知浏览器错误和提示的修复。

Twitter Bootstrap - Similair到HTML5样板，大多数人都使用两者兼而有之，这个引导程序是快速将网站放在一起的好方法，并且可以选择使用responsive。

这真的取决于你如何找到最好的学习方法，我个人喜欢通过视频教程获得所有基础知识，然后用我自己的项目推动自己，并在我碰到砖墙时进行研究。

我想说一个好的起点TutsPlus有一些非常好的教程，特别是：
30 days to learn jQuery
PHP Fundamentals
Generally any of their courses to be honest

如果你喜欢一体化的解决方案 - TeamTreehouse很棒。