老白的全棧開發學習之路 6 第二課開始前端框架

原文于2016-8-15首發

Coursera全棧網頁開發的第二課,在十來天課程休息后開始了。全稱是Front-End Web UI Frameworks and Tools 第一周的課程是bootstrap框架的安裝和初步使用。老規矩先放周末大作業圖。左側是窄屏時的縮寫顯示頁面,右側是寬屏(手機橫屏)的顯示頁面。

FSD C2 W1 P.png

利用bootstrap框架可以迅速做出移動端需要的效果。這次是我做過的最快的大作業了,只用了半個多小時(后來又用了兩個小時自己做各種課程外的調試,熟悉框架特性)。第二周的課程讓我體會到了框架的巨大力量,可以帶來效率的數倍提升。如果要找類比的話,遠大的模塊化建筑(視頻)大概有點前端框架的意思。
學習回顧
新內容:Bootstrap基礎
Coursera 第二課第一周視頻 (3小時)
港科大另一位明星教師Jogesh K. Muppala. 他的課程
條理非常清楚
,具體優點如下:

  1. 主屏顯示課件,知識展示清晰;小屏顯示真人自拍,課堂不死板;
  2. 講解新知識時用幻燈片,演示寫代碼時用視頻錄像;
  3. 介紹框架時,實例演示,用很少的幾個知識點層層推進,“貼近“最少夠用”原則,還能以此展示出知識體系;
  4. 嚴謹地講解至于偶爾幽默調侃下,氣氛把握得當。
    Coursera的三個小練習和一個大作業(3小時)
    其實在有了老師視頻演示后,做起來還是還方便的。要不是有些地方自己看題目不仔細,還能更快。另外,更加覺得老師演示的內容簡潔明了,沒有廢話。
    Bootstrap相關文檔學習 (3小時)
    主要是把和課程講解,尤其是每個小練習相關的知識點再看下官方文檔里的說明。
    復習內容:JavaScrip, CSS
    J. D. 的JS教程 (9小時)
    繼續手打教程,到了132頁。因為出現了更多的代碼,自己在敲擊的時候順便改改弄弄,做調試,所以只有一小時三頁的速度。不過加深了很多知識點的理解。
    J. R. 的Learning Web Design教程 (2小時)
    因為bootstrap和CSS聯系比較密切,所以又去查找了該書里CSS的一些部分。
    其他
    雙拼輸入法安裝和調試(7小時)
    再重新學習了一遍《把時間當做朋友》之后,決定學習雙拼。搜索了一些資料,找到了號稱”神級輸入法“的
    鼠須管輸入法(rime)
    。但安裝和調試花了數個小時,尤其是字庫。雖然鼠須管占用內存比搜狗少很多,但是字庫還是硬傷,哪怕導入了一些字庫。最后決定還是用搜狗小鶴雙拼。
    Course港科大課程推薦的網絡材料 (2小時)
    主要是有關全棧開發的討論,資料相對舊些,但是質量都很高。開啟了很多新視角。

小結
Bootstrap框架打開了移動設備開發的大門。李笑來說的高效開發的確可以做到,技術部分的工作量是可以由工程師學習新技術減少的。另外,初學者找到好老師的確很重要。**嚴格按照老師演示的代碼操作,執行完畢后再自己做有針對性的調試,可以大幅降低學習時間。

本周驚喜
本周最大的驚喜還是Jogesh K. Muppala老師。不愧是評分高達4.7的課程主講。條理清晰又不乏幽默。以下是幾張截圖,btw,他還能引用儒家經典指導教學。

Full stack JS web development.png

coursera C2 W1 bootstrap.png
FSD on practice.png

本周的另一個驚喜是Muppala老師推薦的Brackets編輯器(需爬墻)。作為近年廣受歡迎的編輯器,天生自帶的實時預覽功能可是前端開發的利器(恩,Atom也可以實時預覽,但需要安裝插件)。以下是動態截圖(為了降低截圖大小,只好把實時預覽的網頁放在底層,把瀏覽器放在表層。上面菜單部分動圖就是編輯器在編輯時產生的即時顯示效果):

brackets demo by Giphy Capture.gif

本周的第三個驚喜就是雙拼輸入法了。雖然現在還在很緩慢地打字,但發現的確大大降低了鍵盤敲擊次數。未來熟練使用后,打字效率翻倍可期。推薦搜狗,重度用戶可以考慮rime。

胡思亂想
本周學習討論李笑來《人人都是工程師》的同學越來越多了。不乏一些和我一樣零基礎的朋友。不少在搭建開發環境時遇到了問題,包括對很多工具都極為陌生,比如terminal(我這個可以叫叔的老家伙至少小時候還見過類似的DOS)。還有朋友很認真地一步一步做,但是在搭建JS卡發環境這一章里,“創建.js文件”就不會了。寫到這里,我談下個人的看法。

《人人都是工程師》是個很有個性的教程。每個章節文字不多,但經常會用寥寥數語引出很多經典的學習教程。比如快速學習 HTML 和 CSS一文里

把 w3schools 上的這兩個教程反復看個兩三遍,對不止一遍 —— 當然,光看完不夠,要每個要素都要逐一實驗過。別覺得自己記不住,記不住的原因只有一個,就是用的次數不夠多而已。

另外,該教程總體上強調學員自己的動手能力,歸納總結能力,試錯的耐心等等,并不是一本手把手教學的“傻瓜教程”。當然,作者也算是“老程序員”了,有時會把很多已經熟練掌握的東西一下子寫出來而忽略新手因為一點背景也沒有,無法理解。所以,我建議大家,尤其是零基礎的同學,****把《人人都是工程師》當作一本“未習得知識索引”來看。****具體的學習還是要把更多精力放在經典的傳統教材上。比如《人人》里提到的w3schools,算上練習時間,一百小時也不夠的。

今日推薦
剛才提到了“老程序員”可能會忽視新手無基礎知識背景的問題。這里就給大家一個漫畫。
其實這次推薦的就是霍炬,西喬夫婦兩的兩個微信公眾號。分別是“歪理邪說”和“神秘的程序員們”。
霍炬在《把時間當作朋友》一書中的“補記”里有介紹,是“connector”兼“maven”。西喬在《人人都能用英語》里也有提及,是那個用了很短時間學好英語通過雅思然后移民的人。夫婦兩都可以算是工程師。一個還是不錯的科幻短篇作者,一個是功力不凡的設計師。搭檔出品的作品之一,“神秘的程序員們”已經連載幾年,連廣告植入都毫無違和感,不得不安利給大家。


這次的文章很簡練吧?拜練習雙拼所賜,是我最近打字時間最長的一篇了。。。。。。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,119評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,382評論 3 415
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 176,038評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,853評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,616評論 6 408
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,112評論 1 323
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,192評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,355評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,869評論 1 334
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,727評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,928評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,467評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,165評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,570評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,813評論 1 282
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,585評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,892評論 2 372

推薦閱讀更多精彩內容