※ 引述《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://webptt.com/cn.aspx?n=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