一、HTML + CSS基础知识（1week）

1. HTML就是编写网页的一门语言，比如我们浏览网页看见的内容啊，图片啊，链接啊，就是属于HTML的范畴。

2. CSS负责制作网页的样式，比如字体用多大，颜色是什么，背景图片用什么之类的。这一部分盒子模型，定位是比较重要的，需要好好理解。

HTML和CSS比较简单，推荐你看视频。下面这个视频很重要，你可以跟着视频操作。看完这个之后你就能编写基本的网页了。

http://idcbgp.cn/learn/9 HTML+ CSS视频

二. Javascript基础知识（1month）
Javascript是负责行为的。它是最重要的也是最难的。这一部分的基础很重要，你学会了JS，前端基础就已经入门了。
http://idcbgp.cn/learn/36 基础
http://idcbgp.cn/learn/10 进阶

视频学完之后，一定要多练习，看视频时，可以记一下笔记，重要的知识要反复练习才能记住，这一部分要结合HTML，CSS实践额。
做练习的时候，可以选择jsbin和jsfiddle可以在线编辑代码。

三. 代码调试（1day）
基本功练好了之后，写代码时，一定会遇到很多问题，这时候需要用到调试工具，浏览器的开发者工具，可以对CSS、JS、HTML的效果进行调试，能看到JavaScript错误信息，网络请求。我比较熟悉的是Google浏览器的调试，Firefox的firebug也是比较好的调试工具。当然IE也有调试工具。这部分代码调试，也是慕课网的视频: http://idcbgp.cn/learn/137 (firebug)

四. jQuery(3week)
jQuery是一款JS插件，已经风靡很多年。学会用他能让你大大提高JavaScript开发效率。
这部分网上视频也很多，还是慕课网的视频,jQuery的视频太多了：
http://idcbgp.cn/learn/11
文档就参考官网吧，英文版的，正好可以练一下英文。https://jquery.com/

 至此，前端基础课程已经结束了额。。可是更严峻的挑战在后面。

五. 前端工程化和JS库
这部分先放下吧， 东西太多了。。

六。现在是后台代码和数据库了（2month more）
后台语言可以选择Java, .NET, PHP, 当然还有Node也可以。。。这部分的东西也太多了，而且学习难度也比较大，还有数据库技术，MySQL， SQL Server， Oracle。。。

关于后台的我先不写了，你先把前端的看完，做几个页面出来再说，还有别忘了每天多看看别人的代码，看看人家是怎么写的。

七、 尝试做一个系统
如果你的基本功掌握了，那就做一个系统吧，写一写需求文档，给自己一个计划，系统不用太复杂。如果你已经能够成功完成一个系统，那么恭喜你，你已经入门了。

最后，一定要多关注自己领域的技术变化额。每天学习一些新的知识，自己写一些新的东西，看看别人的博客文章，关注一些微信公众号，加入一些技术群，不懂的地方，遇到的困难多提问，都是有帮助的额。

注： 以上内容仅供参考，因为我不是权威的专家，只是一个处于学习阶段的初级。期待和你共同进步。
此致
最爱的人