很多同学问过小慕有关前端入门的问题，小慕借此提问统一回答一下，首先觉得需要方法，下面我就按照重要程度一个个来说。
如果，你是抱着学着玩玩，学不会也无所谓，甚至是抗拒的心态来学前端的话，一定学不好前端。前端不是一时半会能学会的。在学习的过程中，会遇到一个个困难。这时，消极的心态会让你就打退堂鼓，或者三天打鱼，两天晒网，学的还没忘的快。
如果，我们抱着积极主动的心态去学前端。每天都学习一点，进步一点。遇到问题主动的去找解决的办法，不怨尤人。我相信，你一定可以学好前端。
学习前端，主要是学 HTML，CSS 和 JavaScript ，小慕整理了一下前端工程学习路径，更加详细具体的可以参考慕课网的《前端工程师》来制定具体的计划。
前端也是编程开发，所有的软件开发都必须从语法基础开始学习，通过语法组成产品效果，而前端的基础语言就是HTML+CSS+JavaScript。
HTML就是页面标记语言，是组成网页内容最基本的语言，可以把文字、视频、音频、程序都引入到网页中进行展现，相对于CSS和JavaScript比较简单。
CSS是层叠样式表，可以让你的页面看起来更美观，因为只是HTML的话，只能用Table做布局才能勉强做出个成型的网页来。但是从Web2.0时代开始，都是盒子模型布局法了，也就是用DIV+CSS来实现布局了。
JavaScript是这部分里最难的，也是整个前端学习中最重要的一个内容，初学小白也容易折在这里，所以找个老师特别重要。在前期，网页中所有的数据渲染、特效交互都要用JavaScript来完成；在后期，大量使用算法和框架的时候，对JavaScript基础的考验也很多。
移动端的重要性不言而喻，近几年移动开发一直是前端发展的主要战场，很多原生APP开发都感觉快要失业了。目前最受欢迎和应用最普遍的就是web app和小程序了。
说到小程序大家都不陌生，人手至少一个的微信号形成了一个庞大的生态系统，而小程序就成了互联网公司的标配。 能够独立开发企业级小程序，拥有解决主流小程序功能需求的能力也就成了前端的标配。但是移动端开发仍然离不开HTML，CSS，JavaScript这些基础知识的。
在这部分的学习里，实战就非常非常重要了，因为打好基础找到编码的感觉，后面遇到困难才能更顺利的通过。 慕课网从学习一开始就安排了一个仿穷游项目实践，边学边练，从项目最开始的网页布局到动态交互，边学理论知识边做项目，再对项目按企业标准进行组件化开发改造，再用我们学的移动端技术进行重构。 一步步经历真实开发中项目从0到1，从PC演化到WEB APP的过程，这个项目经历对我后面的学习起到了重要的铺垫作用。
所以说，学前端一定不要死记硬背，实践出真知
Vue、 React 和 Angular 是当前应用最广的三大前端框架，仅从 GitHub 趋势来看，Vue 更是排在了第一位，目前已经达到了 17 万的 Star。 Vue.js 其实是一套构建用户界面的渐进式框架。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。
目前，不管是 BAT 大厂，还是创业公司，Vue 都有广泛的应用，对于任何一个前端工程师来说，Vue 都是一门非常值得我们学习的前端框架。 学前端不止于前端。在很久以前，前端确实是没有很高技术含量的事。但是后来node.js出现了，前端的工具链非常壮大了。
所以，Node.js成了服务端以及服务端必备，也是迈进前端全栈开发的必要一步。 可以先学Node的基础知识，知道HTTP请求到响应的大致过程，知道get,post,能写出简单接口，后面再用Node/Koa/MongoDB去做项目即可。
TypeScript和React.js是近几年企业开发热门框架，想拿高薪进更好公司，TypeScript和React.js是必学的。
TS是以JavaScript为基础构建的语言，是一个JavaScript的超集，可以在任何支持JavaScript的平台中执行，它不仅扩展了JavaScript，添加了类型，还不能被JS解析器直接执行。
React 翻译过来就是响应的意思。定义好数据和视图的关系，通过数据的改变获得一个新的视图，也就是常说的MVVM模式。ReactJS框架就是一个MVVM模式的渲染页面的JavaScript框架，是前端高手必修课。
最后，制定的计划要合理。计划如果定的太重，只会让人焦虑，沮丧。如果你之前对制定计划没什么经验，那制定出不合理的计划很正常。通过把实际完成时间和计划时间做对比，来不断了解自己，不断的调整计划。慢慢的，你制定的计划会越来越合理。
坚持不是件容易的事，何况现在的外界干扰那么多。
我的建议如下：
培养每天都学一点前端的习惯
每天计划一段时间来学习。
慢慢的，你学的越好，就越想学。
学习小组的成员，每天都要完成制定计划。互相监督。如果没有完成的，会有惩罚措施，如给大家发红包。
这里就来推荐一下慕课网前端特训营，3天就能上手完成一次项目流程，专业的互联网大厂专家带学，快速了解了前端开发的基础知识，像是Banner模块，搜索模块，悬停效果，导航动画等这些常用的代码编写，还有真人答疑团队1v1项目作业指导～戳链接就可以加入啦↓↓↓
掌握知识的过程，就是理解知识，巩固知识的过程。理解固然重要，但如果不巩固，很快就会变得不理解，特别是对复杂的概念。
我的建议如下:
最后，给大家推荐几本书：
《学习之道》《CSS 揭秘》《JavaScript 语言精粹》《编写可读代码的艺术》
如有任何问题欢迎留言咨询，也希望大家都能入门前端~
推荐阅读：
慕课网：前端开发常用哪些工具软件？
慕课网：如何规划前端工程师的发展路线?
慕课网：前端Web开发入门级书籍推荐
慕课网：一个初级前端开发要达到什么水平？
作者：慕课网官方_运营中心
链接：https://www.imooc.com/article/324383
本文来源>>http://www.imooc.com/article/15801
来源：慕课网
