最近微信上有很多学习前端的朋友都比较迷茫，想自学前端但是也无从下手，总是觉得心里没底，最近小编从一位前端大咔哪里给大家取来一些金给大家分享!

前端Html +Css+Javascript的快速学习之道

首先我是自己在看视频后给了自己定了一个计划，我是让自己结合着视频还有w3c的文档2个星期学会了HTML以及Css的学习，接受一个新的事物的时候我们人脑都是有个反应适应期，

用心做的人14天可以完完全全的改变一个人行为和习惯，那么我是这样做的。每天学习差不多有10个小时左右，靠着在以前在考试之前理解以后去记忆的习惯，我当时把Html拆分成头部，

底部还有内容区域，然后又跟着视频学习的时候继续细分哪些是块级元素，哪些是行内元素，哪些是属性，哪些是布局，哪些是颜色等等这些你细分之后在凭着上学时候记忆的本事，很容易在一个星期掌握。

接着就是Css，这个就是用来修饰Html的，这个可能就是在逐步的提高你自己的认知和做网页怎么可以更加美化的问题上了，在Css的学习上也是我细分的过程，然后发现哪些样式啊，框和模型边距啊，

定位啊还有选择器啊等等这个是细分和定型的过程。

学过这些你就可以做出一个不错的网页了，那我觉得我应该提升下我自己我就做了一个工作，那就是做了一个支付宝的静态页面当时就是模仿做的支付宝静态页面,依稀记得上面的一个图片写的”改变,因我而来”。

多么深刻的一句话啊，可是但是就是觉得做的支付宝界面模仿挺好的，简洁大方，我只是把背景图片换成了一个美女图片，这个既看着养眼，也有心里的满足感！记住这是我要传递的第二个信息，

就是一定要有阶段性的提升，就是每次学习新的知识的时候，一定要学会去把所学化作在一部作品或者一个简单的小项目中。

做完这个就是你阶段性进入编程的门槛了，然后真正的大的boss在后面呢，需要一个一个区战胜（其实除此之外我别无选择）。有点像我们小时候玩的游戏机，一个关底都会出现一个boss的。

这个时候我对前端已经有了初步的认识和认知了，现在所写的都是静态的页面，如何让网页上的元素动起来就是接下来的重头戏出场了，没错那就是Javascript。

Js绝对是你学习的一个重中之重，为什么这样说呢因为网页的构成就是html是骨架，css是外衣，js就是它的运动轨迹。

第一，其实对于javascript我是深有体会的，以我个人的学习来说也是从零开始的，那么怎么可以以最快的时间学好的。我是看了javascirpt的零基础视频学习，从最基础的学习面向对象以及语法，

数据类型，原型和作用域，继承等等。看了这个对于初学的人肯定是一脸懵懂的，这是一个需要不断的练习和学习的科目。

第二，就是练习大量的练习，建议这个时候不要买什么犀牛书，因为这个虽好，但是对于刚刚入门的人不太适合，犀牛书适合工作一段时间js进阶看的一部宝典。

在这个时候我做的事情是买了一本javascript网页特效300例，然后结合这个我一个一个案例进行练习，对我自己提高对js的认知和技术，起了很大的帮助，也是我后来js用的很熟练的技术。

第三步，练习完那个javascript网页特效300例，并不等于你就真正的融会了js了，此时你需要在回顾js的基础，完整的回顾下js的内容，相信此刻的你的感悟已经很深了！

然后在结合做个综合的项目来锻炼下自己，当时我做了博客系统然后拿着去面试了，这是我当时的面试时候的带过去面试项目。这个是我传递的第三个信息，就是面试一定要有自己完成的作品。

如果这些都井然有序的努力去做了，相信你此刻对前端的一定有了个清晰的认识了。接着开启我们的进阶之路吧。

前端框架的学习boostrap + jquery +angular

招聘的前端人员基本都是需要会boostrap和angular的，而jquery是必须会的，jquery其实在javascirpt的一个框架可以让你很快的上手，门槛很低方便学习。

这个我个人觉得你在学会了javascript以后，可以花个一到两天时间学习下jquery。至于boostrap是前端的web的ui框架，可以让你做的网站或者页面实现响应式的布局。

这个的学习我觉得可以直接看官网的那个介绍文章，我当时是在边看的时候，边做了几个网上的例子，其实用一下发现真的很入门很快的，有了前面的基础，这个入门大概就需要2天就可以搞定了。

真正的难点在angular，当时学习angular是有点困难，觉得怎么还可以这样玩啊，什么数据双向绑定，MVC等等这个是怎么回事搞不懂。也是困扰新人最多的地方。那么怎么才能学好呢。

我当时在网上搜了很多也没发现好的资料，后来在一个论坛上下载了一套angualar的学习视频，从最基本的开始讲起的我也是从最基础开始做的，从开始引入angular的js到写控制器，

然后做一个小的购物车项目，后来才明白原来是慕课上的一个angular的学习视频，不过当时很是开心和感激的，只要自己努力想去学习，办法总是比困难多的。

Angular的学习后来我的总结就是先要看它的官网介绍和指令，然后在接着去看视频，不然开始就去看视频是不知道它讲的是什么呢，我相信从零开始的对这个肯定是有很深的记忆基础。

这个我觉得学习最快的方式就是在熟悉语法后找一个网站去做一下，我当时就是用angular去做了一个仿照汽车之家的简单的登录注册以及车型展示，当时虽然做的不是很好，但是为我面试积累了项目经验。

只有量变积累才能有质变的提高，这个也是我对angular的使用体会，只有在不断的项目中使用，才能不断领悟他的精髓。

学习到这里基本你已经可以去投递简历去面试了。

最近身边的想学习编程的朋友一直问我有没有编程方面的资料，看到大家这么有学习的热情，我决定把自己整理收集五年的前端和后端的完整资料，价值3万多，绝对比群里那些漫天飞的资料强的多，今天决定免费分享给大家，绝对超值，用来感谢大家的支持！

关注大鱼号，私信小编：“我要资料”，即可免费领取3万元资料！