前段学习:web前端怎么入门学习

感约，想入前端这个行业的同学们想必都很关心吧，在回答之前，首先聊聊我，我就是一名典型的80后老程序员，我刚从事这个行业的时候根本没有前端程序员之说，那时候我主要用C#.net 进行开发网站，前端和后端的工作都是我一个人完成的，前端开发岗位也是最近几年的事情，由于我对前端有着浓厚的兴趣，才逐步专注前端的，接下来我和大家聊聊如何自学前端，仅供参考：

首先明确你是否喜欢前端，以及前端学习的方向

有句话怎么说的，兴趣是成功之母，如果你选择这一行业，一定要是发自内心的喜欢这个行业，尤其你是自学，如果你是为了工作而工作，去自学的话，很容易坚持不下去。还有一个需要强调的是，前端这个行业发展很快，需要不断的学习，有可能你还没学完，新的内容又更新了，前端是一个不断学习自我提升的过程。如果你对这个行业没兴趣的话，建议你还是不要学习前端。

前端的内容和框架很多，现在很流行大前端，前端可以做网站开发、手机端开发、桌面软件开发、游戏开发、视觉特效，3D开发、VR、后台开发nodejs、物联网等。方向很多，进入这个行业前，你一定要选择一个感兴趣的方向深入下去，如果都想精通，也不太现实。

建议了解、掌握一门后端语言

由于前端Javascript语言的特点，和高级语言比如JAVA、C# 有不少的差距，如果你没有编程基础的话，建议先从这些高级语言学习基础语法和编程逻辑，这里并不是让你很深入的去学习这些语言，掌握基础的语法和应用就够了，主要是为了让你理解编程语言的特点和思维逻辑。还有就是前端往往需要和后端开发人员进行配合，有了这样的基础后，日后配合起来沟通更方便。有了这些基础后，你再学前端，你会发现前端很简单，掌握其语法和前端逻辑也是几周的事情。

如果你是非计算机专业，建议学习一些基础的算法和数据结构

算法和数据结构是每个计算机专业出身的必修课，是开发人员的基础和核心竞争力，如果你是非科班出身，建议还是学习掌握一些基础的数据结构和算法后再去学前端，因为现在前端产品也越来越复杂，这就意味着对前端性能要求越来越高，如果你能从算法和数据结构的角度去优化前端性能，这意味着你能在这个行业能走的更加长远。

接下来我们从基础的 HTML、CSS、Javascript语言学习，一定要看书，再看视频

前端最基础的内容莫过于 HTML、CSS、Javascript 这些内容了，切记在还没有深入掌握这些内容后，就去学习前端的一些框架，比如vue、react、angular,建议先把基础内容夯实后，再去学习这些框架也不迟。学习这些基础内容，不要一上来就看视频，因为视频的内容不够系统化，知识比较散落，没有文字的梳理和归纳。建议还是静下心来，从书本看起，建议你选择前端的经典入门书籍红皮书或封面是犀牛的前端书籍，为了避免推销之嫌，感兴趣的可以私信我索要书名。基于书本内容再结合视频内容学习，这样学习效果才会更好。

一定要动手实践，切记光看不练习

学习知识最好的方式，就是动手实践，哪怕你现在手里没有什么项目或者不知道练习什么的话，你可以把书上的例子和代码一点点的敲出来，这样潜移默化会加深你对知识的理解。学到一定的程序，你一定要动手亲自实践下如何布局一个网站，这个过程一定不能省，我发现不少前端开发人员不喜欢弄布局，但是布局是前端的基础，一定要把CSS布局的思想吃透了。

掌握以上基础后，建议学习下JQuery、bootStrap这些类库

虽然 JQuery 没有像以前这么火了，但是作为一名的合格前端，这个工具我们是必须要掌握的，只有掌握了这个，你才能更深入的理解前端的工作，因为这个库容易上手，通过这个库的学习，你能快速进去前端开发岗位的状态，去做一些更有针对性的实践，比如亲自练手一个新闻站点、博客站点的前端制作。

bootStrap 也建议前端初学者掌握，Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。使用这个框架后，能很方便的让我布局出现代感十足的响应式网站。

最后选择一个前端框架，比如vue、React或 Angular

大多数公司的前端产品，不可能是一个人去完成，而是一个团队，团队开发就需要有一个工具进行支撑，来保证项目的代码的质量和进度。因此掌握一个或两个前端框架是我们必备的技能。vue、React这两个框架入门比较简单，中文资料也比较多，你可以根据自己情况选择一个就行。

小节

关于如何学前端就和大家聊到这里，总而言之，自学前端一定要有兴趣，从基础的 HTML、CSS、Javascript 学起，边学边动手实践，最后才是vue、React或 Angular框架的学习，还有一点需要强调的是，自学自律性一定要强，要有个清晰的学习计划和目标。

感谢大家阅读，如果你有什么好的想法欢迎到留言区分享交流，如果你赞同我的回答，欢迎给个赞和转发，谢谢支持。

大家好，我是道哥，计算机专业大数据方向在读本科生。道哥说一下学习前端的方法。

前端主要是包括 HTML+CSS+Javascript(JS)

其中最重要的是Javascript，这是一门编程语言，也是一门脚本语言，主要做动态网页界面。如果题主有过编程语言的基础的话，学起来就比较容易，比如C/C++语言。js和其它的语言都是类同的，知道变量类型，循环判断，数组，函数这些就可以了。如果没有语言基础，其实学起来也不难，多花点时间，也能学会。

再者就是Html，这个就是标签，描述页面有哪些元素，放置什么内容。学习HTML说白了就是在学习各种各样的标签使用，因为JS有一部分功能就是去操作这些页面标签元素 。HTML标签虽然多，但是常用的Html标签没多少个，很快就可以掌握学习。快速了解的方法就是，随便打开一个网站，浏览器右键查看源代码，里面就是Html标签了。建议可以在w3school里边学习这个内容，里边介绍的很全面。

再就是Css，这就是一种修饰，给页面Html标签元素添加样式的，比如文字显示什么颜色，背景色是什么。Div元素块的高度和宽度，背景图片用什么，就是这些了。

说一下做前端的工具，初学者建议用editplus

进阶者可以用sublime

道哥友情提示，有些朋友私信我，英语不好，能不能学好写程序。其实在道哥看来英语和程序没有太多关系。英语这个会点是最好了，平时写程序的时候，准备一个英语词典，随时查随时用，不会的还可以查百度。

其实做前端还是挺简单的，轻轻松松就可以学会了。还是那句话，现在前端比较流行，也会继续流行。

【道哥】原创。仅代表个人观点，仅供参考。需要学习资料的私信我。喜欢道哥的，点赞加关注哦~欢迎评论区留言哦~