零基础怎么学习前端开发，求推荐学习路线？

最近跟学习营的伙伴交流，发现很多伙伴就是感觉前端薪资高、好学，就想入门，实际并不了解前端，学起来也是很懵，不知道哪些是重点。今天重点讲讲什么是前端，以及学习的重点。

师兄之前也是自学进入前端的，非常理解自学的苦楚，打算入行前端的伙伴如果同样对前端比较迷茫可以点击下方卡片添加师兄微信，一定知无不言言无不尽~

对了，还有0基础前端学习群YL25796，也可以加入，里面很多自学的伙伴，大家一起互相鼓励，互帮互助，学起来更有动力。

首先明确什么是前端，什么是后端？

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。

简单的来说就是比如某个网站、app中你所能看到的，都是前端工程师负责开发的。

后端，后端就是除了前端以外的所有技术都是后端，后端就是在服务器上运行的，比如和数据库交互，逻辑实现，对前端的响应和请求等等这些就是后端技术。

当你查询某个信息或点击某个按钮，跳转另一个页面的过程就是后端来实现的。它需要前端程序捕捉这些行为，把数据传输给后端，后端再数据库调取，可以理解为你看不到的数据部分是后端的活儿。

其次明确一个概念什么才算入门？

我的定位是能找到一份前端工作才叫入门。接下来我制定了一个自学前端的学习路径，避免一些自学的朋友走弯路，对于有基础的伙伴大概能在4个月左右入门，对于完全0基础的伙伴可能稍慢一些大概6-8个月。

第一阶段，html css

都知道要学html，css，我说一下要掌握的核心点。

标签：p，div，a，span，img，input，link，script，ul，li。其它的大概过一遍，有个印象就可以了。这几个标签能解决你工作95%以上的需要。理解块元素/行类元素，文本流，盒子模型概念。
css重点掌握选择器，选择器层级，浮动，清除浮动，定位，伪类，伪元素，背景，字体，颜色，宽高，margin，padding的设置。

基本的概念搞定后，就可以仿造一些知名网站写静态demo，如美团，优酷，大概写两个首页，就可以进入第二阶段了。

或许到这里，你已经小有成就感，那就继续加油吧！

第二阶段，JavaScript

这一阶段是最为重要的阶段，前端重头戏JavaScript，决定你放不放弃自学，大部分同学在这个阶段就退缩了。

dom部分：dom选择器，className，style，属性操作。
es部分：注释，定义变量，数据类型（基本类型和引用类型），运算符，流程控制，函数，内置函数。
这个阶段如果你能学会断点调试就会轻松很多。

基础掌握后，你可以写个轮播，或者做个小游戏贪吃蛇。

切记，切记，切记不要太在意一些花里花哨的东西，更多注重程序的逻辑。

建议买本犀牛书打基础。

我目前是在职前端开发，如果你现在也想学习前端开发技术，在入门学习前端的过程当中有遇见任何关于学习方法，学习路线，学习效率等方面的问题，你都可以找我咨询。也可以申请加入我的 零基础前端学习交流裙，里面聚集了一些正在自学前端的初学者，转行者，大家可以 交流，分享经验，遇到问题可以一起探讨解决；我 也会每天监督大家打卡学习；还整理了一些 学习资料，免费分享给大家学习使用；平时还会组织 小项目，大家可以练习巩固基础。

第三阶段，数据交互

这个阶段主要是学习前端的数据交互，可能你很难受，又想放弃了。

我们需要服务器来提供数据才能真正感受到，这时候Node登场，首先学习express，具体怎么搞，自己去学习，核心知识请求，响应，路由，中间件。
前端需要学习ajax，先理解原生的ajax，然后再使用jquery封装好的ajax来请求数据，自己写一些动态页面，体会数据交互的过程。
理解跨域，http，jsonp的一些概念。

第四阶段，JavaScript高级

这个阶段你可能也比较痛苦，挺过了你就渐渐比较舒服了。

深入理解面向对象，闭包，this三座大山。

自己尝试封装一些插件，像之前写的轮播。

第五阶段，git

git，svn，建议你开通一个github账号。

第六阶段，前端框架及项目

这个阶段学的好不好，关系到找工作了。

首先理解webpack，入口，出口，loader，plugin这些基础概念要知道，不要求精通，大概知道什么配置干什么的。
然后react、angular、vue里选择一个深入学习，其他了解一下就可以了，建议选择vue，上手快，文档清晰，国内市场用的也比较多。先装个vue-cli自己玩一下，然后照着文档学习vue技术栈的东西
指令
方法
计算属性
自定义组件
组件通讯
理解响应式
vuex
element-ui
axios

基础过一遍后在github上找优秀项目学习，如vue2仿饿了么，然后自己写一些demo。

第七阶段，html5 css3

这个阶段主要针对移动端，css3，和一些h5的新标签，重点关注移动端适配，媒体查询，移动端布局，flex。

第八阶段，面试准备

准备面试，简历（项目经验，不能少），前端面试题。

多投简历，多总结。

祝好运，希望想入坑前端的同学，早日找到自己心仪的工作。

---

在自学的伙伴也可以加入我组建的零基础前端学习营，我会督促大家打卡学习，遇到问题可以一起探讨解决；还整理了一些学习资料，免费分享给大家学习使用；平时还会组织小项目，大家可以练习巩固基础。