緣起:
校內社團有新人想要學習做網站, 對沒有程式底子的他其實遇到很多挫折, 一方面也是自己不太會帶的問題, 所以下了苦心尋找有沒有適合新手的工具,因緣際會的發現 Webflow , 真的大大改變我對於寫網站的看法,神器無誤!!!

簡單而言, 它不僅僅是拖拉圖示來做網站, 它也同時訓練了基礎HTML/CSS 的觀念
包括網頁的架構, Style的設計.......令我大吃一驚

這是小弟我純粹利用Webflow做的一個case- 東吳文謅謅影展

沒有寫任何的 code, 就可能做出一個簡易的網站

影片2倍速播放
相信懂網頁的人就知道他是怎樣的程式,但我必須說- Webflow不只如此-請期待其他文章

(必須先強調: 它只是個"工具", 它不能取代coding,這將是我最重要的一篇想要講的: Webflow的限制)

適合對象

• 非常推薦對於網頁設計有興趣的人看看這篇, 或許科技進步到讓實際的學習門檻遠低於你以為的難度
• 非常推薦所有網頁設計師瀏覽這個工具,或許你曾經試著學習前端基礎,但過程並不順利, 但你真的很有可能做出一個100%與你想像中一樣的網站,同時不用與工程師只為了一些小對齊,顏色來回溝通個100次
• 非常推薦所有跟我一樣剛起步正在學習網頁的新手,有些繁雜抽象的觀念,利用圖像化的直覺,更容易了解,不僅讓你成就感大增,利用他匯出程式碼的功能,看看國外一致推崇webflow具有乾淨的程式碼風格是如何產生
• 推薦所有前/後端工程師使用Webflow的進階功能,他能讓你prototype一些你難以想像的畫面,直覺的操縱立體,互動式等等,以及最棒的-一件完成響應式網站,這是我最喜歡的
• 非常推薦所有大神試試這個工具,若喜歡就可分享給上述的所有人,webflow這個社群在台灣尚未建立,但Forum以及每週三的線上meetup都很喜歡,深受這群愛好分享的人影響著

30天規劃

• 觀念
  • 限制 & 會員差異
  • 我的學習順序
• 基礎
  • 介面說明/ UI介紹
  • 基礎網站架設
• 進階
  • Flexbox
  • 3D-transform
  • Interaction 1.0
  • SEO
  • CMS
• 未來發展
  • #MadeInWebflow 好作品推薦
  • 令人期待的更新 Interaction 2.0

自我介紹:
我是Frank, 年初開始學習寫網站, 過程慘烈,親自度過了很多雷區
慢慢至今也漸漸了解前端的基本,想藉由鐵人賽分想最近發現的新工具
(本人與Webflow無任何利益關係,單純想要分享給可能跟我遇到一樣問題的人)

基礎卡了很久,想要趁年底熱血一發,所以同時間,自己也想紀錄這30天如何去真正面對自己好像懂又其實不懂的前端課題- 師父領進門,迷路在個人 - 歡迎新手一同越過css,js大魔王.