实话说，我不太建议上来就一大堆书籍，就如大部分推荐的JavaScript高级程序设计，这本书中有太多的面向对象思想，闭包，原型等概念，不建议在初期直接上手学习。

开始直接找个html css的手册过一下标签和样式，html主要学习一些基层标签，如何用div布局，css主要会盒模型，定位，浮动，选择器，背景就差不多了，属性和属性值可以慢慢积累，别看定位和浮动听写简单，但在实际用时可不容易，盒模型是基础，盒模型也是重点，选择器有类选择器，id选择器，父级选择器，后代选择器，基层够用了。

div+css布局很重要，在这期间可以浏览一下h5的新标签，把h5和div结合起来布局。c3重点看动画，canvas，数据存储，多线程处理可以先不看。

如果有些编程基础可以直接看我下面的，如没有基础，可以先去看下js数据类型，和控制语句.

js先找手册过一下属性和方法，事件，主要看选择器，属性，方法，理解透啥是dom树，dom操作，dom树就是html结构，dom操作就是用js操作标签和样式，在前期写特效就遵守，先获取元素，再操作元素就可以，获取元素在开始建议用getElementBy(id)以及和getElementBy(class)，其他三个用是用，用的少，后期可以用用jqueryElement()，选择器就差不多了。

方法，事件嘛，过过手册看一下大概的函数和参数，再按照例子教练。方法事件是js的重中之重。js没有速成，当你感觉你写的的代码太臃肿时，那就说明你可以去看js的高级程序设计那本书了，前提是在你写代码时有没有思考我这样写是不是最优的，有没有更好的写法算法。

这时你可以去接触闭包，作用域，面向对象等思想，可以将这些思想用但你的代码中，面向对象其实也不难，所谓对象不过就是一个属性和方法的集合体而已，面向对象一定要理解透，如new实例的过程，函数调用的四种模式，等一些思想，感觉理解的差不多了，就可以尝试去把以前写的特效改成面向对象版的封装成函数，以后可以拿来直接用，毕竟自己写的，面向对象的思想是重点，决定了你以后能不能继续上升。

再之后就可以接触原型了，了解构造函数原型和实例原型的运作模式，原型和面向对象可以同时进行，在你写每一个变量时都要想着这个变量是谁的有没有this。

在之后学习ajax，这个其实以后可以直接用第三方库的现成的，但最好了解一下。还有就是josn数组重点。

之后就是大量代码，好的程序员都是代码喂出来的，如果你感觉这时候就可以做网站了，那你想多了，但这时候做一个静态展示网站还是可以的，就算是静态网站，还要看你的布局，js学的够不够硬，网页谁都能写，关键在于写的够不够规范，够不够简洁。这就是都在写页面一个五六千七八千的工资，而另一个只有两千的原因。可以仿几个页面教练手在这时候，再可以接触链接第三方库和框架，如果你的基础练的炉火纯青，库一周能弄懂一个，框架一天一个。

前期的面向对象学好的话就可以特别容易的去学习php，php在我看来就是一个操作页面和数据库的一个中介当然这是我得理解，意思大概差不多吧。php是你向全栈发展的前提，就算你只干前端工作，后端你也得学，所以后端语言同样重要，当然后端语言你也可以选择其他的。还是那句话如果面向对象学的好的话，php上手特别快。

php学完后就是数据库，建议学习mysql，学到这个阶段，如果你还连啥叫数据库都不知道，那我保证你连this指针你都不知道，那我建议你还是放弃吧。数据库同样我建议从手册开始过语法，之后可以不用面板，教练数据库的操作，再进一步就是自己设计数据库。

之后你还要学习一些服务器的知识，这也就意味着你要去学习一些基本的linux操作、如何部署网站。运维这是可以先放一放。

这时你就可以尝试做一个论坛啥的动态网站了，我说的动态网站是自己用php＋mysql设计后端cms，用html+css设计前端页面，不是用那种模版，那种现成的cms搭建论坛那人人看看教程都会。

在这个论坛从开始设计到部署会有很多问题，自己查资料就可以解决。

部署以后就是seo，运维，这是你就要开始钻研计算机网络，学习http协议等。linux这时就要认真研读，它是你网站安全运行的保证，如如何通过参数看出服务器的健康等。

这些基本就是一个网站的从无到有的过程，这还不包括前期UI设计。学习到这是候你可以算是一个好的工程师，要说全栈的大佬级的工程师那还差的远，因为你根本没有数据结构算法，计算机系统，网络安全等的相关知识。这时就要不断的去学习！！！如果找前端工作，那在你能写出好的js代码代码时你就可以去面试，但如果不继续学习，那你被淘汰的机率大概在八成。

web开发就是一个坑，当你以为吃透了一个东西，一个知识点，你会发现还有一个更大的坑，我前面说的只是冰山一角，就算是这样，走完这些流程也得半年左右甚至更多，如果你是神童那……，要想不被淘汰，只能不断学习，程序员的高工资不是白拿的，不要去相信什么21 天成为全栈工程师什么的，程序设计是一件很严谨的事，如你设计一个网站商城的数据库时写了一个数据bug.而且没发现，那后期的用户隐私就是一个更大的bug。

如果想加入web开发的大坑，欢迎跳坑。

一时兴起大概写了点儿，错字可能有些多，语句有些不通顺，希望望不要见外，能看懂就行。欢迎点赞关注????！！！

服务器租了域名也买了，这时候在开始学有点晚了，看你要做什么类型网站，建议用源码套模板上手比较简单，博客的话用wordpress，企业的话帝国、织梦都可以，论坛就用discuz，个人推荐用wordpress操作起来比较简单，关键也很强大功能都可以用插件实现。

要做一个网站的话，要学习的东西还真不少，因为你不仅仅只是做这个网站就完了，你后期要更新，要自己维护的。下面我就大概说下要学什么东西吧。

一.web前端

web前端是比较好入门的，包括html，Css,javascript。html是用于搭建网页的基本结构，css是用于写网页的样式，比如字体颜色，背景颜色，动画等，javascript则是前端与后台连接的桥梁，主要用于与后台的数据交互。刚入门的话，可以去W3C网站去学习，如果想更加系统的学习的话，可以去买书来看，下面推荐几本书

这三本都是入门书籍

二.一门后台语言

后台语言非常多，java,c#,php等，因为现在前端发展特别快，现在前端的javascript这门语言也可以写后台啦，node.js就是用javascript去实现的语言，所以为了减少学习成本，学习node.js还是不错的。

三.数据库

数据是一个网站必不可少的元素。如果你语言存储数据，就需要数据库，数据库语言也非常多，MySQL,sql server,oracle等等，建议学习mysql吧，因为现在用这个的人最多，所以如果你遇到问题也会很快找到答案。

四.HTTP

HTTP是一种网页传输协议，是客户端与服务器沟通的一条线路，这个简单了解下就可以了，也可以到W3C上面学习。它的简单原理可以看下面这张图

五.服务器相关知识

服务器的相关知识直接看博客就可以啦。

比较快速的方式是学习使用一款成熟的CMS系统，比如wordpress等，一般的网站用CMS管理起来比较容易，而且也不需要学习编程等技术，但如果是做技术开发的出发点就另当别论了，比如学习html css js 以及一些后端开发框架和语言等。