想学前端，应该如何入门？

一、首先，在学习之前搞清楚你要做什么工作岗位，看看招聘网站上的要求有哪些，这些都是你学的动力。也能让你很快的重新入行。下面我帮你总结了三条：

1、知识构架。如果题主知识构架比较丰富，那么你学习前端开发的过程相对较快。同时也是你较强的岗位竞争力。如果不是，建议找人带你整体梳理一遍。

2、开发场景。前端开发目前在功能上不断得到拓展，除了传统的web前端开发之外，还包括Android开发、iOS开发和各大平台小程序开发等，对应的你需要了解、掌握JavaScript、Android开发需要掌握java语言（或者kotlin），而iOS开发则需要掌握OC或者Swift语言。你可以选择好心仪的公司再去对应学习。

3、实战经验。按照题主的情况需要多找项目来练练手，有需要的可以SX我。

二、根据企业的要求，规划一条科学合理的学习路线图。请你看下面学习路线图，完全是针对企业定制化人才需求规划。避免小白踩坑。

第一阶段：前端页面重构

内容包含了：（PC端网站布局项目、HTML+CSS基础项目、WebApp页面布局项目）

第二阶段：JavaScript高级程序设计

内容包含：（原生 JavaScript交互功能开发项目、面向对象进阶与 ES/ES应用项目、JavaScript工具库自主研发项目）

第三阶段：PC端全栈项目开发

内容包含：（jQuery经典交互特效开发、>

第四阶段：移动端项目开发

内容包含：（Touch端项目、微信场景项目、应用 Angular+Ionic开发 WebApp项目、应用 Vuejs开发 WebApp项目、应用 Reactjs开发 WebApp项目）

第五阶段：混合（Hybrid,ReactNative）开发

内容包含：（微信小程序开发、React Native、各类混合应用开发）

第六阶段：NodeJS全栈开发

内容包括：（WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库）

第七阶段：大数据可视化

内容包含：（大数据可视化化基础与实战、一、数据可视化入门、二、Djs详解、三、其他JS库）

三、学习web前端注意事项：

1不要以看书学习为主，学习编程不是数学语文那么容易，你看看例题就会了，更需要的是别人的讲解，你自己看书上那些专业的文字，只是凭你自己意识理解的那样来，但是一般情况下我们都理解不了，毕竟我们不是出书的人，最好的方式就是找视频进行学习，找好的视频进行学习，然后在配上别人的解答，再加上自我的主动学习。

2当你学习的时候，可能会出现学了就忘记不住的情况，小编见过很多这样的情况，包括自己曾经学习的时候也是这样。打个比方：比方说我们在学习英语的时候，一天学习20个单词，但是过了一周之后，我肯定会忘记之前学过的单词。那么记住这些单词最好的办法就是应用于对话当中。我们学习web前端也是这样，同一个标签或者属性，或者是JavaScript的语法，只有你不断的见到它，并且应用它，让它都认识你了，这样你就扎实的掌握了，所以实际应用非常重要。

3学习方法决定了你学web前端的效率以及你可以走多远，学习编程非常依赖一个好的学习方法，有太多人因为学习方法不对最终导致放弃，所以小编让各位一定注意自己的学习方法，每个人的学习方法不一样，但是大多数人错误的学习方法都是相同的，所以这方面一定要找

四、在学习时要自己了解知道的几点：

1了解市场需求

首先，零基础的人应该去了解目前想要找到一份web前端的工作，应该具备哪些技能，当你符合这些企业的基本标准后，工作就不成问题。先知道自己应该达到什么标准，然后再去学习，不学无用的知识，只学工作需求大的知识，这可以避免浪费时间，这方面不浪费口舌多说，可以到招聘网站多去搜集一些，或者来问我。

2制定计划

既然想在短时间学好一个技术，那么就应该运筹帷幄，如果你连一个明确的规划都没有，那很难说你能比别人做的更好，用更短的时间学好应该掌握的那些技术，一个好的规划非常重要，有很多人学习的时候就很混乱，结果必然不好。能每天按照计划完成的人并不多，这需要你个人的自律性，如果自己懒惰，神仙都救不了。你每天应该学习多少知识点，应该如何巩固，你要很明确。

3辅助工具

做成一件事，无论个人能力多么出众，一定要有好的装备，那么对于学习web前端来说，什么是好的装备？比如：一个好老师的指导、一套好的视频教学、一本适合你阅读的JavaScript书籍、一个适合你的开发工具等等。这些都是辅助你的工具，但是能不能登上珠穆朗玛峰还要靠你自己，其他的都是好装备而已，没这些装备还不行。

学习的同时敲代码，多做几个项目，实践中成长、遇到难题就记下来，把它搞懂，下次遇到就会敲！

其目的是：
语义化你的代码，不是说经过简单的调试，浏览器显示正常就可以了，还得让搜索引擎等机器爬虫（机器人），能明白了然你代码的意思。
标签的用途：我们学习网页制作时，常常会听到一个词，语义化。那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下使用此标签合理）比如，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中，在文章中有想强调的文本，就可以使用 em 标签表示强调等等。
讲了这么多语义化，但是语义化可以给我们带来什么样的好处呢？
更容易被搜索引擎收录。
更容易让屏幕阅读器读出网页内容。

web前端开发简历中项目经验可以写领导的项目和开发的产品。学习web前端开发，推荐千锋教育，一群草根奉献着自己的青春年华，为创造一个有真正社会价值的职业教育机构“千锋教育”而奋力拼搏，值得信赖。
web前端开发简历中项目经验可以写的内容具体为：
1、可以做几个意义性强一点的案例，可以证明在这些方面有造诣，并且让人可以看的出的demo，列举几个站点，并注明参与了哪些部分，学到了哪些知识。方便的可以传到共享之类的网站或者自己搭建在线预览的站点，要事先准备好，并且保证在任何一个设备都可以访问使用。
2、就职期间参与公司部产品开发, 负责服务器环境构建, 熟悉了redis, nginx在高并发环境下的应用，就职期间参与XXX网站开发, 并配合iOS研发部门开发了移动端站点, 运营期间不断完善, 学习了在移动端开发网站的相关技能。
想要了解更多web前端开发的相关信息，推荐咨询千锋教育。千锋励精图治，不改教育初心。十一年来，千锋以政策为引导，不断完善国内特色现代职业教育体系建设，充分发挥教研师资队伍使命，构建品质教育，加大创新型人才培养力度，为经济发展提供智力人才和智力支撑，成为新时期职业教育发展的新方向，在同行业中有很高的美誉度。

web前端开发技能的简历：
熟练使用 HTML5 + Css3 及其新特性；
熟练使用 JavaScript 及 ES6 新特性；
熟练使用 Vue（vue-cli、vuex、vue-router、axios）等主流技术进行项目开发并对nodejs有相应的了解；
了解使用过的常用 UI框架：Bootstrap、vant；
了解 webpack 打包工具，熟练使用git代码托管工具；
了解 Less预处理语言。
学习web前端开发推荐千锋教育，千锋教育拥有国内一体化教学管理及学员服务，在职业教育发展道路上不断探索前行。
想要了解更多web前端开发的相关信息，推荐咨询千锋教育。千锋企合作部整合大量企业客户资源，紧抓当下企业需求，将技术和项目完美结合千锋课程体系，力求培养更多优质人才服务企业，不断提升学员竞争力，链接企业用人标准的培训课程及实战项目，让企业招聘用人的技术要求与千锋学员的技术充分对接。近年来不断引进阿里钉钉小程序技术、红帽认证、腾讯云、亚马逊等，通过与企业的深度融合实现千锋教研和就业服务的迭代升级，专业性值得信赖。

---