- 首先要聲明, 我不知道我這種方法對沒有任何開發經驗的人,有沒有幫助。
- 但是,如果你有一門編程經驗,這個應該可以幫到你。
- 就先不念唸叨叨了,我們進入下面的學習吧。
*
我自己用了一個星期學習,又用了一個星期寫項目,再用了一個星期完善項目並在第三週週五的時候,成功上線。*
我們開始吧,看看要怎麼做呢:
- 先去 w3school(http://www.w3school.com.cn )這個網站。
- 快速的閱讀 “HTML 教程”,重要的是看“HTML 基礎教程”。
- 接下來是快速看“CSS 教程”,重要的是看“CSS 基礎教程”。
- 接下來,我不說估計你也知道了,就是快速的看完“JavaScript 教程”。
這裏我所說的快速,到底怎麼個快呢?用我的理解就是:
- 不用太糾結的去理解哪些東西;
- 只要知道他們是怎麼個樣子,可以做點什麼就可以了;
- 明白HTML,CSS,JavaScript 各自有什麼作用就可以了;
估計很多人兩天就看完了(或者更快。。。哈哈),估計快的有些人一點感覺都沒有留下!!看完最起碼你要有這麼幾個概念吧?
對於THML來說:
- html就是寫佈局的,他用來標記需要顯示內容。( 比如:這裏要顯示文字,那裏要顯示圖片等等,這些都是html說了算。)
- 弄清楚這個裏,也就學會了所謂的“超文本標記語言”。
對於CSS來說:
- css就是用來控制顯示的樣式;
- 有了html這樣標記內容的東西是可以了,可是,標記的內容顯示什麼樣子呢,誰說了算,當然是css說了算啊。
- css控制html中標記出來的內容顯示成各種樣式;如顯示不同的顏色,顯示在什麼位置,做什麼樣的動畫等等。
對javascript來說:
- 接下來當然是javascript了,大家稱之爲js,它的作用啊,當然是控制數據和交互;
- html標記了內容,css解決了內容顯示,可是這些東西是死的啊,他們就像一張畫,你只能看,不能摸(點擊)啊~~, 邪惡下,哈哈!!。
- 怎麼可以讓他們動起來呢,(比如點擊,觸摸,輸入數據,彈個框什麼的)。
- 這就用到了我們的js,他負責內容也的數據組織,負責處理我們和內容的交互
- 怎麼實現交互的呢,無非就是對html節點進行增刪,修改,隱藏,顯示。對css屬性進行重新設置。
明白這些以後,哈哈,我們就開始開發吧。不信現在能做開發??那我再說幾句:
- 首先我們已經具備了基礎認識,知道他們是幹什麼的了。看到別人的源碼開勉強的懂了。就算不能完全看懂,也是可以猜到他們大概功能了;
- 接下來我們幹什麼呢?下載一個小的html項目,例如微信朋友圈裏分享來分享去的一些小項目。 問我怎麼下載? 電腦瀏覽器打開項目然後,ctrl+s 保存就可以了。
- 看你下載項目源碼,能看懂多少是多少吧,儘量多看懂點。看不懂的也可以在瀏覽器(建議用google瀏覽器)中調試(頁面中右鍵鼠標,“審查元素”)。
接下來幹什麼呢:
- 寫項目啊。給自己提一個需求,開始寫吧。開發工具很多,我用的是“webstrom”;
- 我知道,你肯定會說你不會寫,如果讓我說,其實你已經會寫了。
- 給自己提出需求吧,或者給自己找個項目,開始吧。你一定會遇到各種問題,有問題不怕,我們有“百度”可以查啊。(例如:這個“div塊怎麼居中”;這個“img怎麼設置背景”;“div背景顏色怎麼設置”;“兩div個塊怎麼並排一行”等等,各種問題。)
- 可是你有沒有發現,遇到這些問題的時候,你可以輕鬆在網上找到各種答案。你的問題也就不再是問題了。
你磕磕巴巴,磕磕巴巴,幾天後,一個簡單的項目應該就基本出來了。
到了這個程度,你已經不需要我了,因爲你已經知道,你需要學習什麼,怎麼學習了。