PTT數位生活區 / Web_Design

[請益] 有必要學SCSS(SASS)嗎？

看板Web_Design作者 (jing007)時間7年前 (2016/12/21 00:06), 7年前編輯推噓17(17推 0噓 41→)
留言58則, 21人參與, 最新討論串1/1
最近買了一堂網頁課來上 但老師學完基礎的CSS之後 開始上SCSS(SASS)　雖然短短幾個字就出來很方便 但好不習慣啊…感覺是為了縮短CODE才延伸出這個 但我CSS的運用都不太會了　還去記簡碼的SCSS 有點…佔我的腦記憶體空間　好混亂啊@@ 請問那除了打的字較少之外　有其他一定要學理由嗎 後來感覺javascript和jQuery也這是唷？ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.249.129.225 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1482249999.A.B3E.html
推
12/21 00:37, , 1F
你老師沒有講解為什麼要用SCSS嗎?
12/21 00:37, 1F
那是線上課程，我的理解程度是…好用、可以縮短css code
推
12/21 00:46, , 2F
scss 不會，找不到工作的
12/21 00:46, 2F
有那麼嚴重嗎？
推
12/21 00:59, , 3F
css像走，scss像跑。要先會走才能學跑啊
12/21 00:59, 3F
我就是想先把走學好再跑啊… 他教完css位置後(好像是)，就跳到scss去了
推
12/21 03:05, , 4F
SCSS最終也是要編成CSS的，也不是簡碼這麼簡單而已…
12/21 03:05, 4F
→
12/21 03:05, , 5F
真的還是要先把CSS有一定程度再回來學會比較能理解
12/21 03:05, 5F
→
12/21 03:07, , 6F
理解為何要發明這種東西出來
12/21 03:07, 6F
我越看越覺得我css都搞不清了，還去記scss@@，一片混亂
推
12/21 12:20, , 7F
你的狀況可以先別學 但了解一下這是幹嘛的
12/21 12:20, 7F
→
12/21 12:20, , 8F
以後你有需要來再來學
12/21 12:20, 8F
ok~先搞定css！！
→
12/21 17:57, , 9F
先別理吧 都還沒學會走就想跑 等CSS寫到煩的那天再來 而
12/21 17:57, 9F
→
12/21 17:57, , 10F
且等那時候說不定又有另外的工具可以使用
12/21 17:57, 10F
but買了後，才發現中間他開始上scss...雖然看過，但不了解，所以才去看這是什麼
→
12/21 21:06, , 11F
先把CSS學精通吧！SCSS不學不會怎樣，學了加分而已
12/21 21:06, 11F
ok!那是線上課程，害我一片混亂，目前有的課程用scss解說，不會就看不懂
推
12/22 01:06, , 12F
scss也是可以只當css寫啊…
12/22 01:06, 12F
但變成兩邊都要記，好麻煩喔
→
12/22 01:11, , 13F
寫sass也需要會css，所以先學好css比較重要，熟練之
12/22 01:11, 13F
→
12/22 01:11, , 14F
後sass幾個小時內就可以學會
12/22 01:11, 14F
幾小時就會？@@~有這麼簡單嗎？
推
12/22 16:09, , 15F
'簡碼'是指emmet吧? 熟練後會很方便!! sass個人認為易學難精
12/22 16:09, 15F
→
12/22 16:11, , 16F
會CSS就差不多會sass了~ 但要體會sass的精隨則需要再學習它
12/22 16:11, 16F
不是，是我把scss和sass叫css的簡碼... 那不是縮短css的嗎...
推
12/23 02:56, , 17F
基本上寫程式也要考量時間成本，scss/sass的精簡語法
12/23 02:56, 17F
→
12/23 02:56, , 18F
可讓開發人員增加開發效率的
12/23 02:56, 18F
可搞不清楚啊~
推
12/23 04:24, , 19F
那個老師的課我也有上,老師的教學內容真的很豐富且多樣,
12/23 04:24, 19F
→
12/23 04:24, , 20F
我自己是因為有html+css的基礎才學的,所以一沒有壓力,建
12/23 04:24, 20F
→
12/23 04:24, , 21F
議大大可以現去坊間找一本適合的書來看,等寫過一輪的時
12/23 04:24, 21F
→
12/23 04:24, , 22F
候再來繼續課程會比較好,最近有一本:html5.css3最強圖解
12/23 04:24, 22F
→
12/23 04:24, , 23F
實戰講座,我覺得還滿適合入門者看的,如果有學習問題其實
12/23 04:24, 23F
→
12/23 04:24, , 24F
可以直接留言或在fb社團問老師,老師回覆率很高的
12/23 04:24, 24F
一開始覺得不錯，但上到scss(sass)開始錯亂了@@
→
12/24 13:03, , 25F
是HAHOW的課嘛XD
12/24 13:03, 25F
是啊~haha~
→
12/24 13:07, , 26F
建議基礎可以上六角HTML課 標籤元素幾乎手把手教 觀念
12/24 13:07, 26F
→
12/24 13:07, , 27F
會很清楚 自己再去學SCSS(SASS)會比較好入門
12/24 13:07, 27F
買了六角的課了！！考完試後來看！！ html ok~ css還ok 但相對定位、絕對定位那邊還不太會使用
→
12/24 23:28, , 28F
個人非常討厭 SCSS/SASS, 不用也不會找不到工作,太誇張
12/24 23:28, 28F
→
12/24 23:31, , 29F
而且我完全不覺得SCSS有增加開發效率，只有增加除錯麻煩
12/24 23:31, 29F
→
12/24 23:32, , 30F
不過這個時代寫網頁好像不編譯就落伍
12/24 23:32, 30F
→
12/24 23:32, , 31F
當初HTML+CSS+Javascript最棒的地方是寫完不編譯馬上看的到
12/24 23:32, 31F
→
12/24 23:33, , 32F
現在都搞成弄一堆套件一堆特殊寫法還要編譯..
12/24 23:33, 32F
我看了很頭亂啊~
推
12/25 11:07, , 33F
同意shter大
12/25 11:07, 33F
點頭中…
→
12/25 13:15, , 34F
css+BEMIT+scss 你的code就會很漂亮很講究
12/25 13:15, 34F
but 目前看scss好混亂喔~
→
12/25 23:35, , 35F
sass可以把同支檔案拆分成更多，像是_head.sass+_body.sass+
12/25 23:35, 35F
→
12/25 23:35, , 36F
_foot.sass = main.css 好處像是，共同開發、修改/維護方便
12/25 23:35, 36F
→
12/25 23:39, , 37F
巢狀結構可少寫很多重複性的東西。sass最後還是會變成css
12/25 23:39, 37F
→
12/25 23:40, , 38F
但是可以幫你省下很多尋找、修改、寫重複性東西的時間
12/25 23:40, 38F
應該說會用的人很好用是吧？
推
12/26 00:23, , 39F
覺得sass/scss沒增加效率是沒用的很好吧 活用變數 mixin
12/26 00:23, 39F
→
12/26 00:23, , 40F
結合compass或susy都超好用 整個網站色系改幾個變數就好
12/26 00:23, 40F
→
12/26 00:23, , 41F
這樣說沒比較好用嗎
12/26 00:23, 41F
推
12/26 00:27, , 42F
但真的要學好css再來碰這塊 上手就回不去了就是 XD
12/26 00:27, 42F
是沒用得很好，才剛接觸而己 但聽起來會用的人好像不錯？
推
12/27 07:46, , 43F
CSS才是你學習的重點，預編只是讓你方便。當你真正理解，
12/27 07:46, 43F
→
12/27 07:46, , 44F
精通CSS，這些預編都是幾個小時就能摸熟的東西
12/27 07:46, 44F
嗯嗯好~
→
12/30 20:41, , 45F
同shter大，寫熟根本這行還在寫下行就想好了，需要編
12/30 20:41, 45F
→
12/30 20:43, , 46F
譯就算了，巢狀轉回css還會微減效能，好處真的只有
12/30 20:43, 46F
→
12/30 20:43, , 47F
共同開發方便
12/30 20:43, 47F
→
12/30 20:45, , 48F
整站轉色系聽起來很讚，但三年來從沒案子需要用到
12/30 20:45, 48F
所以您也沒用過scss來編譯？
推
12/31 10:33, , 49F
如果是需要一直維護的網站就很需要 譬如聖誕節應景配色之
12/31 10:33, 49F
→
12/31 10:33, , 50F
類的 我是寫到有自己的一套框架了 重複開放也很方便
12/31 10:33, 50F
→
12/31 10:34, , 51F
不過我們寫的是在rails環境 編譯還蠻無痛的
12/31 10:34, 51F
css不是也可以嗎？
推
01/03 23:37, , 52F
CSS 不能設變數啊 你可以找 bootstrap 的 sass 版出來看
01/03 23:37, 52F
→
01/03 23:37, , 53F
就會知道有多方便了 當然你如果css不熟是不會覺得好用啊
01/03 23:37, 53F
bootstrap目前完全不會哩～還沒看到那個地方去，有機會會看看的，謝謝
推
01/23 08:33, , 54F
css先學好，不用急著學scss
01/23 08:33, 54F
→
01/23 08:33, , 55F
雖然用過scss就真的回不去了（太方便）
01/23 08:33, 55F
→
01/23 08:38, , 56F
多了變數加上寫好的mixin，雖然有些跟css效果一樣
01/23 08:38, 56F
→
01/23 08:38, , 57F
但節省很多時間，不夠一開始要花時間搞清楚是真的
01/23 08:38, 57F
好，謝謝
推
01/24 16:48, , 58F
下一篇 有需要學 react vue嗎
01/24 16:48, 58F
別這樣啦～XDDDDDD，也許會又一篇喔～ ※ 編輯: jing007 (111.249.130.157), 03/25/2017 23:43:10
‣ 更多 jing007 的文章
文章代碼(AID): #1OMLSFi- (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 jing007 的文章
文章代碼(AID): #1OMLSFi- (Web_Design)