Web_Design 板


LINE

最近買了一堂網頁課來上 但老師學完基礎的CSS之後 開始上SCSS(SASS) 雖然短短幾個字就出來很方便 但好不習慣啊…感覺是為了縮短CODE才延伸出這個 但我CSS的運用都不太會了 還去記簡碼的SCSS 有點…佔我的腦記憶體空間 好混亂啊@@ 請問那除了打的字較少之外 有其他一定要學理由嗎 後來感覺javascript和jQuery也這是唷? --



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







like.gif 您可能會有興趣的文章
icon.png[問題/行為] 貓晚上進房間會不會有憋尿問題
icon.pngRe: [閒聊] 選了錯誤的女孩成為魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一張
icon.png[心得] EMS高領長版毛衣.墨小樓MC1002
icon.png[分享] 丹龍隔熱紙GE55+33+22
icon.png[問題] 清洗洗衣機
icon.png[尋物] 窗台下的空間
icon.png[閒聊] 双極の女神1 木魔爵
icon.png[售車] 新竹 1997 march 1297cc 白色 四門
icon.png[討論] 能從照片感受到攝影者心情嗎
icon.png[狂賀] 賀賀賀賀 賀!島村卯月!總選舉NO.1
icon.png[難過] 羨慕白皮膚的女生
icon.png閱讀文章
icon.png[黑特]
icon.png[問題] SBK S1安裝於安全帽位置
icon.png[分享] 舊woo100絕版開箱!!
icon.pngRe: [無言] 關於小包衛生紙
icon.png[開箱] E5-2683V3 RX480Strix 快睿C1 簡單測試
icon.png[心得] 蒼の海賊龍 地獄 執行者16PT
icon.png[售車] 1999年Virage iO 1.8EXi
icon.png[心得] 挑戰33 LV10 獅子座pt solo
icon.png[閒聊] 手把手教你不被桶之新手主購教學
icon.png[分享] Civic Type R 量產版官方照無預警流出
icon.png[售車] Golf 4 2.0 銀色 自排
icon.png[出售] Graco提籃汽座(有底座)2000元誠可議
icon.png[問題] 請問補牙材質掉了還能再補嗎?(台中半年內
icon.png[問題] 44th 單曲 生寫竟然都給重複的啊啊!
icon.png[心得] 華南紅卡/icash 核卡
icon.png[問題] 拔牙矯正這樣正常嗎
icon.png[贈送] 老莫高業 初業 102年版
icon.png[情報] 三大行動支付 本季掀戰火
icon.png[寶寶] 博客來Amos水蠟筆5/1特價五折
icon.pngRe: [心得] 新鮮人一些面試分享
icon.png[心得] 蒼の海賊龍 地獄 麒麟25PT
icon.pngRe: [閒聊] (君の名は。雷慎入) 君名二創漫畫翻譯
icon.pngRe: [閒聊] OGN中場影片:失蹤人口局 (英文字幕)
icon.png[問題] 台灣大哥大4G訊號差
icon.png[出售] [全國]全新千尋侘草LED燈, 水草

請輸入看板名稱,例如:WOW站內搜尋

TOP