说说自己的经历吧!
先学HTML,然后是CSS,初学者建议看这方面的视频,入门后,去W3C上面看基础。其实HTML+CSS很简单,入门时间:15天。(每天4小时)
上面的基础打好了,你自然对编程有一点点的信心了,但上面所学的,不能算编程,因为太简单了。简单,但应用面很小,可以做一些静态网站。
然后是javascript,想精通javascript几乎不可能,因为他是核心。入门时间,大约30天。先视频,后去W3C看基础。javascript的基础牢固了,你可以开发95%以上的页面了。当然,这些页面,只是在本地运行得很好,以后你深入,你就会发觉,很多糟糕的地方了。
不过,你入门javascript之后,你可以算是一个程序员了。
然后是jquery,jquery是专业于DOM操作的。你现在不懂DOM,是你没接触javascript,你接触就明白了。jquery帮你解决了很多的游览器兼容问题,让DOM操作简单很多。jquery其实很简单,有了javascript基础,入门不用一个星期。
学完jquery,你可以尝试挑战新的技术了,例如ES5、ES6、ES7,ES5其实你不用挑战,你现在学的javascript用的就是ES5和ES5之前的ES,不过你要粗略看看,因为有很多很多的基础。再然后是ES6、ES7,这两个比较难,你用心的看就行,对以后很有帮助。学习这些,至少要30天,甚至更多。
当你了解ES5、ES6、ES7,你就可以学HTML5、CSS3了,当然HTML5和CSS3可以在学习ES之前学,但是我强烈建议没有天分的人不要去接触HTML5的canvas,超难的。HTML5想精通很难,但是必须学,至少要会用。CSS3的道理和HTML5差不多,至少要会用。CSS3和HTML5入门,大概20天。
当你学完这些,你接下来,学习移动端开发,里面涉及很多内容,但不难。
然后是,bootstrap,在学bootstrap的时候,你应该会接触less和sass,顺便把它们学了,有了上面的基础,bootstrap太简单了。
再然后是,vueJS,全新的编程风格,对ES6依赖很高。但是vueJS不难,前提你有ES6基础。
然后看你的情况了,有了上面的基础,你可以去面试工作了。
工作之后,你可以继续学习,reactJS,angularJS,nodeJS,关于图形的JS.....其实你学完前面的,你自己就有心得了,没必要100%和别人一样,在工作中够用就好了。按自己所需,我所说的仅供参考。
最后,我想提醒,你应该关注一下前端的变化,特别是那些库,变化得很大,以前JQ的UI很流行的,现在越来越不流行了,互联网变化很大,现在热门的,以后不一定热门。下面的链接,仅供参考,对你以后有帮助网页链接
静态页 - Sass用Koala编译 - 大量仿制主流网站,高标准要求自己(请只适配Chrome)
JS - 学完基础之后,写一些选项卡、轮播图之类,让静态网站动起来
JS - 面向对象 使用原生封装一些常用组件
jQuery - 把2、3使用jQuery再次实现,每一个组件使用2-3种不同的思路实现
移动端的常用知识点 & 常见坑 - CSS3动画 & ES6
学习gulp和webapck之流 - 明白构建 & 模块概念
学习Vue,改变原有前端开发思路(数据驱动视图) - 自己实现双向绑定 - 大量实战项目 - 到了此时,过了初级阶段
深挖1、2个框架 | 工具库 实现原理
扩展一个后台语言(PHP、Python、Java)实战 - 到了此时,过了中级阶段
高级之后,跟随业界前辈的脚步