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

看板Web_Design作者 (jing007)時間7年前 (2016/12/21 00:06), 7年前編輯推噓17(17041)
留言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
文章代碼(AID): #1OMLSFi- (Web_Design)
文章代碼(AID): #1OMLSFi- (Web_Design)