先说一下自学前端如何入门吧。
方法：
第一：理清Web前端的知识结构。要想高效学习Web前端知识，首先应该搞清楚Web前端都包括哪些技术结构。Web前端开发虽然技术难度并不高，但是技术细节却比较多，内容也比较杂。Web前端的基础包括三大部分，包括Html、CSS和JavaScript，其中JavaScript是学习的重点，也是难点。另外，vue等框架也是需要熟练掌握的。
第二：紧跟技术发展趋势。目前Web前端的技术发展趋势有三个，其一是前端开发数据化其二是前端开发高效化其三是前端开发全栈化。前端开发数据化主要是大数据发展的影响，在大数据的推动下，Web前端逐渐涉及到了大量的数据展示任务。前端开发高效化主要体现在Web前端正在进行独立部署，前端与后端的沟通主要通过资源接口的方式来进行。前端开发全栈化也是一个比较明显的趋势，比如Nodejs的应用。
第三：注重动手实践能力的培养。学习前端开发一定要注重动手实践能力的培养，因为前端开发的细节比较多，所以只有多操作才能逐渐熟悉。
前端开发目前被称为“大前端”，整个前端开发也被赋予了更多的含义，包括Web前端开发、移动端开发、大数据呈现端开发以及部分后端开发任务等等。所以，想要在前端行业中走的更远，一定要注重知识结构的丰富性。
与其他编程语言相比，前端是公认的入行门槛较低的一门语言，但依然有很多人在学习之前会问零基础学习web前端难不难，要多久才能学会。学习的难易和时间当然是取决于学习的方式。
前端入门简单，但是深入学习之后，还是有一定学习难度的。如果你是零基础自学web前端的话，那么所花费的时间与精力是不可估计的。 如果系统学习5个月的时间可以帮助你快速成长为合格的web前端工程师。
路线：
第1阶段：前端页面重构(4周)
内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)
第2阶段：JavaScript高级程序设计(5周)
内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)
第3阶段：PC端全栈项目开发(3周)
内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)
第4阶段：移动端项目开发(6周)
内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)
第5阶段：混合(Hybrid,ReactNative)开发(1周)
内容包含：(微信小程序开发、ReactNative、各类混合应用开发)
第6阶段：Node.js全栈开发(1周)
内容包括：(WebApp后端系统开发、一、Node.js基础与Node.js核心模块；二、Express；三、noSQL数据库)
至于视频教程，我这里有很多前端的全套教程，如果你需要的话，可以加一下我的学习交流裙裙，找我要就行了！
node里的js，和前端用的js不一样。。。。前端用的JS，俗称JAVASCRIPT1.0，正规名称是ECMAscript3，而node上用的JS，是ECMAscript6。。尽管都叫ECMAscript，但相比之下，6和3几乎可以看成两门不同的语言。。3的语法在6中都有，但大概只有6语法总量的三分之一左右。。。另外三分之二，在3中是没有的。。3是基于对象的，而6是面向对象的。。比如6中有类，有lambda表达式，还有静态。。通过学习3，是根本不会涉及这些概念的。。
如果以3作为标准JS的话，那么6只有三分像JS，而七分像C#。。对于前端来讲，限于基础不足，NODE会显得非常难学。。。如果之前没学过C#或者JAVA，其实很难平滑过渡到NODE。。。比如下面这是一个类，你会觉得它是你所认为的JS代码？
class BaseResult{
constructor(code,msg,data){
this.code = code
this.msg = msg
***.data = data
}
setCode(code){
this.code = code
}
getCode(){
return this.code
}
setMsg(msg){
this.msg = msg
}
getMsg(){
return this.msg
}
setData(data){
***.data = data
}
getData(){
return ***.data
}
getRes(){
return {'code':this.code,'msg':this.msg,'data':***.data}
}
}
const SUCCESS = new BaseResult(0,'成功',{a:10,b:[{c:10,d:20},{e:30,f:40}]})
console.log(SUCCESS)
所以如果你目前只是学习前端，NODE可以暂时跳过，因为你根本学不会，即便自己觉得会了，到了做项目，你就明白自己根本不是真会，不理解面向对象，根本做不了完整的后端项目。。。要想转到后端，面向对象的ES6是根本跳不过去的
如果将来有机会学学C#或者JAVA，养成了面向对象思想，再学NODE就会变得非常平滑。。
