一、学js的条件：
创新互联公司专业为企业提供河北网站建设、河北做网站、河北网站设计、河北网站制作等企业网站建设、网页设计与制作、河北企业网站模板建站服务，十多年河北做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
学习JS也是有门槛的，就是你的html和css至少还比较熟练，您不能连body这东东是干啥的都不知道就开始上JS了，学乘除前，学好加减法总是有益无害的。
二、忠告
1，不要着急看一些复杂网页效果的代码，这样除了打击你自信心，什么也学不到
2，别急着加技术交流QQ群，加牛人QQ。
3、看网上什么多少天精通JS，啥啥啥从入门到精通，这种教程直接跳过吧，太多的事实证明，以一种浮躁的心态去做任何事都会以失败而告终。
4、千万别去弄啥电脑培训，花了钱和时间不说，关键是学不到东西。本来你买两本好书自学3个月能学会的，他们硬是能折腾你两年。
javascript：
1、同义词 js（Javascript）一般指javascript。
2、JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。
3、它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
4、在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。
方法：
第一：理清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数据库)
至于视频教程，我这里有很多前端的全套教程，如果你需要的话，可以加一下我的学习交流裙裙，找我要就行了！
《JavaScript基础教程（第9版）》（[美] Dori Smith）电子书网盘下载免费在线阅读
资源链接：
链接：
提取码：8ghp
书名：JavaScript基础教程（第9版）
作者：[美] Dori Smith
译者：陈剑瓯
出版社：人民邮电出版社
出版年份：2015-3
页数：404
内容简介：本书是经典的JavaScript入门书，以易学便查、图文并茂、循序渐进和善于用常见任务讲解语言知识而著称。书中从JavaScript语言基础开始，分别讨论了图像、框架、浏览器窗口、表单、正则表达式等内容，循序渐进地给出了JavaScript以及相关的CSS、DOM、Ajax和jQuery等技术。第9版全新改写，新增更多示例和技术介绍，使用流行的jQuery框架向网站轻松添加有用的功能。
本书适合有志于从事Web开发和设计的初学者.也是高等院校相关课程的理想入门教材。
作者简介：Dori Smith
世界知名的Web程序员和设计师，从事软件开发已有20多年。她是Web标准项目（WaSP）指导委员会委员，并发起成立了世界性的女性技术社区Wise-Women Web。
Tom Negrino
蜚声全球的技术作家，长期主持Macworld和许多其他技术杂志的专栏。自1995年开始，与Dori Smith合作著书，向初学者介绍Web，目前已著有数十本书。
首先要说明的是，咱现在不是高手，最多还是一个半桶水，算是入了JS的门。
谈不上经验，都是一些教训。
这个时候有人要说，“靠，你丫半桶水，凭啥教我们”。您先别急着骂，先听我说。
你叫一个大学生去教小学数学，不见得比一个初中生教得好。因为大学生早已经过了那个阶段，都忘记自己怎么走过来的了。而对于初中生，刚好走过那
个阶段，对自己怎么走过来的还记忆犹新，或者还有一些自己的总结。比如，很多高手觉得那本犀牛书入门很好，他们觉得太简单了，但以我的经验来看，它不是入
门的最好选择。
先说说学js的条件
论条件，咱是文科生，大学专业工商管理，和计算机毛关系都没；有人说英语，读了四年大学，很遗憾，咱还四级没混过；就咱这条件都学得乐呵呵的，您还等啥。
当然学习JS也是有门槛的，就是你的html和css至少还比较熟练，您不能连body这东东是干啥的都不知道就开始上JS了，学乘除前，学好加减法总是有益无害的。
再说几点忠告
1，不要着急看一些复杂网页效果的代码，这样除了打击你自信心，什么也学不到。没达到一定的武功水平，割了小JJ也学不会葵花宝典的。
2，别急着加技术交流QQ群，加牛人QQ。如果你找张三丰交流武功，你上去第一句问“丰哥，where is 丹田？”，你会被他一掌劈死的。
3，看网上什么多少天精通JS，啥啥啥从入门到精通，这种教程直接跳过吧，太多的事实证明，以一种浮躁的心态去做任何事都会以失败而告终。
4，千万别去弄啥电脑培训，花了钱和时间不说，关键是学不到东西。本来你买两本好书自学3个月能学会的，他们硬是能折腾你两年。
推荐几本好书
“超毛，你丫吹了半天牛B，还是没说怎么学啊”
呵呵，我也没啥特别的办法，只是推荐几本好书。推荐的书，得按先后顺序看。别第一本没看完，就急着上第二本，并不是每次“穿越”都能成功的
第一阶段：《JavaScript DOM编程艺术》
看这本书之前，请先确认您对Javascript有个基本的了解，应该知道if
else之类的语法，如果不懂，先去看看我第二阶段推荐的《Javascript高级程序设计》的前三章，记住看三章就别往下看了，回到
《JavaScript DOM编程艺术》这本书上来。
学习Javascript用《JavaScript
DOM编程艺术》来入门最好不过了，老老实实看两遍，看完了你就会对JS有一个大概的了解，整本书都围绕着一个网页效果例子展开，你跟着老老实实敲一篇，
敲完之后，你会发现这个效果不是常在网页中看到么，发现自己也能做出来网上的效果了，嘿嘿，小有成就感吧。
第二阶段：《JavaScript高级程序设计》
有的书是用来成为经典的，比如犀牛书；还有些书是用来超越经典的，显然这本书就是这种。书中章章经典，由浅入深，其中第6章，关于JS面向对象的解说，没有教程出其右。
如果有一场满分100分的JS考试，看了《JavaScript DOM编程艺术》能让你拿到20分，那么看完这本书，你就能拿到60分以上了。学完后，你会成就感倍增的，相信我（至少看两遍，推荐三篇，跟着书上的代码一行行的敲）。
这本书强烈推荐购买，写的太TMD牛逼了，给你带来的价值超过百倍千倍。
这本书最新的是第三版，貌似就是前些日子出来的，我看的是第二版，第三版相对第二版变动不大，添加了几章内容，价格目前相差10元左右。
接下来，恭喜你可以下山了，这个时候可以自己做一些事情了
你可以去Ferris这个教程看看他写的这些效果，看看源代码，怎么样，是不是觉得有一部分很简单了，尝试着跟着他写一写这些效果吧。
学技术闭门造车是行不通的，适当的加一两个QQ群交流（注重质量），常去论坛逛逛，你会经常有些小收获的。
再有就是看看前辈这些牛人前辈们分享的文章，它会让你的学习事半功倍的，这里是热心人收集的国内一些牛人的博客、个人网站，点这里。
第三阶段：《JavaScript语言精粹》和《高性能JavaScript》
接下来两本书《JavaScript语言精粹》和《高性能JavaScript》算是JS高级教程的补充，里面有一些内容和JS高级教程重复了，两本书可以同时看，都不厚，可以对前面所学的有一个很好的加强和巩固。
第四阶段：《JavaScript DOM高级程序设计》和《JavaScript设计模式》
在吃透了前面所说的书之后，接下来两本书的顺序已经无关紧要了，《JavaScript DOM高级程序设计》（注意和《JavaScript
高级程序设计》相区别）和《JavaScript设计模式》，这两本都是重量级的书，能让你的JS技术上一个新的台阶；这两本书前者主修炼外功，后者主修
炼内功，有点想乾坤大挪移和九阳神功的关系。
《JavaScript DOM高级程序设计》 首先教你搭建一个类似JQuery的额工具函数库，然后通过讲解几个实际中经常遇到的几个应用例子，会让初学者受益匪浅。
《JavaScript设计模式》主要讲Javascript的设计模式，说实话，翻译的质量很一般，有些生硬，但已经基本不影响你的学习，看代码完全可以理解出自己的意思。
很有代表性的问题：(亮点在最后一句）
_____________________________
function Student(name)
{
this.name = name;
this.move = function() {
alert(this.name+”准备移动了”);
}
}
//以上构造了一个Student类，有特权函数 move ,公共属性 name
Student.prototype.move = function() {
alert(this.name+”开始移动了!”);
}
//以上代码将move方法指向了原型方法，如果调用此move方法，则默认上面的move特权方法，
//如果用delete删除move方法后 delete st.move（在构造st对象后），则调用原型方法（此方法）
var st = new Student(“李四); //构造学生对象李四
st.study();//study不存在，我想这里应该是 st.move(); 如果是st.move()的话，输出：李四准备移动了
//如果确实是 st.study() 而不是 st.move()，那么脚本啥反应也没，因为不存在study方法
上海智能社javascript，百度云盘下载地址:提取码:onfp 讲的真的不错，不过我认为他的视频适合学习过html和css的人来学习，没有学习过css的，建议先去学习下，里面纯属学习javascript的课程，其他写css的都很快的，啪啪啪的速度高效，而且全部以实践为主，当初我是学他的视频起步的，真心牛逼。你学完里面的32部视频你就完全可以出师了。