很简单，先把手机里面的所有游戏卸载了，包括抖音，快手，爱奇艺，腾讯视频，YY等。

然后把电脑里面的所有游戏删掉，浏览器书签只保留百度，其他全部清理掉。

接著要么某宝买资料（可以是书，也可以是视频，建议视频），或者网上搜索免费的，或者去一些有免费教程的地方，当然找到收费的你也愿意交钱的也可以。

ok，以上准备工作做好后，正式开始自学前端了。

针对你的身份不同，需要制定不同的自学计划，假设你当前已经工作了，并且自学的时候还处于在职状态：

制定一个小目标，比如1个月内学会基本的css+html，3个月内学会基本的原生js，3个月学会使用vue，3个月学会react....

当然，上面说的所谓学会都是简单的入门，何为入门：

学会css+html：随便找到一个网站，截屏后，用html+css还原网页

学会基本的原生js：使用原生js或者jquery，完成一个电商网站的全流程（首页展示+筛选，加入购物车，结算，登陆注册等），为何电商网站，因为含盖量高。

学会vue/react：能够独立的搭建项目（不管是vue-cli，还是webpack），并且能够完成基本的配置，比如引入el-ui库，全局配置axios拦截器，或者你自己写原生的fetch请求或者XMLHttpRequest等都可以；可以分离公共组件，可以完成路由配置（常见的后台管理系统，三栏式，上左右）

鉴于你有工作，按照早9晚6+上下班需要1小时来计划：

早上6点起床，洗漱吃早点什么的，7点-8点学习，8点以后去上班。当然，你可以把学习时间放在吃饭前...

晚上7点到家，解决晚饭从8点开始学习，学到11点，那么你有3小时的学习时间。

周末可以适当的放松点，比如早8-11，下午2-5，晚上7-10，一天9个小时的学习。

贵在坚持，只要你能坚持这样做，你肯定可以进入前端行业的。

切记，资料进入你的收藏夹，不代表你就会了。

首先准备一份学习路线，了解需要学习哪些内容。可以看这个：

2020 最新Web前端工程师学习路线图?

www.processon.com

有了学习路线之后，找一份系统的教程，可以到B站、慕课网、腾讯课堂、网易云课堂等平台上找，有免费的也有付费的。教程选择那种只讲知识点的精讲视频教程，这种视频教程的好处在于只讲知识点，你会有更多的时间用在练习上，练习多才能够去理解。不要选那种直播录制的教程，会有很多的时间浪费在课堂的互动上。

在有了学习路线和视频教程之后，根据自己每天能够拿出多少时间用于学习，做一个学习规划。做学习规划的目的是让你知道你每天要学习什么内容，大概要学习多久就可以去找工作。你每天都能够看的到自己的进步，知道距离把知识点学完去找工作还有多久，你会更有坚持下去的动力。

最后，在自学的过程中，肯定是会遇见很多的问题。有些问题网上能够找到答案，有些问题则需要有人帮你看一下。所以你需要有个能够指导你的老师，可以看看身边有没有从事前端开发工作的朋友能够帮你。没有的话可以加一些学习群，遇见解决不了的问题时候可以在这些学习群问。

多年开发经验，懂前端、Java、Python，你可以私信我你目前的情况，每天能够拿出多少时间用于学习，在什么时间段，我可以给你发送一些教程，你跟著学，有什么不懂的地方可以随时问我。

能够自学肯定是好事，能够节省成本的学习是最好不过的。但是如果自学没有效率，与其这样浪费时间那还不如不学。所以要对自己进行一个评估，客观的想一想自己是否适合自学，有没有这个定力。

若是如上的回答都是肯定的，那么就可以著手自学的事宜了。首先，需要详细的去了解前端的技术栈，然后再去各招聘平台上了解企业对于前端工程师这个岗位的技术要求。根据这两个条件有针对性的去做一份学习计划，然后坚定不移的去执行。每学完一个阶段就去 github 上找一个项目练练手：如何在 github 上查找好项目。编程一定要记住，光看教程或者看视频是看不会的，一定要多练习，只有多敲才能真正学会编程。

那么前端的学习应该如何学习呢？零基础学前端必看视频，前端学习路线讲解以及需要注意哪些误区，怎么学习更系统？

请看，学习路线奉上：

一、准备篇

1.开发工具的安装配置的介绍日sublime. webrtorm. Visual Studio Code

理解如何浏览和创建网页、基本的语法规范、顾之间的链接与跳转、标签节

2. HTML。点层级节点

3.css。基本语法、 盒模型的高级用法。常用布局模型

4、JavaScript入门

基础语法和变数、数据类型转换。分支与循环

函数、数组等内置对象

5.京东首页文战。css代码抽象 与复用、浮动的盒子布局，层级的使用，定位特性的各种使用场景

二、基础篇

1、JawaSript基础。Js语言的基本构成、 变数与表达式、数据类型、语句结构、函数基础

2. DOM+BOM。节点对象的操作、 事件特性及使用、常见的内置DOM对象、常见的BOM功能

3.网页特效与进阶。表达式及应用

在网页特效中常用的编程介面、动面编程与事件、缓动框架封装和应用、正则

4、jQuery。选择器、 常用API、插件机制、原理分析、项目实战

语义化结构、其他常见ADI、CSs3选择器和新属性、CSS3过渡和动画，CSs3 伸

三、核心篇

1. HTML5+C553。缩布局

2.服务端编程。鹈概念、 Web 伺服器的概念，XML与ISON

3、PHP。PhP基础语法、 PHP服务端乡程基础

4、NAX日非同步数据交互、 模板引擎的使用、跨地的实现方案

5、移动Web开发。响应式布局、 Botstrap框架剖析、 ZeptosI库、 预编译css

四、进阶篇

1.面向对象在5中的体观与实践。面向对象理论、 对象的基本概念，对象的属性和方法

2、开发过程中常用的模式与思想。开闭原则、 MV思想、高内聚低耦合、工厂模式

通过构造正数创建对象、原型对象和原型谁、继承的多种实现方式、函数的本

3. JavaScript高级特性

质以及Function构造函数、作用域链、闭包

4、封装-个自己框架。选择器框架、 cs操作封装、属性操作封装、其他DOM操作的封装

五、高级篇

1.前端工作流。自动化流程工具使用、 源代码版本控制、依赖项管理工具、项目模版脚手架

Angular基本使用、Angular高级特性、vuejs基本入门和暗由、 项目实战:豆瓣电

2.流行框架e景

模块化开发规范、常用的模块化开发工具、Requrejs与Sejs, AMD/CMD.统一

3.模块化开发。规范UMD

4、Nodejs。Node个绍、 基本操作、常用内需模块、高级特性、常用框架

六、移动APP开发

1.混合式应用开发日混合式平 台架构、混合式开发实践。京东APP嘴实战

2.数信开发。微信公共号介绍， 平台API对接、x5兼容处理， 内置介面

3. React。组件化思想， 核心特性、Js，TOOOMV案例

4、ReactNative。环境与工具、 常用组件与插件、综合案例:豆瓣电影

5、其他移动PP开发柜架日PhoneGap. AppCan, HTML5+. Framework7

这样的问题回答太多了，可以看一下下面这些回答

web前端如何自学？?

www.zhihu.com图标Web 前端怎样入门？?

www.zhihu.com图标web的前端：一篇总结得超全的前端进阶文章！入门、技巧、方法、书籍、网站...?

zhuanlan.zhihu.com图标

本人正在自学web。html，css已经学的够用了，JS基础语法都看完了，正在学习闭包相关的东西。一起学可以私聊我，互相答疑解惑。

个人感觉，最重要的是，树立明确的目标。注意这里面的两个词，明确 目标。

目标可大可小（比如赚先赚他一个亿）

  • 大目标：学习CSS基础知识；
  • 中等目标：了解CSS选择器的种类；
  • 小目标：熟悉ID选择器的用法及特性；

在把大目标分解成小目标的过程中，已经做到了逐步明确目标。明确目标的好处，就是提高执行力（比如给我点个赞）。

执行力高了，根本就不用什么时间管理，早上一睁眼就会想著这件事。有时间就会去学，没时间还会挤一点时间出来学。

在回答这个问题的时候不经想到自己以前刚开始学习的时候。

那个时候作为零基础的自己同样也是在问著这样的问题，接下来发表下我个人的建议。

首先我们在学习的开始不要立马去开始学习内容，部分初学者在开始的时候基本上都是这样的学习方式，直接就开始上手学习了。

得先了解前端具体是做什么的，了解一个大专的环境

你学习前端的目的是什么：

为了就业

为了兴趣

为了副业

还是为了什么

如果是为了就业的话，那你可以计划下自己要去哪些城市发展的，可以在招聘网站上看下公司对前端技术招聘的要求有哪些，这样自身对各方面有了一个了解了，也就是有了一个目标了在开始学习效率和思路也会清晰很多了。

学习前端非常重要的方法：

多实操敲代码

多实操敲代码

多实操敲代码

大部分下学习的过程中找一些视频开始学习，就直接跟著视频学了，敲代码也是跟著视频敲，这样的学习方式容易给自己一个错觉，那就是以为自己是学会了，学得挺不错的，其实不以为然，悄悄相反，脱落了视频基本上什么也不会，我以前在学习的过程中也是这样开始学习的，走了蛮多的弯路。

学习的过程中要学会去记笔记，学会做总结，因为前端有太多的理论知识需要记的，所以最原始的方法学习也就是最有效的学习方法，我们老师就是这样告诉我的，虽然这样的学习方式会比较慢一些，但是你每一步都走得很稳，后续对技术的提升帮助才很大，因为记不记和去总结会花掉你蛮多的时间。

接下来的话就是找前端的学习路线，你得知道学习什么内容，就好比我们要去那个地方，你得知道你要去的路线是什么。

最基础的开发工具开始：

下面是从工具部分开始：

开发工具视频

接下来就是前端最基础html和css

苏梦苓：HTML+css知识总结(建议收藏）?

zhuanlan.zhihu.com图标

路线就不一一说出来了，往期的回答推荐你看下，前端学习路线和每个小的阶段学习的周期是多少时间

建议：

接下来的话就是做一个学习计划了，学习计划的话从几个方法出发：

时间

内容

检验

主要的还是需要坚持下去，工作后我也慢慢的了解了很多人，发下了一个规律，凡事可以在一个行业里面坚持做得比较久的，他们的结果和发展都不差，所以刚开始学习的时候相对会难一些。找了两个视频，一个是关键转行年龄的看法， 关于前端学习路线解析和学习过程中的一些方法以及常犯的一些错误

你现在主要的就是做好准备和计划，让自己静下心来学习，也不用去想的比较复杂了，接下来就是努力坚持去实践了。

推荐阅读：
相关文章