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