1.基础
首先，先把html+css+js这三个做网页的基本语言基础过关，一开始不一定非得学的多精，很简易简单从菜鸟教程先去翻一翻基础，先对着把最简单的代码看一遍抄一遍，懒的话至少复制一遍，至少要对这些基本语法要有点感觉。然后用bootstrap这个入门框架自己拼几个自己想要的界面，不懂得想要什么界面就看别人的，比如想办法凑出一个简书的界面，只要有目标，不懂回去翻基础，一定是可以拼凑出来的。通过撘界面来学习基础，会很快熟练基础语法和元素的使用，基础的重点在于表单元素的交互。表单这些搞懂了，其他都比较简单。
2.新技术基础
基础熟练之后，再去看阮一峰的scss和ES6教程，这些才框架中都是家常菜，scss主要拿来自定义框架样式的，先简单知道怎么用就够了，ES6就复杂一些，比如箭头函数，数组操作，promise异步等等，都是很常用的功能，阮大神写的非常深入浅出，容易读懂。这些嘛，弄懂逻辑比背代码重要，所以搞清楚原理就行了，用到的时候再回来抄也没关系。
3.后端基础
后端nodejs、php、python、java任选一门，推荐PHP，个人觉得PHP天生就是干这个的，用来写网站最合适，当然，如果是新手，走JavaScript技术栈的话，学nodejs比较无痛，因为刚刚在前段学习了JavaScript的前端操作，语法比较亲切；选python也行，就是多学一门语言而已，至于java，如果不是职业规划非要走这条路，单纯做网站还是免了，难度很高，价格很贵！某net直接忽略不计。
4.数据库基础
整体的了解一下SQL的语言和用法，数据库操作一般都会用ORM来做，不想做专业DBA的话，知道一对一，多对多等的逻辑关系的原理就够用了。
5.框架指南
然后玩一个前端框架，一个后端框架，一套UI组件库，玩熟了，就基本没什么网站不会做了，有点C的编程基础的话学三四个月就可以写一个完整的网站。
学框架没别的，抄！抄！抄！翻！翻！翻！就对了。
对着手册翻上五六遍，对着代码抄上五六次，如果还不会，那我也就醉了！
我选择的技术体系是：vue（JavaScript）+laravel（php）+vuetify（vue-ui），两个框架一个UI库，玩的跟office一样熟悉，基本可以做任何类型的网站。
前端的选择有：angular，vue或者react，
后端PHP框架：laravel，phalcon，或者thinkphp，
python框架：django
nodejs框架：express
组件库就随意了，各个前端框架都有其生态圈，找一个漂亮好用的就行。
6.参考优秀代码
学完这些基础之后，就可以到Github上去clone一些开源项目，比如Vue-admin这样的一些star数比较多的项目，然后拿过来看一下人家是怎么用框架的，当然，很可能会是啥也看不懂，没关系，先了解一些大框架方向的设计，然后照着别人的框架结构，自己新建一个空项目，把人家的代码一段一段的copy过来看效果，就容易知道人家为什么这么写了，抄两个项目，也就清楚那些技术该怎么用了。
6.通用
不建议一下子学一大堆框架，框架本身设计思路都差不多，甚至跟用什么编程语言关系都不大，因此精专的学一个前端，一个后端，一套组件库，学通了之后，再用其他框架也就不成问题。
而后，有了项目的一些经验之后，不时的回去翻翻基础知识，并且不定时的归纳总结基础，让基础系统化。如果学到这个份上，再去做微信开发，app打包，那就是“不是不会，而是懒得做”的事情了。
以上，可供参考。
