帶領設計師轉職前端的專業線上教學平台 – 六角學院 專訪

近年來,線上課程平台如雨後春筍般誕生,代表全球對知識的渴求需求極大,這樣的方式也改變過去必須進教室才能學習的刻板印象。就軟體界的設計師而言,相信對能打造出 “真的” 能運作或互動的產品相當有興趣,因此大舌頭特別找了在網頁開發教育領域經營許久的團隊 – 六角學院 進行專訪,內文中除了分享了他們課程的方向外,也提供許多建議給想要學習或踏入前端的設計師們。

請簡單介紹一下當初創辦 六角學院 的起源及目前的團隊?

洧杰在建立六角學院以前,已經輔導過數十位設計師轉職成工程師,同時也有多次企業教育訓練的經驗。過程中發現缺乏資源的地區一直都希望老師能夠過去開課,但要有足夠的上課人數一直是個問題,因此六角學院在設立時就是想要解決時間及地區上的限制,經營到現在,還有花蓮、屏東等地區的學員會固定參與我們的線上活動,甚至也有海外同學會固定關注我們的課程(笑)。

六角學院的主要成員有:專業的前端講師 廖洧杰老師 及 設計轉前端工程師的 王志誠老師。除了線上課程外,也經營高雄前端社群及執行業界專案,藉此避免所學技術與業界實戰上有所差異。也因此我們的前端課程可以讓學員在上完課後,直接接軌就業囉~

六角學院

 

六角學院 的經營策略與希望服務的族群是?目前有哪些課程呢?

課程的規劃是從基礎開始,避免直接跳到艱深的語彙、框架,讓有興趣的同學剛入門時不會 “母煞煞”。除了線上課程外,每週三還有線上問答,讓我們可即時的與學員交流。這過程中,我們也發現大多學員都是非本科(資訊、工程)的,其中設計師想轉工程師更是大宗。

課程規劃可參考下面這張圖(拿出看板),從中可以看到我們課程都是從基本開始,不會一次就跳到主流框架。因為我們覺得當基本概念穩固後,學習新的內容也會更快速,且在職場上也更有幫助。

hexschool_02

 

去年底我們推出 響應式網頁設計 的課程大受設計師好評,因此我們也開始著手規劃推出 Bootstrap 的相關課程,而今年 Bootstrap 團隊則更新到第四版,我們也順勢更新並推出最新 Bootstrap 課程,為的是讓同學學會下一個主流的框架,讓學習的效益能夠更長。

 

相信我們有許多讀者都聽過 Bootstrap,但沒有實際觸碰過,能不能為我們的讀者解釋一下它是什麼?它能帶來什麼好處?

不管是設計師、前端與後端,在執行網頁設計的時候,如形象網頁、購物網站、後台介面等,都會有很多元素不斷的出現(按鈕、填入欄位、輪播、下拉選單 …),新手可能會每次重新製作,老手則是會自己準備好一包常用元件素材。而 Bootstrap 就是類似老手準備好的那一包(目前最多開發者協作的前端 CSS 框架),還附上詳細的使用說明,這讓設計師、工程師都可以使用這些元件快速建立具美感的網頁設計

bootstrap 六角學院

 

那學習 Bootstrap 對設計師有什麼幫助呢?

對於剛踏入網頁設計領域的設計師且不熟悉網頁規範,那它可以讓新手設計師較快進入此領域,包含行動版網頁、卡片設計、色彩規劃等,Bootstrap 都有一套預設的選項可供使用。

對於略有經驗的設計師來說,重複建置相同的元素是相當耗時的,他們可用現成的元件加以調整,把精神放在圖形設計上,讓執行網頁開發專案效率更高更快速。

據統計,全球目前有 7 百萬個網站使用 Bootstrap 喔~

 

設計師透過你們的課程,從入門到上手大概需要多久?需要下什麼努力?

我們通常不會說上多久就能上工,會建議有興趣的同學每天用兩小時時間學習,這樣的累積會超過短短兩週的密集訓練。

另外,學員要思考想成為何種的工程師,一是視覺為主的網頁設計師,另一則是更專注開發的前端工程師。這兩者涉略的環節不同,所花的時間也略有差異,我們也有提供相關文件供同學參考。如果你對此有興趣,也歡迎與我們聯絡,再為同學調整學習進度。

六角學院 – 邁向前端工程師之路

 

能不能為我們的讀者推薦幾個以 Bootstrap 為框架的網站?

無論國內外,都有大量的網站使用 Bootstrap,網路上更有許多現成版型可供運用,就以最大的 Blog 系統 WordPress 來說,其中的版型中 Bootstrap 就為大宗(WP 的 Bootstrap 分類

除此之外,由於它能快速建立版型,與建立具美感的網站,所以許多新創產業也相當喜歡使用 Bootstrap,案例參考如下:

國內外許多大型網站、服務也都是使用 Bootstrap 作為基礎,在此框架之上建立屬於品牌專屬的樣式:

 

當然前端領域的學習不只有 Bootstrap,就 “設計師學習前端” 你們覺得該注意哪些事情?

寫程式最重要的其實是不斷學習,保持這樣的心態會輕鬆許多,學習就是工作的一環,每天投入固定的時間學習,換來更高的效率及休閒時間!?

除此之外,同時專注設計與程式的開發者其實是相當缺乏的,因為每個人天天都盯著螢幕,大量的訊息都從屏幕中傳遞,大多開發者都是精通程式或設計之一,因此需要跨領域的開發者從中整合,所以在學習程式之餘,別放棄目前的設計能力喔。

hexschool

如果各位讀者對 Bootstrap 的課程有興趣,可以點擊下方連結,來了解更多喔!

詳看課程內容

 

本文章所屬設計大舌頭與作者所有,未經授權,不得轉載!如需轉載,煩請通知

訂閱設計大舌頭

隨時關注第一手 UX、UI、科技、設計新知

Facebook
LinkedIn
Telegram
Twitter