零基础如何迅速学习前端？
先看题主问题： 零基础如何迅速学习HTML（或HTML5） 关键词：`零基础`，`迅速`，`HTML` 可能题主不知道，单纯HTML是没有意义的，必须配合CSS来产生样式、配合js做出动效才有实际价值，所以这里的`HTML`其实题主指的是`前端开发`吧。 基础 既然是零基础，那就要先补补基础了。 目前前端的热门使得国内外的前端学习资源大量涌现，现在只要能上网就可以获取到质量相当高的学习资源。这里基础学习推荐 [菜鸟网]( )。 前端的基础无外乎HTML、CSS、js三类，HTML控制内容、CSS控制表现、js控制动效。由于题主的要求中还有`迅速`这个要求，所以基础学习的时间分配可以有侧重： 1. HTML、HTML5标签过一遍：大概2天。不要求对每个标签的每个属性都了如指掌，知道什么情况下用什么标签就足矣，死记硬背也没什么意义，后面用的多了自然就熟了。 2. CSS、CSS3：也还是整体先过一遍：大概3天。重点关注选择器语法、选择器优先级计算，要写出高效简洁的CSS，其实也就是看选择器写得好不好而已。 3. 了解常见布局：大概2天。熟悉一下常见的2列3列自适应布局方案，各种居中，各种行列的实现方式有哪些，响应式布局的实现方式等。 4. 模仿几个PC、移动端网页：7天。学编程主要是靠练习，前面学的都是比较零散的细节，这时候可以找一个比较简洁的网站去模仿它的静态页面。这个时候的重点不是某个CSS属性的用法，而是要看一下一个网站的HTML结构是怎样的， CSS样式是怎么组织起来的，HTML与CSS是怎么结合的。多想想为什么要这样做，这里可不可以精简？别把这些网站想得很厉害，由于它们普遍都经过了几波人的迭代，一般来说结构都偏复杂的，都是有优化的空间的。 通过以上的学习，基本上拿到一个设计稿你就能做出静态页面了。如果你还有不错的布局意识、良好的色感，基本上你就可以做一个酷炫的静态页面去面试前端设计岗位了~ 不过等等！是不是漏掉了js呢？ 恰恰相反，由于js可以同时控制HTML和CSS，所以js在前端中的重要性其实是高于其他两位的，而且显然应该在有了HTML、CSS的基础上再去学习。 1. 基础语法：还是可以在[菜鸟网]( )上学习，也可以看看[廖老师的js教程]( )，过一遍也相当快。 2. 重点：事件、DOM操作。这些是js最原始的东西，主要是用来实现交互效果的。 3. 组织代码：了解函数，了解对象，主要是为了以更好的方式组织你的代码。不然你一行一行写下去也行，但完全没有条理，日后也无法改动。写代码要养成一个好习惯，除了考虑怎么实现，还要考虑怎么去组织代码，把你的代码弄得条理分明。 进阶 通过以上基础学习后，基本上都能满足产品大人的常规需求了。下面就要往炫酷、屌炸天的方向去努力了： 1. 调试工具：极度推荐chrome！抱歉，其实应该在最开始推荐的。在写CSS的时候，你还是写一下保存然后打开浏览器看效果？用用chrome开发者工具吧，CSS实时调整，爽！js各种调试，爽！[chrom使用教程] ( ) 2. 性能意识：之前的基础学习都是为了做出一个东西，而现在你应该要想着做出一个高性能的东西。性能主要有两方面：加载速度以及页面执行效率（多指动画），直观点说就是卡不卡。这里可以看看腾讯前端项目组的总结：[移动H5 前端性能优化指南]( ) 3. 代码规范：基础部分的代码组织没有着重强调，是因为那个时候了解太少，以实现为目的。现在进阶阶段就要考虑使用面向对象的方式来组织代码了，而且还要有模块化工程化的意识。可以从js看起[阮一峰的模块化教程] ( )，主要是理解这么个思路，日后语言层就会支持。 4. 了解一下服务器开发，做前端总是要跟服务器配合的，你要是完全不懂后端，那就简直无法交流了呀。 最后说一点：时刻紧跟技术风向！不是要你去跟风，起码你要知道风吹到哪里去。