教你0基础，速成web前端

前言： 今年公司没什么移动前端的活，闲来无事，我也学习起了前端。从我的博客上也能看出端倪。看到掘金在搞征集好文的活动，我也来参加下。就来分享一下我学习前端的路线吧。（目前我接触了2-3个月了。vue框架，加上原生写官网已经算是成功入门了。希望能帮助想学习前端的同学）

接下来，详细说说我的步骤。它来了。

一、准备工作

打开百度，搜索菜鸟教程，把以下几处过一遍。当然了，重点是过一遍，其中你觉得感兴趣的可以好好看看。以后正式写的时候，不懂就来查。当然你又有空的时候还可以来过一遍。第二次过一遍的时候重点是就像读书时候的默写，不会了再查看。

建议开始用txt文本，如果你觉得没必要可以下载个vscode。具体本文是讲解思路和方法，就不对工具具体介绍。不懂的可以自行学习。要看的内容包括以下

• html5教程
• css教程，如果是很小白，建议可以把css先写在标签的style里
• JavaScript教程
• jQuery教程
• vue我不建议看文字教程，因为看视频来的更简洁和清晰，同时我建议初学者看vue2开始，vue2更成熟，学习资料多。vue3还是有很多与vue2不同的
• Element和Bootstrap这2个站在android同学的视角其实就是第三方控件，可以先不用看

以上资料可以简单过。

二、巩固基础及学习vue框架及后台管理系统开发

• 慕课网教程：html5+css3
• vue2教程
• 这里推荐大家使用nvm来安装node及npm,比如合作开发和接收项目，可以随时切换版本nvm安装及使用
• 3小时速成 Vue2.x 核心技术
• axios在vue中的使用,在vue里联网请求。我曾经安装这个教程封装了一个axios在vue里的封装
• vuex基础入门，vuex可以看成是全局存储，有点类似android里的轻量存储，但不全是还有一个localStorage

掌握了这些以后我建议你可以先从后台管理系统触发，所以这个时候你可以看下，

• 饿了么组件库，这个东西就是前端里使用的第三方控件，看看api基本都可以用起来。如果你要改样式不会了怎么办？度娘基本都能帮你解答
• 饿了么官网的demo饿了么组件官网后台demo
• 饿了的demo东西弄的实在太多，所以我自己也总结了一套easy-vue-element-admin

静心走完了这个流程，我们大概对vue开发后台管理有个了解了

三、官网开发及学习Bootstrap

为什么学习了vue,不可以用来开发官网呢。当然是可以的，但是不利于搜索引擎seo。当然也有方法去解决这个问题，有些公司为了性能还是会要求你用原生开发。所以这个时候我们就得学习一下内容：

• jQuery基础 (一)—样式篇，jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。
• jQuery基础(二)—DOM篇
• jQuery基础(三)—事件篇
• jQuery基础(四)—动画篇
• jQuery基础(五)一Ajax应用与常用插件，原生开发里，我们就可以用JQuery去请求网络
• bootstrap快速入门，这个也是个ui框架，用于官网原生开发

学习完以上内容呢，我们就可以找个好看大型的官网，去模仿。比如楼主就模仿了一个小红书的。原生开发也包含很多封装。因为这个时候我们没有完全模仿完，等完了页会陆续放到我的github里。那就先来看看效果吧

好了，学习完我这些内容。你也能达到我的水平。哈哈哈，我也还算是前端小白吧。不过咱们已经入门了啊

四、想学习更多吗？点击下面的链接

掘金地址，掘金有个活动，顺便帮帮博主吧