2012-09-02 81 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