想学web前端设计，该怎么入门？

首先学习web前端要先了解什么是web前端。web前端分为网页设计、美工设计、web前端开发工程师。web前端需要掌握的有脚本技术javascript DIV CSS现下最流行的页面搭建技术，ajax和query以及简单的后端程序等。

Web前端：

1)精通HTML，能够书写语义合理，结构清晰，易维护的HTML结构。

2)精通CSS，能够还原视觉设计，并兼容业界承认的主流浏览器。

3)熟悉JavaScript，了解ECMAScript基础内容，掌握1~2种js框架，如JQuery

4)对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案。

5)对性能有一定的要求，了解yahoo的性能优化建议，并可以在项目中有效实施。

零基础如何学好web前端？仅靠视频和书籍可以吗？

朋友，如果你是零基础的话，建议你先自学一下前端的基础知识（html、css、Js）。

自学方法：

1、作为一个初学者，你必须明确系统的学习方案，我建议一定有一个指导的人，全靠自己学，放弃的几率非常大，在你对于web前端还没有任何概念的时候，需要一个人领进门，之后就都靠自己钻研，第一步就是确定web前端都需要哪些内容，并且在多少时间内学完，建议时间6个月保底。

2、视频为主，书为辅。很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写，所以在这里给大家提醒，书可以看，但是是在建立于你已经对于某个知识点有了具体操作的执行后，在用书去巩固概念，这样更加利于你对于知识的理解。

3、对于学习技术来讲，掌握一个学习方法是非常重要的，其实对于学习web前端来讲，学习方法确实很多都是相通的，一旦学习方法不对，可能就会造成“方法不对，努力白费”。其实关于这方面还是很多的，我就简单说个例子，有的人边听课边跟着敲代码，这样就不对，听课的时候就专心听，做题的时候就专心做题，这都是过来人的经验，一定要听。根据每个人的不同，可能学习方法也会有所出路，找到适合你自己的学习法方法是学习的前提。

4、不建议自己一个人瞎学，在我了解学习编程的这些人来看，从零基础开始学并且最后成功做这份工作的其实并没有几个，我觉得大部分原因就是因为他们都不了解web前端是干什么的，学什么的，就盲目的买书看，到处找视频看，最后看着看着就放弃了，所以我建议初学者在没有具体概念之前，还是找有经验的人请教一下，聊过之后你就会知道web前端具体是干什么的，该怎么学。

如何自学web前端开发呢？我想自己学

第一步：入门 html & css ，用时 2 周
Head First HTML与CSS（第2版） (豆瓣)
head first 系列的书一直很受初学者欢迎，语言诙谐，图片丰富，行大字稀，这本 700 多页的书 2 周左右就能看完。此书的用法非常简单，只需打开代码编辑器跟着作者的思路敲下去就可以了，一个个小案例从自己手上被敲出来，还真的很有成就感呢，因为是写给初学者的书，它假设读者没有任何相关的背景知识，新碰到的知识点，会用各种各样的图片说明一遍，生怕读者不懂。这本书学完，只要不是太复杂的页面，基本上能够临摹出一套长相上差不多的了吧。

第二步： 入门 javascript ，用时 3 周
JavaScript DOM编程艺术 （第2版） (豆瓣)
这本书很薄， 280 多页，一开始看的时候，其实我是拒绝的，因为当时我的编程基础只有能够用 c 写出让别人输入两个整数然后打印出这两个数相加结果这种程序的水平。然而即便如此，这本书依然能够让我看得懂。此书前言的第一句就说了，“它不是专门写给程序员的，而主要是写给 Web 设计师的。具体的说，本书是为那些喜欢使用 CSS 和 HTML 并愿意遵守编程规范的 Web 设计师们编写的。”好吧，虽然也不是写给我这种初学的傻子的，但反正只要它不是写给程序员的就好，因为当时我不是程序员啊，当然我也不是设计师，但我会写一丁丁 HTML 和 CSS ，这就够了。这本书跟上本书一样，新碰到的知识点，会专门用案例介绍一番，让人在不带着太多疑问包袱的情况下跟着作者的思路走，用法也跟上一本书一样，跟着作者的思路用编辑器一路敲下去，然后你会发现，自己能够给网页加特技了，duang~duang~ 棒棒的。

第三步：入门 jQuery，用时 3~4 周
锋利的jQuery (豆瓣)
这本书只需要看 1-9 章就够了，也就是 290 页左右的内容。看完 《JavaScript DOM 编程艺术》 可能会觉得里面的程序很繁琐，想要达到一些目的经常需要拐来拐去的。那么 jQuery 会解决这种繁琐，做到它所标榜的 write less, do more ， 也因此 jQuery 成为了几乎所有前端工程师必须要掌握的一个工具。这本书的内容有些啰嗦和跳跃，后面几章甚至还有错误，不过有上一本书的作为基础，配合搜索引擎是能够解决看着本书时碰到的绝大部分疑问的。打开编辑器跟着作者的思路把书上的例子都敲出来跑一遍，另外把最后的案例吃透。 jQuery 就算是入门了。

最重要的一步：复习巩固，用时 6~12 周

OK 至此， 入门学习已经完成，接下来是复习巩固，这才是学习的真谛。这一步，不能省略，不能省略，不能省略，重要的事情说三遍，否则会像一个学习了各种格斗技巧，但却廋得皮包骨连站稳都吃力的人一样毫无战斗力。此时可以用之前所学配合着搜索引擎模仿一些自己认为觉得好看的页面，学习使用一些第三方插件，大量模仿。无他，唯手熟尔。

可以自学web前端嘛？现在学web前端之前要有什么基础?

　　只要自己有足够的信心，任何知识都是可以自学的。而且现在网络上的资源非常的丰富，web前端开发的学习视频更是数不胜数。你可以在网上下载一些比较好的web前端开发书籍， 另外再下载一些培训机构的学习视频。相信你通过自己努力，一定可以快速入门的。

　　三个Web前端的学习技巧，助力大家早日成为优秀的Web前端工程师。

　　一、不断学习

　　任何一门科学都需要不断学习，尤其是更新速度很快的前端领域。时刻关注前端动态，是你跟上前端潮流的一个好方法。前端的体系过于庞大，技术框架多而杂，如果你在学习的过程中经常抱怨，那么就需要适当调整学习的态度，因为在以后的工作中会面临更大的挑战。

　　二、抓住根基

　　主抓基础，避免盲目。前端领域知识点很多，聪明的人懂得花时间学习成体系的知识并且研究得足够深入，擅于抓住重点，而不是盲目的看到别人用什么框架就去学什么。根据不同的项目选择合适框架，并且和项目实践关联起来，切实锻炼自己的前端开发能力。

　　三、坚持创新

　　发挥你的创新意识，可以写一些有意思的小工具、插件，推广出去，你会在学习前端的道路上找到很多志同道合的朋友。

　　总之，掌握以上方法可以让你在接下来的Web前端学习中事半功倍。