2014 台中前端 #3 Workshop 回饋及對 Emmet 的看法
![](https://farm6.staticflickr.com/5481/14448743420_101672c5c2_b.jpg)
趁想法還熱熱的趕快寫下來。
這個社群活動是在台中協助的第二個活動,並擔任助教的角色。地點在逢甲附近的夢種子。這次主要是由竹藝擔當講師,引導網頁設計師脫離 Dreamweaver 並使用 Sublime Text ,並使用 Emmet 語法協助撰寫。
場地
場地是在逢甲附近,唯一我要抱怨的點應該就是這個吧。
我從彰化坐車過去,逢甲這個地方又是大眾運輸需要比較多的時間才可以到達的地方。若是未來需要比較多外縣市或地區的開發者前來共襄盛舉的活動的話,在車站附近的好伴是不錯的選擇,對於坐車的人也比較方便。
對 Emmet 的看法
在協助學員的過程中,也有聊到我本身對 Emmet 也比較不熟。因為平常在寫的時候,有時候在 vim 理面就直接 hard code 出來,有用到 Sublime Text 的時候則會用到內建的自動完成或是其他的 snippet 插件。所以這對我來說,我其實也是新手 :DDD
在 workshop 前幾天,自己曾經有想過學 Emmet 對一開始脫離 Dreamweaver 的使用者是 推力還是 助力 這一點,也有和朋友討論過。
而今天有一位學員也有提到這一類問題。
重要的還是熟悉基礎
過了這幾天我則有不同於之前的想法,我應該可以回答這個學員提到的問題。
對於 Emmet 會不會造成設計師要學另外一套語法而形成負擔,我覺得是見仁見智。但是重要的還是要熟悉 HTML 語法的基礎,Emmet 的角色則是作為加速開發流程的工具之一。
若是以原本可以打 500 字的時間,現在可以打 1000 ,減少打 tags 的時間,便有更多時間可以發揮自己的創意以及調整 UI 佈局,這樣就是有幫助的。
所以要是對原本以拖拉的方式在 Dreamweaver 裡面作業,對 HTML 本身卻不太了解的設計師來說,轉用其他編輯器就馬上來用 Emmet ,這樣來說當然會造成負擔。
助教的心得
心得的部分,在一些安裝和實作過程之中,有接到學員的求救。這時候就會發現有些在平日覺得:「啊就這樣、這樣、那樣就好了啊!」的動作,若是沒有講清楚,學員是真的不知道:
像是 Sublime Text 裝完 Package Control 要重開 Sublime Text 、打開 Install Package 的時候要稍微等一下載入 package list 才會顯示、Emmet 一些 attributes 和內容該怎麼塞等等。
這些都是預先在 review 教材的時候沒有注意到的,日後有相關的課程這些可以當做經驗來做改進。也謝謝所有學員的支持,希望大家都真的有帶一些東西回去。我自己也從學員方學到很多,也要謝謝你們。
結論
基礎馬步要打好,就不怕有其他進階技術會太過動搖自己所學。至於一個對於自己比較新的語法,除了自己評估是否要導入使用之外,也可以問其他開發者的想法是如何。而對於工具的態度則是要善用工具,而不是被工具玩、被工具牽著走,領域內該知道的東西還是要去了解及熟悉,對工作上才會事半功倍。
在教學方式的部分,不管是教與學,都要抱著開放、互相學習的心態。接著該以設身處地的方式思考設計教材方式,對學習者會有更大的幫助。
最後還是要謝謝講師、助教們、學員們和提供免費又優質的場地給我們的夢種子。
一起期待下一次的活動吧!