HTML5學(xué)習(xí)流程

我是如何從0開始學(xué)習(xí)HTML到項目上線只用3周時間的

是的,三周太長,一定有不少人根本用不了這么多時間。
如果你有一門編程經(jīng)驗,學(xué)習(xí)起來就更快了。
就先不嘮叨了,我們進(jìn)入下面的學(xué)習(xí)吧。我自己用了一個星期學(xué)習(xí),又用了一個星期寫項目,再用了一個星期完善項目并在第三周周五的時候,成功上線。

點擊此處查看項目(移動端項目一)
點擊此處查看項目(移動端項目二)
點擊此處查看項目(移動端項目三)
點擊此處查看項目(移動端項目四)我們開始吧,看看要怎么做呢:
先去 w3school(http://www.w3school.com.cn )這個網(wǎng)站。
快速的閱讀 “HTML 教程”,重要的是看“HTML 基礎(chǔ)教程”。
接下來是快速看“CSS 教程”,重要的是看“CSS 基礎(chǔ)教程”。
接下來,我不說估計你也知道了,就是快速的看完“JavaScript 教程”。

這里我所說的快速,到底怎么個快呢?用我的理解就是:
不用太糾結(jié)的去理解哪些東西;
只要知道他們是怎么個樣子,可以做點什么就可以了;
明白HTML,CSS,JavaScript 各自有什么作用就可以了;

估計很多人兩天就看完了(或者更快。。。哈哈),估計快的有些人一點感覺都沒有留下!!看完最起碼你要有這么幾個概念吧?
對于HTML來說:
html就是寫布局的,他用來標(biāo)記需要顯示內(nèi)容。( 比如:這里要顯示文字,那里要顯示圖片等等,這些都是html說了算。)
弄清楚這個里,也就學(xué)會了所謂的“超文本標(biāo)記語言”。

對于CSS來說:
css就是用來控制顯示的樣式;
有了html這樣標(biāo)記內(nèi)容的東西是可以了,可是,標(biāo)記的內(nèi)容顯示什么樣子呢,誰說了算,當(dāng)然是css說了算啊。
css控制html中標(biāo)記出來的內(nèi)容顯示成各種樣式;如顯示不同的顏色,顯示在什么位置,做什么樣的動畫等等。

對javascript來說:
接下來當(dāng)然是javascript了,大家稱之為js,它的作用啊,當(dāng)然是控制數(shù)據(jù)和交互;
html標(biāo)記了內(nèi)容,css解決了內(nèi)容顯示,可是這些東西是死的啊,他們就像一張畫,你只能看,不能摸(點擊)啊~~, 邪惡下,哈哈?。?。
怎么可以讓他們動起來呢,(比如點擊,觸摸,輸入數(shù)據(jù),彈個框什么的)。
這就用到了我們的js,他負(fù)責(zé)內(nèi)容也的數(shù)據(jù)組織,負(fù)責(zé)處理我們和內(nèi)容的交互
怎么實現(xiàn)交互的呢,無非就是對html節(jié)點進(jìn)行增刪,修改,隱藏,顯示。對css屬性進(jìn)行重新設(shè)置。

明白這些以后,哈哈,我們就開始開發(fā)吧。不信現(xiàn)在能做開發(fā)??那我再說幾句:
首先我們已經(jīng)具備了基礎(chǔ)認(rèn)識,知道他們是干什么的了??吹絼e人的源碼開勉強的懂了。就算不能完全看懂,也是可以猜到他們大概功能了;
接下來我們干什么呢?下載一個小的html項目,例如微信朋友圈里分享來分享去的一些小項目。 問我怎么下載? 電腦瀏覽器打開項目然后,ctrl+s 保存就可以了。
看你下載項目源碼,能看懂多少是多少吧,盡量多看懂點??床欢囊部梢栽跒g覽器(建議用google瀏覽器)中調(diào)試(頁面中右鍵鼠標(biāo),“審查元素”)。

接下來干什么呢:
寫項目啊。給自己提一個需求,開始寫吧。開發(fā)工具很多,我用的是“webstrom”;
我知道,你肯定會說你不會寫,如果讓我說,其實你已經(jīng)會寫了。
給自己提出需求吧,或者給自己找個項目,開始吧。你一定會遇到各種問題,有問題不怕,我們有“百度”可以查啊。(例如:這個“div塊怎么居中”;這個“img怎么設(shè)置背景”;“div背景顏色怎么設(shè)置”;“兩div個塊怎么并排一行”等等,各種問題。)
可是你有沒有發(fā)現(xiàn),遇到這些問題的時候,你可以輕松在網(wǎng)上找到各種答案。你的問題也就不再是問題了。

你磕磕巴巴,磕磕巴巴,幾天后,一個簡單的項目應(yīng)該就基本出來了。到了這個程度,你會發(fā)現(xiàn)我嫩到寫這玩意來糊弄人,因為你和我基本一個水平了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,917評論 25 709
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,172評論 4 61
  • By 菠菜 和男人約會的第一步,就是應(yīng)該記住,一切,從游戲開始。 有些女孩子希望一步到位,覺得世界上最美好的事情就...
    她生活閱讀 780評論 2 2
  • 大家都知道一個移動互聯(lián)網(wǎng)創(chuàng)業(yè)團隊的標(biāo)配是:一位服務(wù)端開發(fā),一位iOS開發(fā),一位安卓開發(fā),一位設(shè)計師,一位產(chǎn)品經(jīng)理。...
    Addyzxc閱讀 555評論 0 14
  • 現(xiàn)在超市購物越來越方便,雞鴨魚肉,蔬果瓜菜,樣樣齊全,實在偷懶直接網(wǎng)購也不錯??墒牵铱傆X得少了點煙火氣息,非要去...
    名字各種被占用閱讀 526評論 1 1

友情鏈接更多精彩內(nèi)容