1. 程式人生 > >Start with Free Code Camp

Start with Free Code Camp

之前偶然在Github上注意到FreeCodeCamp,昨天仔細看了下,發現是個線上學習js的網站/組織,字面意思,自由編碼夏令營。
http://www.freecodecamp.com/,有興趣的朋友可以去做做題玩。
800h+的課程,除了短時間的引導外,前5個小時是Html和Css,我耐著性子做了這68道題,發現都是一些基礎的概念,很簡單,但也有 一些我原本不知道/不清楚/沒記住的東西:
input標籤中加入required表示必須輸入(HTML5);
圖片img標籤最好都有alt屬性,搜尋引擎會查這個;
margin的重疊(下沉)現象;
Css的覆蓋順序:style->class(同時有多個類的標籤,style標籤中下面的類會覆蓋上面的類,“喜新厭舊”)->id->inline-style->!important;
預設字型:font-family:one two,如果one字型不可被載入,會使用two;邊框圓角的定義;
a標籤中將錨設為#,叫“dead link”;
input標籤的屬性placeholder,佔位符,可以設定未輸入時所顯示的內容;
html標籤(單選框,複選框)中加入checked屬性會預設選中。
全棧(full stack):知道這個詞的意思後,我的眼淚流了下來。
然而接下來的5個小時是Responsive Design with Bootstrap,用Bootstrap來做響應式設計。開始接觸對我來說比較新的內容,我感覺還是認真做一下筆記比較好。雖然只有課程只有5個小時,但我打算隨著做題,看一些相關資料,將知識點拓展、關聯,真正所花時間恐怕數(十)倍於此。
百度百科:

Bootstrap,來自 Twitter,是目前很受歡迎的前端框架。
響應式設計,集中建立頁面的圖片排版大小,可以智慧地根據使用者行為以及使用的裝置環境(系統平臺、螢幕尺寸、螢幕定向等)進行相對應的佈局。
準備工作:
1. 下載預編譯檔案、原始碼和中文文件。
2.在w3c看基礎概念ing。