前端的知识体系如上,可以按以下思路进行系统的学习:
【基础知识】
html + css 这部分可以在 w3cschool 在线教程上学习,边学边练,每章后还有小测试。 之后可以模仿一些网站做些页面。在实践中积累了一些经验后,可以系统的读一两本书,推荐《head first html 与 css 中文版》,这本书讲得非常细,估计很多人都没有耐心细读,你可以根据自己的实际情况斟酌。
javascript 要学的内容实在太多,如果没有其他编程语言的基础的话,学起来可能要费些力,还是建议先在 w3school上学习。之后建议马上看《javascript语言精粹》,js是一门很混乱的语言,这本书能够帮助你区分哪些是语言的精华,哪些是糟粕,对于语言精华,应该深入学习。糟粕部分能看懂别人写的代码就行,自己就不用尝试了。
刚开始的时候,你往往会比较迷茫,因为你写的东西似乎看起来毫无用处,比如实现一个简单的计算器,读取一个文件等。这个时候你就应该去学着写一些让你觉得有意思的东西了,所以你应该学习更多的知识。【进阶】
有了以上基础,就可以进行一般的静态网页设计,不过对于复杂的页面还需要进一步学习。
css。必看《精通css》,看完这本书你应该对:盒子模型,流动,block,inline,层叠,样式优先级,等概念非常了解了。作为练习可以看下《css艺门之匠》这本书,它对标题,背景,圆角,导航条,table,表单等主题都有详细的介绍。
javascript。上面提到内容还不足以让你胜任js编程。在有了基础之后,进一步学习内容包括