原文于2016-8-15首發
Coursera全棧網頁開發的第二課,在十來天課程休息后開始了。全稱是Front-End Web UI Frameworks and Tools 第一周的課程是bootstrap框架的安裝和初步使用。老規矩先放周末大作業圖。左側是窄屏時的縮寫顯示頁面,右側是寬屏(手機橫屏)的顯示頁面。
利用bootstrap框架可以迅速做出移動端需要的效果。這次是我做過的最快的大作業了,只用了半個多小時(后來又用了兩個小時自己做各種課程外的調試,熟悉框架特性)。第二周的課程讓我體會到了框架的巨大力量,可以帶來效率的數倍提升。如果要找類比的話,遠大的模塊化建筑(視頻)大概有點前端框架的意思。
學習回顧
新內容:Bootstrap基礎
Coursera 第二課第一周視頻 (3小時)
港科大另一位明星教師Jogesh K. Muppala. 他的課程條理非常清楚,具體優點如下:
- 主屏顯示課件,知識展示清晰;小屏顯示真人自拍,課堂不死板;
- 講解新知識時用幻燈片,演示寫代碼時用視頻錄像;
- 介紹框架時,實例演示,用很少的幾個知識點層層推進,“貼近“最少夠用”原則,還能以此展示出知識體系;
- 嚴謹地講解至于偶爾幽默調侃下,氣氛把握得當。
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,他還能引用儒家經典指導教學。
本周的另一個驚喜是Muppala老師推薦的Brackets編輯器(需爬墻)。作為近年廣受歡迎的編輯器,天生自帶的實時預覽功能可是前端開發的利器(恩,Atom也可以實時預覽,但需要安裝插件)。以下是動態截圖(為了降低截圖大小,只好把實時預覽的網頁放在底層,把瀏覽器放在表層。上面菜單部分動圖就是編輯器在編輯時產生的即時顯示效果):
本周的第三個驚喜就是雙拼輸入法了。雖然現在還在很緩慢地打字,但發現的確大大降低了鍵盤敲擊次數。未來熟練使用后,打字效率翻倍可期。推薦搜狗,重度用戶可以考慮rime。
胡思亂想
本周學習討論李笑來《人人都是工程師》的同學越來越多了。不乏一些和我一樣零基礎的朋友。不少在搭建開發環境時遇到了問題,包括對很多工具都極為陌生,比如terminal(我這個可以叫叔的老家伙至少小時候還見過類似的DOS)。還有朋友很認真地一步一步做,但是在搭建JS卡發環境這一章里,“創建.js文件”就不會了。寫到這里,我談下個人的看法。
《人人都是工程師》是個很有個性的教程。每個章節文字不多,但經常會用寥寥數語引出很多經典的學習教程。比如快速學習 HTML 和 CSS一文里
把 w3schools 上的這兩個教程反復看個兩三遍,對不止一遍 —— 當然,光看完不夠,要每個要素都要逐一實驗過。別覺得自己記不住,記不住的原因只有一個,就是用的次數不夠多而已。
另外,該教程總體上強調學員自己的動手能力,歸納總結能力,試錯的耐心等等,并不是一本手把手教學的“傻瓜教程”。當然,作者也算是“老程序員”了,有時會把很多已經熟練掌握的東西一下子寫出來而忽略新手因為一點背景也沒有,無法理解。所以,我建議大家,尤其是零基礎的同學,****把《人人都是工程師》當作一本“未習得知識索引”來看。****具體的學習還是要把更多精力放在經典的傳統教材上。比如《人人》里提到的w3schools,算上練習時間,一百小時也不夠的。
今日推薦
剛才提到了“老程序員”可能會忽視新手無基礎知識背景的問題。這里就給大家一個漫畫。
其實這次推薦的就是霍炬,西喬夫婦兩的兩個微信公眾號。分別是“歪理邪說”和“神秘的程序員們”。
霍炬在《把時間當作朋友》一書中的“補記”里有介紹,是“connector”兼“maven”。西喬在《人人都能用英語》里也有提及,是那個用了很短時間學好英語通過雅思然后移民的人。夫婦兩都可以算是工程師。一個還是不錯的科幻短篇作者,一個是功力不凡的設計師。搭檔出品的作品之一,“神秘的程序員們”已經連載幾年,連廣告植入都毫無違和感,不得不安利給大家。
這次的文章很簡練吧?拜練習雙拼所賜,是我最近打字時間最長的一篇了。。。。。。