「HTML/CSS」先前練習HTML/CSS打造網頁時,很習慣地看著影片跟著打,最後在自己實作的時候,會發現要完全自己打出來是非常難的事情。而這次的課程是跟著文件打,但打著打著,發現自己很容易會進入不耐煩的情緒中。目前解決這個問題的方法是,把課程拆小節,以一個小節為單位。看過一遍範本後,先把能記得的記起來,然後在不看範本的情況下,試著自己打,完成後再與範本做對照,找出最優解法,然後記在腦中。接著再繼續run個幾遍,及寫在筆記中,加深印象以便刻在腦海裡。
CSS的樣板太多,目前打算邊進行課程,邊創造自己的Library,之後能夠套用,以便節省時間。而在屬性的規劃上,沒有明確的sop,想到什麼就丟什麼,很容易需要設完一個參數,就回過頭看一遍網頁的變化,這樣反覆的動作,浪費很多時間。所以也應該及早建立屬性規劃的sop,由大到小做規劃,也必較不會丟三落四的設置不完全。
在HTML/CSS學到最新的知識點是,在做網頁前,先以網頁的內容做出一個大致的framework,畫出網格,給予編排。這樣在CSS設定上,較有依據,設置的時候,速度加快!
在「刻意練習」中有說到“心智表徵”為這本書的重點。“心智表徵”的意思是:當一個鋼琴家拿到一份樂譜時,他看到的不是音符,而是能夠在心中演奏的音樂。套用在我目前的狀況上就是說,我對於CSS的使用上,尚未演化出心智表徵,所以無法在心中看到一個網頁,應該用何種CSS設定,去完成這個網頁的最佳呈現方法。而要演化出心智表徵,只能透過練習,加深此種行為的熟練程度,而使之在腦中形成心智表徵。所以CSS要再加緊練習!
「Bootstrap」和CSS的狀況差不多,雖然Bootstrap是個模板,可以簡單套用,但在調整CSS屬性上,因為不熟,所以花了很多時間。後來發現,另外設置一個CSS檔案,蓋過原本的Bootstrap設定,就能得到自己想要的效果了。
「設計與軟體開發產品」是個新概念,之前沒有接觸過“設計思考”。所以一開始接觸時,比較吃力。於是,在睡前用大略瀏覽,先在腦中建立概念,隔天再做細讀,發現這些概念就比較容易進入腦中,雖然還無法快速地建立大綱,但理解上變得較為容易。在做解題時,需要融會貫通,一層一層考慮,花的時間不比寫程式少。是個滿訝異的點!原來一個產品的誕生,不是單單把產品做出來就好,後面還要有層層縝密的思維,才能將一個產品變成“有市場需求的商品“。