※ 引述《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美
不過一陣一陣的
可以等他特價再買
上面也有免費的課程
不知不覺怎麼打了這麼多....
一些資訊給你參考