Search
昨天的 Sass + Bootstrap 製作甜點電商影片已上傳！
稍作修剪一下，超過 1 小時的影片精華讓大家複習
以下回答大家可能有問題的地方：
- 為何是使用 ejs
貫徹懶得原則，Bootstrap 的文件複製直接貼上
- 為何不是使用 sass 而是 scss
以前我都是使用 sass
但在有次改版後，新的語法在 sass 中難以使用
（sass map，BS4 中有大量使用）
所以往後果斷改用 scss
----
影片：https://yt1.pics.ee/AT62G
活動設計稿：https://lihi.cc/LAfsC
講義：
https://paper.dropbox.com/doc/103--AOVpiBNhVi8T5cXyFewnp5fRAg-B51w60KvhjjgSPoXyJ08j
Bootstrap 課程中有提到怎麼透過 Sass 改變樣式
但其實沒有從基礎開始介紹
主要原因在於 Sass 課程我們都是免費公開的喔
廖洧杰 在以前參加鐵人賽時，就提供 90 篇教學文章
https://github.com/gonsakon/Learn-Sass-in-90-days
除此之外，RWD 的 Sass 章節課程也都可以免費預覽
(展開全部課程，找到 Sass 章節就能直接預覽了)
https://www.udemy.com/responsive/?couponCode=COUPON_2018
線上問答部分也有介紹過好幾次
在此也分享給大家：
六角學院 - SASS 之 @function、@extend、@mixin
https://www.youtube.com/watch?v=FVx8WvZQV10
Sass 基礎運用介紹 - (附有開發環境)
https://www.youtube.com/watch?v=mgZRZ91h5yk
Bootstrap 4 結合 Sass 編譯，自訂元件超輕鬆
https://www.youtube.com/watch?v=efEBKRQhNlc
Sass 算是一個非常值得投資的技術
算是目前不斷變動的前端技術中還沒有被替代的
其中許多優點在課程中我就不再提了
不過，在此要說一下明顯的缺點
寫 CSS 速度會越來越快並且可用性越來越高
接下來，寫完的 CSS 也就不太需要再去改
(或者改動時間變短)
然後就會被迫去學 JS 惹 😭
昨天線上問答介紹一些酷炫的特效
影片也上傳到 Youtube，給大家參考看看喔 😉
- 純 CSS 繪製毛玻璃特效（類似 iPhone 上的透明效果）
- 使用 VSCode 編譯 Sass 並引用 Bootstrap 修改變數
- Bootstrap Flex 運用技巧
- 各種幾何圖形繪製（另包含 SVG）
錄影影片：
https://www.youtube.com/watch?v=SmFxwLRSulM
範例程式碼：
https://github.com/Wcc723/hexschool_201808_livedemo
