2012-09-02 42 views
0

我确定这个问题已被问到,但很难只是谷歌专门为我在找什么。Noob网站开发者想添加网页设计和互动

所以,基本上我已经习惯OOP和大学材料的计算机科学。现在,我正在尝试学习Web开发,并且已经拥有HTML,CSS和一些Django(这正是我用来制作网站的基础)的基础知识。

现在,我知道CSS是用来设计网站外观的。而JavaScript可以帮助添加动画和额外的东西。然后,我听说AJAX和JavaScript等更多东西(也许有人可以帮助我列出所有用于设计的工具:AJAX,JavaScript,JavaScript库等)。

基本上,我的主要问题是这样的:任何人都有我应该如何学习这些材料的建议?

(像,我应该尝试拿起javascript和学习一些经常使用的函数库,或者......也许我的JavaScript的做什么错误的想法?)

编辑:所以它已经一年多以来我一直在做网页开发工作。我了解了基础知识,而且我标记为答案的帖子无疑有帮助。但是现在,我觉得从网络的角度来学习任何东西的最好方式就是把你的想法全部投入到你的脑海中,然后谷歌了解你可以寻找和使用哪些工具来实现这些想法。例如,我的帖子是关于“网页设计和互动”。作为一名Web开发人员,这不是我的工作,所以很明显像twitter bootstrap这样的工作可以提供帮助。但也有其他的前端插件和工具,它帮助我只是谷歌和查找他们找到我想做的事情。我觉得这是最好的方式来接近“学习这种材料”

+1

w3schools有一些你可能会喜欢的东西。 – athspk

+2

[朋友不让朋友使用w3schools](http://w3fools.com/)。 –

+0

嘿嘿,我喜欢这个网站的HTML和CSS更好。 http://htmldog.com/guides/ – dtc

回答

2

为了学习Javascript(和一些其他语言),我建议Codeacademy

AJAX只是一种使用JavaScript来加载内容或改变图像的方式。

jQuery是最受欢迎的JavaScript库,如果您已经知道CSS选择器,可以非常容易地掌握,因为它们具有非常有用的api库。

以下网络博客如Smashing MagazineCSS-Tricks是非常有用的,因为他们提供技巧和解决方案,并且通常使网络行业激动人心。

编辑:

为建设一个网站的标准出发点是:

HTML5 Boilerplate - 一个伟大的空白启动板,提供了一个非常优化的蓝图,有很多知名浏览器的bug和建议的修复。

Twitter Bootstrap - Similair转为HTML5样板,大多数人使用这两种组合,这种引导是快速获取网站的好方法,并且可以选择使其成为responsive

这真的取决于你如何找到最好的学习方式,我个人喜欢通过视频教程学习所有基本知识,然后只用我自己的项目来推动自己,然后在我撞到砖墙时进行研究。

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

如果你喜欢的所有功能于一身的解决方案 - TeamTreehouse是巨大的。

+0

所以我想只是去搜索和环顾四周是好的。并使用JavaScript库来增加flair和额外的功能到一个网站?是否有任何其他的umm ..我应该知道的网站设计的工具,库或框架?谢谢btw – dtc

+0

我已经更新了一些额外的链接,我想到了我的文章。 –

4

退房http://w3schools.com/他们有你所提及的领域和更多的初学者很好的教程。

上的代码科学院互动式教学有很大的 HTML/CSS:http://www.codecademy.com/tracks/web 的JavaScript:http://www.codecademy.com/tracks/javascript-upgraded

希望这些帮助。

好运进入Web开发。

+5

请不要推荐w3schools。理由:http://w3fools.com/ – Philipp

+0

w3schools可以成为一个有用的资源,以开始获取基础知识,以及我如何开始。我不建议获得他们的认证(不是我自己,但他们是浪费),但各种页面的内容可以帮助初学者想要介绍各种网络技术。 – Neaox