说实话自己也仅仅是入门级别的前端人员，要我写一篇教程引导没有前端基础或者有一点点基础的人说是难为也不为过。
###HTML是必须的
这个是前端最基础的东西，一切的一切都离不开HTML这个东西。对于时下炒的特别热的HTML5技术，我的态度是，对于初学者来说，还是必须从HTML4开始学起。因为基础的标签，特性，结构都在HTML4里，所以从HTML4中你能打开前端大门的锁。对于HTML的学习，我觉得前期可以不必看书，跟着W3School，慕课等网站边学边敲代码，印象会更深。
以下推荐一些教程地址：
W3School-html:http://www.w3school.com.cn/html/index.asp
慕课网HTML/CSS:http://www.imooc.com/view/9
百度前端学院基础教程：https://github.com/baidu-ife/ife/tree/master/2015_spring/task/task0001
###CSS也是必须的
HTML只是网页上将会展现给我们看的内容，但是以什么方式，以什么样式展现在你的面前却不是HTML本身能够做的。CSS，这个东西是用来决定你的网页长什么样的。是的，CSS是转动前端大门把手的东西。我们能看到的东西，颜色，背景，布局，效果等等很多东西都是通过CSS来做到的。也就是同样一份HTML，配上不同的CSS能够长得完全不一样。对于CSS的学习我的建议是，多看，多抄。配合浏览器的开发者工具，可以通过查看别人写的样式自己看看能否模仿。学习CSS与HTML最大的不同就是CSS很多时候必须要自己亲自写才会知道错在哪里。而HTML有时候看着就知道错了。
以下推荐一些教程地址：
W3School-css：http://www.w3school.com.cn/css/index.asp
慕课网HTML/CSS:http://www.imooc.com/view/9
百度前端学院基础教程：https://github.com/baidu-ife/ife/tree/master/2015_spring/task/task0001
###完成一个博客页面
我们总说实践是检验真理的唯一标准，在学完HTML和CSS以后，你可以做个小小的东西了。做一个博客页面吧，这个是最最基本的一个前端页面了。用HTML和CSS的知识就完全够用了。
可以跟我一起完成一个博客页面： DEMO:http://molunerfinn.com/fethefirst.html
###JS才是推开前端大门的那双手
JS即JavaScript ，是一种脚本语言，现在广泛用在网页前端（当然现在在后端也已经有了NodeJS这种东西了），能在网页上做的事情没有做不到只有想不到。是个强大的工具。但是相比于前面的HTML与CSS而言，JS的入门并没有那么简单。它所要求的更像是类似于C,JAVA一样有逻辑性的在写东西。原生JS比较艰涩难懂，JS的库很多却能很容易上手。不过我对于初学者的建议是，必须从原生JS开始看，主要看语法结构，看实现逻辑。但是不要被原生JS的看似复杂的意大利面条代码给吓到了。把最基本的东西搞懂了以后，再去看看JS的库。首推Jquery。Jquery入门比JS简单，但是最好能够有JS的基础。还有很多JS基础、进阶的东西，如果愿意钻研，是最好。
以下推荐一些教程地址：
W3School-JS：http://www.w3school.com.cn/js/index.asp
W3School-jQuery:http://www.w3school.com.cn/jquery/index.asp
慕课网-JS:http://www.imooc.com/learn/36
百度前端学院基础教程：https://github.com/baidu-ife/ife/tree/master/2015_spring/task/task0002
###剩下些东西
如果你已经完成了JS的基本入门，那么前端的大门算是正式敞开了。接下去你可以继续去了解HTML5,CSS3的新特性，可以用HTML5的canvas去绘图，可以用CSS3的animation去做动画。你可以去了解CSS的预编译技术。你也可以继续深入JS的世界，去看看NodeJS的强大。前端看似简单的入门，但是入门之后要学的的东西才是一拨又一拨。所以看不起写前端的人我觉得是很不能理解的。前端要求的东西难度与广度一点不比其他程序员低。并且前端带给你的不仅仅是写代码，而是美的享受。前端即可见，这是很多其他的语言、程序所不能具备的特点。既然选择了加入前端的大家庭就好好享受它带给你的美。
最后因为是前端入门的教程引导，所以我还是要讲两个东西。
- Sublime Text
前端用来写代码的工具很多，有IDE，也有文本编辑器。但是我个人是十分强烈推荐用Sublime Text（推荐用Sublime Text3）来写前端的。不仅仅是界面漂亮舒服，更是因为速度快而功能强大。实在是写前端的利器。
- MarkDown
用过Github的同学都知道MarkDown是什么东西。我个人是希望每个写代码的人都能够掌握MarkDown这门语言，写说明的时候用上MarkDown语法不仅美观整洁，而且条理清晰。在格式不严格的情况下是脱离Word的一个好东西。这篇文章就是用MarkDown语言写的。
附上MarkDown的入门指南：http://www.jianshu.com/p/1e402922ee32/
感谢看完这篇罗里吧嗦没有什么水平的文章，如果有什么建议或者意见可以留言给我。
