前端入门是一个螺旋上升的过程，既要反复看书，也必须抓紧时间实践。
IFE是一个绝佳的练习平台，题目都是开源的。15年的学习资料比较多，而16年的题目题量较大，难度也稍大，新手很容易在task1-6丧失信心，那个任务实在是太麻烦了。所以我个人建议先刷15年的task1和task2，都是很基础的题目了，不会做也可以参考别人的代码。
-
HTML + CSS
前端的入门门槛极低,体现在HTML和CSS上。运行环境就是浏览器,推荐Chrome。你需要的只是一个文本编辑器,推荐Sublime Text3 ,有不少好插件比如Emmet ,谷歌搜一下很容易 了解到的。当然你非要用记事本的话,也不是不行的。刚入「]查阅资料可以用w3school或者MDN。
HTML和CSS不是编程语言,前者只是结构标签,后者则是样式配置，入[ ]是非常简单的。网上资料也有很多,推荐慕课网HTML+CSS基础课程。
我当时是看了一本书 Head First HTML and CSS,讲得浅显易懂,不过价格比较感人,也是只翻遍的书,没有必要买了。
迅速刷一遍慕课网,对HTML和CSS有个大致印象就好。想巩固HTML标签可以去看看16年的task1-1。
HTML 5的API可以先放一放,回头再看。
接下来就是深入学习CSS了。推荐:
●《CSS权威指南(第3版)》。很枯燥的一本书,但我确实不知道哪本书更适合了。花两三天硬啃下来就好了。属性细节不必记忆,以后用到肯定要再查的。着重点放在大局上,比如盒模型,浮动和定位这些,抓住重点快速过-遍。
，《CSS3专业网页开发指南》。CSS3也是需要掌握的内容。但这里还是以了解为主,知道CSS3有什么内容就好,记忆属性是枯燥且毫无意义的。
以上内容用时5天左右,下面是实践。
学了几天HTML和CSS了,应该也有点成果了。打开IFE2015 task1 ,写个静态页面吧。
我X，完全写不出来。
这是正常的。去看下别人的代码吧,看一小部分就开窍了。忘掉的属性就查书或者w3c ,多尝试，不断踩坑才有进步。
画完第一张图后,别着急往下写。你的代码肯定会有如下问题:
●胡乱的代码缩进
●毫无章法的属性顺序●满页的div
●不停地写id和class
重写吧，是的。重写之前先看一份代码规范GitHub - ecomfe/spec: This repository containsthe specifications.当然代码规范不是唯一的,我最早看的是这一份,所以代码风格也-直维持到现在。
再去看一下别人提交的代码，多看几份。当然自己也要判断,不能听风就是雨啊,人家写得不好你再去重写一次,等于你也有责任对不对。
开始重写了,会发现功力大增,写代码速度也快了很多的。
写到第三张页面的时候,应该比较熟练了。如果看到布局就大概知道应该怎么写了, 那就可以进入JavaScript的学习了。以上内容用时10天左右。