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

小追兵專欄

  • 是的,三周太長,一定有不少人根本用不了這么多時(shí)間。
  • 如果你有一門編程經(jīng)驗(yàn),學(xué)習(xí)起來就更快了。
  • 就先不嘮叨了,我們進(jìn)入下面的學(xué)習(xí)吧。

我自己用了一個(gè)星期學(xué)習(xí),又用了一個(gè)星期寫項(xiàng)目,再用了一個(gè)星期完善項(xiàng)目并在第三周周五的時(shí)候,成功上線。*

點(diǎn)擊此處查看項(xiàng)目(移動(dòng)端項(xiàng)目一)

點(diǎn)擊此處查看項(xiàng)目(移動(dòng)端項(xiàng)目二)

點(diǎn)擊此處查看項(xiàng)目(移動(dòng)端項(xiàng)目三)

點(diǎn)擊此處查看項(xiàng)目(移動(dòng)端項(xiàng)目四)
我們開始吧,看看要怎么做呢:

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

這里我所說的快速,到底怎么個(gè)快呢?用我的理解就是:

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

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

對(duì)于HTML來說:

  1. html就是寫布局的,他用來標(biāo)記需要顯示內(nèi)容。( 比如:這里要顯示文字,那里要顯示圖片等等,這些都是html說了算。)
  2. 弄清楚這個(gè)里,也就學(xué)會(huì)了所謂的“超文本標(biāo)記語言”。

對(duì)于CSS來說:

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

對(duì)javascript來說:

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

明白這些以后,哈哈,我們就開始開發(fā)吧。不信現(xiàn)在能做開發(fā)??那我再說幾句:

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

接下來干什么呢:

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

你磕磕巴巴,磕磕巴巴,幾天后,一個(gè)簡單的項(xiàng)目應(yīng)該就基本出來了。
到了這個(gè)程度,你會(huì)發(fā)現(xiàn)我嫩到寫這玩意來糊弄人,因?yàn)槟愫臀一疽粋€(gè)水平了。

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

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

  • 我是如何從0開始學(xué)習(xí)HTML到項(xiàng)目上線只用3周時(shí)間的 是的,三周太長,一定有不少人根本用不了這么多時(shí)間。如果你有一...
    愛恨的潮汐閱讀 399評(píng)論 0 1
  • 原文鏈接:http://blog.zhaiyifan.cn/2016/08/04/android-new-proj...
    MarkZhai閱讀 1,878評(píng)論 5 32
  • 該倉庫是一份對(duì)微博號(hào) GitHubDaily 在 2018 年所發(fā)的微博進(jìn)行分類整理,方便粉絲們查找以往發(fā)過的內(nèi)容...
    GitHubDaily閱讀 2,080評(píng)論 0 5
  • 16宿命:用概率思維提高你的勝算 以前的我是風(fēng)險(xiǎn)厭惡者,不喜歡去冒險(xiǎn),但是人生放棄了冒險(xiǎn),也就放棄了無數(shù)的可能。 ...
    yichen大刀閱讀 7,548評(píng)論 0 4
  • 公元:2019年11月28日19時(shí)42分農(nóng)歷:二零一九年 十一月 初三日 戌時(shí)干支:己亥乙亥己巳甲戌當(dāng)月節(jié)氣:立冬...
    石放閱讀 7,384評(píng)論 0 2

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