很多同学想学习WEB前端开发，不过面对大量的前端学习资料(视频教程、网上教程、书籍)等，不知道从何处下手。

作为一个从零开始学习到现在从事前端开发多年的程序员，很多小白在学习前端时无从下手或者开始后有些力不从心，为了让新手程序员少走点弯路，这里分享一些快速学习前端开发的经验：

一、前端学习思路

前端学习存在一个普遍的问题：感觉编程语言死气沉沉，代码枯燥乏味，很多人兴致冲冲开始最后又觉得学不下去。

首先来谈谈前端学习的思路。在很多人看来前端很容易上手，逻辑思维没那么复杂。但个人看来，前端的学习如果思路不对，你学习的过程会非常挣扎和痛苦，最后发现到头来学得一头雾水。

我的经验是，带着解决问题的心态，以生活中的类比来学习编程语言，就非常有趣，就会变的不难，把枯燥转变为学习的乐趣。

前端学习大体分三个部分：html、css、javascript。首先应当用生活的类比熟悉这些概念。

学习html，就好像盖一座房子，首先要有整体的设计，头部(head)，中部(body)，底部(foot)就像是房子的屋顶，房间，地基。

学习css，就像是给房子做装修，选择什么样的瓷砖装饰房间，选择什么颜色的家具等等。

学习javascript，你可以把他当成是各种互动的开关控制，比如按某个按钮，电视开关、灯光控制开关等等。

二、有趣化的编程体验

对于一名前端开发的初学者而言，有趣的编程学习方式会让你更快掌握前端开发。因为有趣的方式意味着乐此不疲地学习。作为一个从业多年的人来说，我总结了一份前端资料，里面不仅有基础语言篇（HTML、CSS、JS），还有很多框架提高，不管你是0基础小白还是有技术有经验的大牛，相信这份资料会带给你不一样的体验。

最后，总结一下前端开发的学习经验：

1、以生活中的类比来学习编程；

2、尽可能选择老牌的编程网站，第一次就学对；

3、可以通过慕课网、极客学院等通过视频补充学习；

4、准备面试前，多刷一些名企面试题，积累面试经验.

由于资料过多，在这里只展示了目录部分，有需要的小伙伴可以扫描下方二维码免费领取哦（回复：CSDN领资料），真诚分享，绝无套路~