Re: [討論] 改模板的問題?

看板Web_Design作者iamnodoubt ( )時間9年前 (2015/12/13 14:48)推噓2(2推 0噓 0→)

留言2則, 2人參與討論串2/2 (看更多)

※ 引述《femlro (母豬教2號異端審問官)》之銘言： : 目前HTML跟CSS都有基礎了 : 也看得懂會改，但我看別人的blogger模板程式碼 : 高達五六千行 : 雖然我相信很多應該也是套用JS的Libiary : 但自己要看懂這些總覺得還不是很夠 : 我codecademy的HTML和CSS已經全部過關了 : JS也差不多了 : 但總覺得還是學得不夠，請問有更進階的可以看嗎? : 我是有買歐萊里JS犀牛本，也有深入淺出學HTML和CSS : 那要改這種模板的，看哪本書和網站會比較適合? : 雖然最後東摸西摸還是改好了。 : 不過我用的方式很好笑，就是這個不會改 : 我就再換一個漂亮的偷吃步方式。 : 另外響應式網頁請問有推薦的書籍嗎? : 我有歐萊里響應式網頁設計學習手冊其實不是很清楚你是要問怎麼改某個模板還是說要學xx有哪些資源基本上模板那問題..就跟用人家sdk一樣人家規定你怎麼用就怎麼用頂多在人家留給你的彈性上面調來調去再不然就要去hack人家底層的程式碼但是那東西通常都是高手寫的沒有一定的功力是改不動的不然就用你現在的功力去解析jquery的原始碼看看非壓縮版本的還留了一堆comment 就我以前改nodejs的ghost的經驗 ghost用的副檔名是.hbs, 也就是handlebar handlebar跟nodejs我都會但是改起來就跟學新東西一樣一直try error跟寫筆記而且官方文件還算詳細我的建議是, 只是微調某些東西非大改, 先去研究devtools怎麼用在chrome上直接調css跟簡單的html架構調到滿意再把程式碼貼到該檔 ctrl+shift+f (win) 或是 cmd+option+f(mac) 打的關鍵字都可以全部的程式碼搜尋非常好用一般前端就我知道會拿來架站的方式就gitpage, purge或是VPS 有jekyll, hexo, ghost, worldpress 方式等等然後最近有很多大大都用https://medium.com/ html比較難的是一些他的api 這部分也都是要寫js去控制 css難的是一些奇淫怪巧一般教學的書不會你統整這些東西 stackoverflow比書好用的多這也只能碰到再google 我覺得css更難的是convention 怎麼命名與規劃其實都有一些規則可以google smacss oocss bem 再來就是preprocessor跟post-processor less sass還有sass的framework compass等等後處理器比較有名的就是PostCSS 另外就是css的framework 常見的bootstrap, foundation, semantic ui 還有一些單純處理動畫的animate.css 其實就算你css掌握度已經很高了再去看那些framework, 也是像在學新東西一堆要背, 也是要花時間去熟悉 RWD我覺得語法原理都不難問題都是在怎麼規劃其實css要更上一步可以用那些css framework 熟了之後再反過來研究他為何那樣子寫 js要進步去解析思考研究framework的寫法也是很好的方式然後js就更是深不見底了基本上市場主流是angular跟react 最近一次看過的有參考樣本的統計使用頻率, react大概5x%,angular快50% angular有1.x轉到2.x版本轉移的問題 2.x大部份處理的是效能問題另外還有vue.js也有起來的趨勢學新的framework就跟學新的語言沒有多大的差異初看react, 那樣子長得真的很奇怪再來就data visualization也是近一兩年比較被注意的技術比較常見的就d3.js跟snap.js 動畫就greensock, create.js, pixi.js canvas跟WebGL因為相對難得多所以資源跟討論度就更少了不過動畫的技術後來也是會往那邊走就跟flash熱起來之後哪個網站首頁不是這樣飛來飛去至於用什麼書反正o'reilly的都不至於會雷重點是要有辦法讓自己花時間在上面像犀牛書那麼厚一本有些入門的看到就嚇到了網路上其實也有很多資源自己google關鍵字就有一堆推薦的ebook 我自己是比較喜歡看影片因為看書假如那個語言還不是那麼熟的話有些作者有時會當成你應該知道而省略某些東西.. 照著打噴error 但是自己卻不知道怎麼debugger 看影片就沒這問題頂多就版本不同造成的error youtube有很多免費的影片英聽沒那麼好, 有些影片還是會有字幕 codeschool, udemy , tutplus , treehouse都可以考慮中文的可以看對岸的慕課網, 極客等等前端進階的可以看frontendMaster udemy課程最便宜是10美不過一陣一陣的可以等他特價再買上面也有免費的課程不知不覺怎麼打了這麼多.... 一些資訊給你參考 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.160.86.195 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1449989313.A.0DC.html ※ 編輯: iamnodoubt (118.160.86.195), 12/13/2015 14:57:27 ※ 編輯: iamnodoubt (118.160.86.195), 12/13/2015 15:37:01