如何提高一个编程初学者的逻辑和思想？

最近在学习Javascript，但是以前一直没有学过，虽然在大学学过C 语言，但也不是太深，现在一直从事前端工作主要是CSS/HTML方面，但发现没有Javascript不行，所以就学习起来，但感觉自己的逻辑能力很差，看到一些效果根本没有思路。
就是有思路的效果，我写的代码也很烂，就像下面一样。
var iNum = 0;
var getSlide = document.getElementById('slidetab');
var getCOnt= getSlide.getElementsByTagName('div');
var getwrap = document.getElementsByTagName('ul')[0];
var getItem = getwrap.getElementsByTagName('li');
var move = null;
for (var i = 0; i < getItem.length; i++) {
getItem[i].index = i;
getItem[i].Onclick= function () {
getItem[iNum].className = '';
getCont[iNum].className = '';
getItem[this.index].className = 'active';
getCont[this.index].className = 'show';
iNum = this.index;
}
};
//自动
var tabBox = document.getElementById('cont-nav');
var tabItem = tabBox.getElementsByTagName('li');
var cOntBox= document.getElementById('cont-box');
var cOntItem= contBox.getElementsByTagName('li');
var Onum= 0;

省略之……会写的 不会写的都是一坨的获取，根本不会应用什么函数啊之类的，也没有什么思想，不知道如何提高这方面。如果有好的文章，或者教程，希望大家给推荐一下，关希望大家一起讨论，新手小白，还希望大牛海涵。