web前端开发如何自学入门？-小明同学-undefined

不管是学习任何技术，入门是第一步，这很重要。

web前端开发也是一样，相对于其它的技术开发领域而言，前端开发涉及的知识面很广，

所以掌握的理论和技巧非常多，而且随着新技术的层出不穷的更新迭代，我们时刻都要保持一颗学习的心态，因为稍有不慎，稍微懈怠就可能被淘汰。

web前端开发作为当今十分热门的职位，需求量也是非常大的。

掌握它我们在职场当中就能多一分核心竞争力，让自己在职场当中更具优势。

那么，作为未接触过前端开发的童鞋，今天我们就来聊聊如何通过自学掌握web前端开发，当然由于篇幅我们只会先从大的方向来概括，具体的细分点之后会分享更多的针对每个知识点的自学攻略，希望对想学习前端开发的童鞋有所帮助。

其实简单一点来讲就是第一感观给用户的呈现体现。比如我们游览的网页：网页上文字大小，页面布局，图片效果，以及鼠标操作的一些交互动作。再比如我们看到的手机APP，每个APP长得都不一样，用的什么风格，色调，动画效果等等。

而作为web前端开发主要的工作就是解决用户的体验问题，所以它是一个web产品的形象大使，直接关系到这个产品的“颜值”问题，当然这样讲可能有点过于片面，事实上前端开发要做的具体事情远不止这些，后面我们会具体来讲解。

2. 需要掌握哪些技能？

对于一个初级的前端开发而言，我们首先必须要熟练的运用html来页面布局，这就好像一栋房子的结构，是一房一厅，二房二厅？对应的页面而言就如同左右结构，上中下结构，上左右结构等等。

HTML是一门标签语言，有各种各样的标签，

比如：<head><script><body><h1><p><div><table><ul>等等，学习html就是把掌握这些标签的用法，我们随便打开一个网页，查看它的源码，都会看到很多这样的标签，当你掌握了，自然一目了然。

有了结构这时候就要学会CSS样式了，这个玩意打个比方就好像房子的装修是一个道理，墙面要刷成什么颜色，用什么样的窗帘之类的。

对应在网页上就是这段文字要用什么颜色显示，多大，要不要加粗之类的。css一般和html相辅相成，有我有你，它们必定是相互一起合作的，不然这个网页会丑到没法看。

还有一项技能就是javascript，这个东西是专门用于用户交互动作的技术，比如网页中表单的验证，动画的效果，以及一些鼠标操作的交互动作都是由它来实现。

这样一解释是不是比较清楚这三样东西(HTML，CSS，JAVASCRIPT)的实际应用场景了，这也是业内俗称的“三驾马车”。

以上三样是作为WEB前端开发自学的必须掌握的最为基础的技术了，是作为学习前端的第一个阶段，如果这些都不会那就别提之后的更加高级的如：DOM，Bootstrap，Jquery、node.js、webpack、vue、react、ajax这些了。

当然任何学习从不会到掌握都是一个循序渐进的过程，作为过来人，友情提示各位想学习前端的童鞋不可好高骛远，眼高手低，毕竟作为搞技术开发的，实践重于学习理论，我们要多动手，多写，多总结，多学习，这样第一阶段就能轻松跨越。