网站开发大致分为前端和后端，前端主要负责实现视觉和交互效果，以及与服务器通信，完成业务逻辑。其核心在于对用户体验的追求，很多同学对此感兴趣，但却不知道该怎么样开始学习，或者是有一定基础的同学由于思路不对，导致知识点混乱，不成体系，下面给个大致的学习思路。
基础知识
1.html+css 这部分可以去看一些书籍和视频，之后模仿一些网站做网页。
2.javascript 这个要学的内容实在是很多的，没有编程的基础自学的话会比较费力，建议《javascript语言精粹》，JS是一门很混乱的余元，这本书能够帮你区分哪些是语言的精华和糟粕。
进阶
有了以上基础，就可以进行一般的静态网页设计，不过复杂的页面还需要进一步学习。
1.css
推荐三部分内容，基础概念，css2.1规范，css3规范，学习了这些你会了解盒子模式，流动，block，inline等概念
2.javascript
框架：推荐zepto，简单易用。
语言范式：推荐学习面向对象的基本理论，对封装，继承，多台等概念的理解。
语言内部机制：必须弄清js中变量的作用域，变量传递方式，函数的定义环境与执行环境，闭包，函数的四种调用方式。
Dom编程：核心技术之一，必读《dom编程艺术》
Ajax编程：另一核心技术
Es5，es6
3.html
需要了解html都提供了哪些api，然后项目中用起来。不难理解，关键在于用html5解决业务问题，以及不支持html5的浏览器的降级方案。
再进阶
代码层面，这层我就不多说了，一般够前两个就足够你找到很棒的工作了，另外这里只是一个学习的逻辑思路，具体操作还需要下很多的功夫。