这个嘛，视频，书籍，敲代码相结合，或者书籍敲代码相结合，首先，编程嘛就得多多敲代码，把代码的感觉培养出来，初级可以通读一遍《js高级程序设计》，俗称红宝书，或者看视频也行，说到底初级入门还是很简单的。熟悉基本语法后，就要学点高级的了，比如es6新特性，js的闭包，异步，this等高级问题。这个可以结合《你不知道的js》，人称小黄书，非常好的书籍，对于理解这些东西很好，框架的话可以结合文档，拿来就用。边学边用。如果喜欢看视频的话，可以去慕课呀，或者花点钱买好的视频看看，有时间还可以看看技术直播，一般都是大牛。多敲代码很重要，毕竟实战出结果嘛，书籍看的是思想，要培养自己的编程思维。等你基础都学的差不多了，你可以做做项目了，边做边学，相信自己终成大牛。加油！

给你提供一套视频让你入门
https://pan.baidu.com/s/1hs7RiJE
好好练练手再看书，代码这种东西就是要练

看了你的描述，感觉确实是学习方法出了问题。问题挺普遍的，看了太多的理论知识，但是却没有相应的项目实践。
如果我现在问楼主“你看了这么多，但是你做了什么具体的项目？”，不知道楼主能不能回答。
我的建议是先找一个实际的web项目，整体的了解它前后端需要的具体技术，然后就可以直接开始做了（其实你可以先不用管你需要会什么）。在项目中遇到了实际的问题之后再去查阅相关的知识点（书or搜索）。这样的在实践中的学习才是有效的高效的。
楼主可以尝试使用wordpress搭建个博客试试看。目标就是最快速的将博客搭建成功，之后再考虑自定义前后端的功能。以后的学习内容也可以在自己的博客网站上实践。

边学边做项目 不会的就google baidu相信我，进步很快；个人觉得 只一味的学，不做项目 ，自己也无法知道的自己的不足，

感觉跟楼主一样，想深入学习javascript，但是看到很多知识点都挺羞涩难懂的，感觉自己什么都不会了，不知道从那里下手开始学起。不过现在准备改变学习的心态了，看一些知识点也不再深究，点到为止，差不多理解就行了，现在看的东西像一片汪洋大海 再怎么深究也深不见底，俗话说的好 一口吃不成大胖子，这东西总的慢慢积累 他们那些技术大牛也不见得都是天才，一两年或者四五年就成大牛了，哪一个技术泰斗不是沉浸在专门的方向领域几十年，而且就算是他们也不敢说自己完全吃透了， 还有就是前面几楼也说的不错， 光跟教程敲是没有用的 那些都是简单的案例 再实际项目中会遇到很对案例中没有的奇葩问题！！所以楼主你最好还是不光敲案例 还要去找一些案例项目 自己试着去做出来 这样会比光敲案例来的有效果的多 在项目中学习技术比在教程中学习案例会快的多。

边学边做，看着书上的例子，手敲一遍，看JavaScript DOM编程艺术 （第2版），挺不错的一本书。

你这是初学者最容易犯的错误之一：

沉溺于书本，总觉得自己基础不牢靠。

然而，编程是个手艺活儿，光看书是什么都不可能会的，只有实际上手敲代码才行。
你说你每个例子都照着敲，实际上这基本没什么用。你把1 + 1 = 2敲上一百遍就能学会四则运算吗？一样的道理。

怎么说呢，都有个过程吧，我一开始学javascript的时候也遇到了和楼主一样的问题。
但经过一段时间后我发现，实战的太少了，于是我开始自己找一些小demo来做，不知道思路的就去搜索，但不是看别人写好了的代码，而是看一些实现功能的原理介绍，这样自己就有思路知道才如何实现这个功能。
接着在自己尝试着写代码，一开始的时候会经常遇到不知道用什么函数来实现，这个时候就接着去搜索，看看别人用了什么函数，然后再接着去查手册，通过手册来弄清楚需要用到的函数该怎么用，如果看手册还不很明白的情况下，再百度别人对这个函数或方法的文章介绍，彻底弄懂，最后再在自己的demo中来实现并完成。
期间要不断的尝试自己写，千万不要直接看别人的代码，当你完成你的demo后，你可以去看别人是怎么实现的，再回来自己尝试用不同的方法来实现。
接下来就是不断重复上面的过程，当你积累一定的实操后，这个时候再回过头来去看一些书，你会发现很多自己原来不理解，记不住的都比之前要好多了。
到了这个时候，你已经轻松解决很多问题了，然后就多去看一些大神的代码，来提高自己的业务水平。目前我还处于这个水平，虽然很多时候还会遇到一些莫名其妙的问题，这只能说明自己写的代码还不够，还需要继续努力，但你挖的坑越多，你学到的东西就越多，你的进步就越快。
说白了，就是要不断去做项目，哪怕只是一个小demo，都要独立尝试完成。

学习都是需要由浅入深的，建议你先从入门级的书来学习。

可以从道格拉斯的《javasctipt精粹》看起。