web在编程里面算是比较简单的，需要你了解一些HTML和CSS，这些是比较基础的知识，然后就是掌握一些进阶的技术，web入门很简单，可以去看一些视频学习一下。

学习是一个长期的过程，学个入门是为着啥

Web前端的学习是一个由易到难的过程。技能很重要，但重要的是Web前端的思维和对行业最新动向的了解，以及学习方法的养成。其技术分为三个阶段：分别是前端美工、前端开发和前端架构。前端美工主要负责最基本的一些平面设计，交互设计，不需要参加太多代码问题；前端开发会写js，应用js，用户交互等；前端架构是开发、优化框架和服务器，用户体验等涉汲就比较广。三者薪资根据等级不同也逐渐升高。

Web前端开发包括三个要素：HTML、CSS和JS，是Web前端开发包括的三要素，当然服务器端语言以及基本的PS、视觉设计也是需要了解的。Web前端既需要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能比较多。所以对于有些知识只需要入门不需要精通，有些知识却需要融会贯通，这对Web前端开发的学习比较重要。

HTML5是现在Web前端开发一项重要的内容，由于技术的不断发展，市场需求的不断变化，加之新媒体时代的冲击，例如微信的小程序，这都决定了HTML5的重要性，未来HTML5工程师的需求一定会大大增加，由于这是新鲜产物，市场的需求一定是向偏年轻化需求发展，因为他们的接受能力和学习能力高于中年人，所以现在进入HTML5的学习和Web前端的学习时机非常好！

web前段主要是来做页面的，也就是通俗的说是网页，难度是有的，但是只要认真按照路线学习，也是不难学的，学习路线如下：

1、html5、css3、javascript是学习前端的最基础，一定要下功夫把基础打牢固。

2、在学好基础的情况下学习ajax异步通信和json数据交换技术等。

3、在上述基础上继续学习jquery、bootstrap、vue等框架，避免重复造轮子，开发前端时能节省时间。

这三步都能做到的话基本上你就可以胜任前段开发了，祝你好运！

两条路：自学或者找培训班，找培训班的话，我推荐达内和传智播客，在国内讲师质量都比较高。这块我们一点就过，我主要讲下怎么去自学。

对于自学最直接的方式就是看视频学习，可以是在线视频，比如 慕课网，麦子学院，极客学院，北风网都有从入门到精通的前端课程，这些视频都差不多，随便选一套就行，入门课程都一样，不用纠结于选哪一个。
视频找好了之后，如果你不想中途放弃，或者，浪费太多时间又没效果的话。就找找一个引路人，引路人当然是能力越强越好，找引路人的目的在于为你制定学习计划，把控学习质量，及时纠正错误的学习方向，教你正确的学习方式。给你做心理辅导。为你及时打气持续性补充你的信心。
我之前接触和辅导过很多自学的学生，有成功的也有放弃的，放弃的那些同学基本都是输在错误的学习思路和心理迷茫期。听他们抱怨说：没有人去指导他们，每天学完就学完了，第二天接着学，但是东西太乱都串不起来，也都不知道是干嘛用的，尤其是js部分，这种问题完全可以把一个人摧毁！所以 我一直对我的学生强调：有问题一定要去问，去解决，千万不要不懂装懂，弄明白了再往下走，人的心理是很脆弱的，一旦倒了可能就再也站不起来了。敬告各位新入行的同学，除非你之前有过编程经验，不然就找个引路人指导你。
3.列一个学习大纲
01.环境搭建
前端环境很好搭建，一个开发工具即可，webstorm，hbuilder，vscode，sublime。初学者建议sublime 也不要装插件，没有语法提示，可以打基础
02.html基础
带你去认识html，让你学习去运行html，等浏览器上面打开你的页面的时候，你会有很强的成就感，然后开始学习html的基础标签
03.css基础
html是勾勒，css是染色，基础的css学完你会有种想写页面的冲动，这时候你不用抑制住那种感觉，直接按照自己所想开写，这是你的第一个项目
04，js基础
js是页面的逻辑，作为一个web前端工程师，js是很核心的部分，也是很难的部分。js的学习之后放长一些，尤其是前一周，要让自己去熟悉那种语法环境，培养自己的开发思路，而且有一点就是学完一个星期的知识之后，及时和你的指引人沟通，看卡自己的理解是否有误，还有就是学习思路是否有问题，他会给你指出那些东西需要多学习，哪些不常用，还有就是给你点一下你学的这些在项目中会是怎么去应用，理论联系实际是最好的学习方式。
05.纯js操作dom和jquery
这阶段要知道怎么去用js来更改页面的元素，怎么去写dom事件，经过一番联系后，再引入jquery，不要本末倒置，有个同学学完jquery之后说发誓以后再不用原生js操作dom！然后被我狠狠骂了一顿
06，开始你的ui框架之旅
这个阶段我推荐从bootstrap开始，这个框架很经典，响应式的珊格系统被后来框架一直沿用，在我线下教学的那几年，我都会带着学生一起看bootstrap的源码，让他们学会这种设计思想，因为之后对他们太有用了，当时他们很痛苦，现在他们说起来觉得很受益，如果可以，你也要去看看源码，先学会去定制bootstrap，公司注重二次开发，定制 bootstrap正好可以练手。
07.开始深入css3
基础学完css3要提上日程，这时你会看到不一样的世界
08.深入js
这阶段你就要去解读原型链，原型替换，this指向，es6，es7的新语法，
09.学一套主流mv*框架
vue，react，angular2选一种，
我建议从vue开始，react的jsx语法不适合你入门去学习，angular2的typescript语法糖难度也比较高，vue学起来平滑些，结合vue，学一下vue-router，vuex，element ui，axios，webpack。做个项目玩一下这个全家桶
10.升级后台语言nodejs
这个不作要求，你在学vue的时候其实已经在用nodejs了，你用的npm就是nodejs的一部分，这个阶段说的是nodejs编程，比较难理解，毕竟是写服务器的东西，不过前面基础打牢固，让别人一点拨就能上手，技术不难，难在思路转换。
3.总结做项目
两个项目，
一个是侧重于css特效方面的，要求就是非常酷，帅到没朋友
第二个项目侧重逻辑处理，用来升华你的逻辑能力
这两个项目可以从网上搜几个网站来模仿，比如：苹果官网，魅族官网，花瓣网，网易云音乐，在行等很多网站，做的也很不错。
4.面试技巧培养阶段
这个阶段要培养下公司项目的具体流程以及面试技巧的培养，面试回答思路。

整个思路就是这样，希望对你有用！

从H5，CSS3到js，node开发到Vue几个框架，然后自己动手试着写几个相关项目就可以了

方法：

第一：理清Web前端的知识结构。要想高效学习Web前端知识，首先应该搞清楚Web前端都包括哪些技术结构。Web前端开发虽然技术难度并不高，但是技术细节却比较多，内容也比较杂。Web前端的基础包括三大部分，包括Html、CSS和JavaScript，其中JavaScript是学习的重点，也是难点。另外，vue等框架也是需要熟练掌握的。

第二：紧跟技术发展趋势。目前Web前端的技术发展趋势有三个，其一是前端开发数据化;其二是前端开发高效化;其三是前端开发全栈化。前端开发数据化主要是大数据发展的影响，在大数据的推动下，Web前端逐渐涉及到了大量的数据展示任务。前端开发高效化主要体现在Web前端正在进行独立部署，前端与后端的沟通主要通过资源接口的方式来进行。前端开发全栈化也是一个比较明显的趋势，比如Nodejs的应用。

第三：注重动手实践能力的培养。学习前端开发一定要注重动手实践能力的培养，因为前端开发的细节比较多，所以只有多操作才能逐渐熟悉。

前端开发目前被称为“大前端”，整个前端开发也被赋予了更多的含义，包括Web前端开发、移动端开发、大数据呈现端开发以及部分后端开发任务等等。所以，想要在前端行业中走的更远，一定要注重知识结构的丰富性。

首先，我们应该从它的学习内容出发。主要有一下三点：
1、Web UI（网站设计）设计能力
2、网页设计和网页动态效果能力
3、基本编程的能力
其实现在H5页面设计已经不仅限于微信广告，其实H5现在替代的是整个移动端用户前端交互的“界面”和载体，除了广告，可能还有各种活动落地页，内容轻博客，游戏等等。
所以，前端需要学
交互设计 用户体验
而跟交互设计，用户体验有关的概念非常多，比如UED、IxD、GUI等等，这里主要介绍两个主流的概念UED、IxD。
UED（User Experience Design），即用户体验设计
侧重用户在每个环节中对产品的体验。
用户与产品的每一次交互，在产品上停留的每一秒中，都是用户“体验“，你需要深入产品和用户的场景中，设计每一个体验节点。 这个通常不需要很高超的图形设计技能，但要有较强的审美和设计分辨能力。
IxD（Interaction Design），即交互设计
交互设计师通过视觉、听觉、触觉的动态设计来提升用户体验，同时，需要考虑用户的使用场景和判断用户路径，以此设计和引导用户和产品/界面的互动过程。
简单来说就是感觉性与逻辑性的一个配合。
很多人学了十几年都不能成为大师，就是因为两者其一都修炼不到极致。当然这个也不是绝对的，题主可以加倍努力，说不定就做到了呢！
其实，想说的就是题主的个人因素
客观条件只是一个方面，主观因素也占很大一部分原因。
好不好学？学得好不好？很大程度上也是要看题主的个人学习能力的。同时也要看题主是否选择了适合自己的方式学。“适合自己的才是最好的！”这句话是一点都不错，不管你学什么，要找到适合自己的方法，学起来才会容易一些。
现在学前端的小白，有自学的也有报班学的，其实老实说不管哪种方式学，只要是自己能够接受的都是最好的。