HTML、CSS、JS前端三駕馬車如何三天內上手

來源:互聯網
上載者:User

       html/CSS/JS ,很多程式員對此並不以為然,覺得這些都是微不足道的東西,只要可以知道大概,能看懂源碼就可以了。這樣規劃未嘗不可,本人曾經一度對自己也是這樣要求的,但是,做了很久之後才發現這是不可取的,原因有三:第一,只是當時應付需要可以,時間久了發現用到的地方還是挺多的,由於不熟練照成不停地查資料所浪費的時間已經遠遠超出學習並精通這些前端技能所花費的時間。(簡單的技術,最浪費時間)第二,這樣會讓程式員習慣於對於技術分類劃分,某些技能儘可能地熟悉,而有得就選擇忽略,豈不知,時間久了,發現需要學習的有技術含量的東西都是從那些簡單的東西裡面衍生出來的,本質上還是學習這些東西,很多所謂的痛點,其實只是對於基礎不夠紮實。(其實你一直在學習和使用這些簡單的技術)第三,對於一個有技術追求的程式員來說,應該學一種技能精通一種技能,這樣才會養成良好的學習習慣,而且當一個人習慣嚴格要求自己,高標準要求自己的時候,成功也就不遠了。(習慣於嚴格高標準要求自己是優秀的氣質),好了,廢話少說,還是務實一點,還是重點講解技術要領。

   規劃:

1,三天上手,可以基本看懂各種web源碼。

2,三天之後,可以做出一個像樣子的web。(因為任何的資料都可以參考)

3,在不斷的項目和學習過程中,將其他相關的前端知識全部掌握。


   三天上手Html/JS/CSS具體實施:

1,首先找到一個複雜度一般的web,根據其樣式準備自己實現。

2,去w3school上將html /CSS/JS 的全部執行個體全部看完,在自己迷惑的部分好好瀏覽參考手冊。

3,第一天,大致完成HTML/CSS重點章節。

4,第二天,完成HTML/CSS全部章節,並完成JS重點章節。

5,第三天,完成JS全部章節,並全部完成一個設定目標如ifeng.com 或51.com首頁。


   詳細實施:

首先應該清楚最基本的概念:1,HTML可以實現web的大致內容,但是靜態不可互動、樣式不夠完美;可以完成web的基本內容。2,CSS可以將WEB的樣式、顏色、布局及字型等實現的非常完美,這就全面完成為互動前web的全部。3,JS 可以完成頁面的互動,這樣一個web的樣式、互動等基本就全部搞定了。其次,學習的過程建議通過執行個體操作體驗來真正明白具體,所以先簡單一實例再參考手冊。最後,肯定會忘,記得複習的同時繼續全面細緻學習,碰到漂亮的頁面不該袖手旁觀,而應該主動去實現,記得多去論壇跟高手交流。


第一天內容:

A ,HTML部分:

 重點部分:段落、字型、樣式、表單、列表;

 細節注意部分:樣式、段落、字型。

 具體:

 1,基礎標籤:<p> <table> <br> <h1> <hr> <ul><li> <head><body><meta><form><frmameset><input>

 2, 文字格式設定化:<pre> <strong><em><b><code><sample><kbd><tt><var>

<address><abbr><bdo>

 3,連結執行個體<a  href="" target="_top">  target="_blank"

 4,架構:<frameset><frame>

 5,表格:<table> <tr><td><th>

 6,列表:<ul><ol><li > type="circle"

 7,表單與輸入<form>  <input>

 8,樣式<style>

 9,指令碼<script>





未完待續


相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.