快速學習HTML開發(從學習到項目上線用3周時間)

  • 首先要聲明, 我不知道我這種方法對沒有任何開發經驗的人,有沒有幫助。
  • 但是,如果你有一門編程經驗,這個應該可以幫到你。
  • 就先不念唸叨叨了,我們進入下面的學習吧。

*
我自己用了一個星期學習,又用了一個星期寫項目,再用了一個星期完善項目並在第三週週五的時候,成功上線。*

點擊此處查看項目(移動端項目)

我們開始吧,看看要怎麼做呢:

  1. 先去 w3school(http://www.w3school.com.cn )這個網站。
  2. 快速的閱讀 “HTML 教程”,重要的是看“HTML 基礎教程”。
  3. 接下來是快速看“CSS 教程”,重要的是看“CSS 基礎教程”。
  4. 接下來,我不說估計你也知道了,就是快速的看完“JavaScript 教程”。

這裏我所說的快速,到底怎麼個快呢?用我的理解就是:

  1. 不用太糾結的去理解哪些東西;
  2. 只要知道他們是怎麼個樣子,可以做點什麼就可以了;
  3. 明白HTML,CSS,JavaScript 各自有什麼作用就可以了;

估計很多人兩天就看完了(或者更快。。。哈哈),估計快的有些人一點感覺都沒有留下!!看完最起碼你要有這麼幾個概念吧?

對於THML來說:

  1. html就是寫佈局的,他用來標記需要顯示內容。( 比如:這裏要顯示文字,那裏要顯示圖片等等,這些都是html說了算。)
  2. 弄清楚這個裏,也就學會了所謂的“超文本標記語言”。

對於CSS來說:

  1. css就是用來控制顯示的樣式;
  2. 有了html這樣標記內容的東西是可以了,可是,標記的內容顯示什麼樣子呢,誰說了算,當然是css說了算啊。
  3. css控制html中標記出來的內容顯示成各種樣式;如顯示不同的顏色,顯示在什麼位置,做什麼樣的動畫等等。

對javascript來說:

  1. 接下來當然是javascript了,大家稱之爲js,它的作用啊,當然是控制數據和交互;
  2. html標記了內容,css解決了內容顯示,可是這些東西是死的啊,他們就像一張畫,你只能看,不能摸(點擊)啊~~, 邪惡下,哈哈!!。
  3. 怎麼可以讓他們動起來呢,(比如點擊,觸摸,輸入數據,彈個框什麼的)。
  4. 這就用到了我們的js,他負責內容也的數據組織,負責處理我們和內容的交互
  5. 怎麼實現交互的呢,無非就是對html節點進行增刪,修改,隱藏,顯示。對css屬性進行重新設置。

明白這些以後,哈哈,我們就開始開發吧。不信現在能做開發??那我再說幾句:

  1. 首先我們已經具備了基礎認識,知道他們是幹什麼的了。看到別人的源碼開勉強的懂了。就算不能完全看懂,也是可以猜到他們大概功能了;
  2. 接下來我們幹什麼呢?下載一個小的html項目,例如微信朋友圈裏分享來分享去的一些小項目。 問我怎麼下載? 電腦瀏覽器打開項目然後,ctrl+s 保存就可以了。
  3. 看你下載項目源碼,能看懂多少是多少吧,儘量多看懂點。看不懂的也可以在瀏覽器(建議用google瀏覽器)中調試(頁面中右鍵鼠標,“審查元素”)。

接下來幹什麼呢:

  1. 寫項目啊。給自己提一個需求,開始寫吧。開發工具很多,我用的是“webstrom”;
  2. 我知道,你肯定會說你不會寫,如果讓我說,其實你已經會寫了。
  3. 給自己提出需求吧,或者給自己找個項目,開始吧。你一定會遇到各種問題,有問題不怕,我們有“百度”可以查啊。(例如:這個“div塊怎麼居中”;這個“img怎麼設置背景”;“div背景顏色怎麼設置”;“兩div個塊怎麼並排一行”等等,各種問題。)
  4. 可是你有沒有發現,遇到這些問題的時候,你可以輕鬆在網上找到各種答案。你的問題也就不再是問題了。

你磕磕巴巴,磕磕巴巴,幾天後,一個簡單的項目應該就基本出來了。
到了這個程度,你已經不需要我了,因爲你已經知道,你需要學習什麼,怎麼學習了。

再少的鈔票也是一種鼓勵

這裏寫圖片描述

發佈了27 篇原創文章 · 獲贊 7 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章