自学前端，需要学习哪些知识点？学多久可以入职前端工程师？

假如有那么残酷的一天，我不小心喝错了一瓶药，一下子抹掉了我这十多年的编程经验，把我变成了一只小白。我想自学前端，并且想要找到一份工作，我预计需要 6 个月的时间，前提条件是每天都处于高效率的学习状态当中，并且每天的学习时间至少在 12 个小时以上。

即便是这样，我敢肯定，找到的工作肯定不会太好，勉强能够维持生活吧，毕竟是零基础入门啊。

如果想更进一步，真正成为一名不可或缺的高级前端工程师，时间需要更久，两年、三年、五年，直到秃的那天。

想着想着，我就觉得有必要为那一天做点准备，以备不时之需。

01、第一个阶段，环境和工具准备

1、准备一台电脑，要能联网

2、下载、安装 node、npm、webpack、webpack-cli、cnpm，配置前端开发环境

3、下载、配置MySQL

4、下载、安装 vscode

5、准备一个 GitHub 仓库（或者码云），管理前端源代码

前端是一门计算机编程语言，学它的话，连台电脑都没有，学个屁。我有个亲戚家的孩子想学编程，就只看书，家里连台电脑都不配，说什么“先打好理论基础，再实操”，我真的是有点醉。

有了电脑，还得联网，自学的过程中肯定会遇到很多问题，遇到问题的时候先问搜索引擎，推荐谷歌和必应；实在没有答案的话，也可以来找我，申请加入技术交流群，问问群里面的大佬们。

千万不要使用记事本编写源代码了，对于小白来说，时间是宝贵的，记事本只适合大牛们用来装逼，不适合小白用来编程（入门），纯浪费时间。

在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，还有工作中想提升自己能力的web前端党，欢迎大家的加入我的前端开发交流群：603985993 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!也可以关注我的微信公众号：【前端留学生】每天更新最新技术文章干货。

有了 vscode，后面学习源码的话，就会方便很多。

为什么还需要 GitHub 仓库或者码云仓库呢？它们可以用来在线云同步源代码，防止版本丢失。学到最后，还可以形成一套自己的工具库，轮子就有了，上班的时候工作效率就会高很多，能直接用的代码再也不用重新写了。

02、第二个阶段，前端基础入门

1）HTML

1、常用标签

2、锚点

3、列表标签

4、表单标签

5、表格标签

6、标签分类

7、标签语义化

8、注释

9、字符实体

2）CSS

1、CSS介绍

2、全局样式

3、行内样式

4、内联样式

5、选择器

6、字体样式值

7、文本样式值

8、颜色样式值

9、盒模型

10、控制台使用

11、清除默认样式

12、盒模型居中

13、浮动

14、定位

15、外边距塌陷

16、标准文档流

17、行内块元素

18、多种伪类元素

19、块元素

20、行内元素

3）javascript初阶

1、变量和运算符

2、逻辑控制

3、数据类型基础

4、Math类

5、函数

6、定时器

7、Array类

8、String类

9、Date类

10、Object类

4）JavaScript进阶

1、JavaScript DOM基础

2、this

3、事件

4、事件流

5、JavaScript BOM 基础

6、call&apply&bind

7、自定义属性

8、面向对象编程

5）ES6/7/8/9

1、ECMAScript6简介

2、let和const

3、ES6+的作用域

4、对象的扩展

5、函数的扩展

6、字符串的扩展

7、Symbol

8、Set&Map

9、Promise对象

10、async&awiat

11、箭头函数

12、模板字符串

13、rest参数

14、Class

15、Module模块

6）JavaScript高阶

1、闭包

2、立即执行函数

3、惰性函数

4、插件开发

5、多人协作

6、深复制与浅复制

7、数组扁平化

8、递归

9、正则表达式全解

10、函数防抖

11、函数节流

7）HTML5

1、HTML5简介

2、HTML5新语法

3、HTML5新语义化标签

4、HTML5新表单元素属性

5、HTML5手机端新事件处理

6、HTML5新增多媒体实战

7、Canvas

8、HTML5地理组件GeoLocation

8）CSS3

1、CSS3新增属性

2、圆角制作企业级方案

3、CSS3背景属性

4、过渡动画 transition

5、变化属性 transform

6、特效轮播图实战

7、企业级flex布局实战

8、grid布局实战

03、第三个阶段，前端核心技术

1）bootstrap

1、响应式

2、媒体查询

3、栅格系统

4、栅格参数

5、组合模式

6、列偏移/列排序/自动列

7、列对齐/列嵌套

8、文本与颜色

9、按钮

10、导航

11、图文混排

12、模态框

13、轮播图

14、企业级案例讲解

2）移动端

1、移动端简介

2、移动端视口约束

3、移动端flex移动端实践

4、rem

5、vw

3）Ajax

1、AJAX简介

2、AJAX作用

3、封装AJAX

4、创建XMLhttpRquest对象

5、同步和异步

6、AJAX分页

4）jQuery

1、jQuery介绍

2、jQuery链式语法

3、jQuery选择器

4、jQuery核心

5、jQuery工具

6、jQuery事件

7、jQuery事件对象

8、jQuery特效

9、jQuery回调函数

10、jQuery文档处理

11、jQuery筛选

12、jQuery属性

13、jQueryCSS

5）Echarts

1、Echarts概述

2、Echarts使用

3、坐标系

4、雷达图/饼状图/折线图

04、第四个阶段，前端进阶升级

1）Webpack

1、Webpack的安装和使用

2、项目模块打包

3、静态打包模块器

4、Webpack入口

5、Webpack输出

6、Webpack插件

7、webpack模块

2）vue

1、Vue使用

2、Vue响应式

3、Vue双向数据绑定

4、Vue相关指令

5、vue-resource

6、axios

7、template选项

8、Vue生命周期

9、Vue组件

10、自定义指令

11、过滤器

12、computed属性

13、Vue-cli 2.x和3.x 脚手架配置

14、Vue-router

15、Vuex

16、Element UI

3）微信小程序

1、uni-app

2、mpvue

3、微信小程序注册

4、APPID申请

5、生命周期

6、小程序调试

7、微信小程序框架组件

8、’微信小程序布局框架

9、微信小程序条件渲染和列表渲染

10、媒体组件audio

11、视图容器

12、网络api

13、相机api

14、地图api

4）数据结构和算法

1、uniapp基础

2、uniapp初始化配置

3、uniapp视图模板使用

4、uniapp生命周期

5、uniapp路由跳转

6、uniapp常用组件

7、uniappScrollView的使用

8、uniapp-ui使用

9、uniapp-Vuex使用

05、第五个阶段，活着最重要

技术是没有终点的，也是学不完的，最重要的是活着、不秃。

零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。

最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

自学最怕的就是缺乏自驱力，一定要自律，杜绝“三天打鱼两天晒网”，到最后白忙活一场。

高度自律的同时，要保持耐心，不抛弃不放弃，切勿自怨自艾，每天给自己一点点鼓励，学习的劲头就会很足，不容易犯困。

技术学到手后，找工作的时候一定要好好准备一份简历，不要无头苍蝇一样去海投简历，容易“竹篮打水一场空”。好好的准备一下简历，毕竟是找工作的敲门砖。

拿到面试邀请后，在面试的过程中一定要大大方方，尽力把自己学到的知识舒适地表达出来，不要因为是自学就不够自信，给面试官一个好的印象，面试成功的几率就会大很多，加油吧，骚年！

自学前端，需要学习哪些知识点？学多久可以入职前端工程师？相关推荐

自学前端，学多久可以入职前端工程师
假如有那么残酷的一天,我不小心喝错了一瓶药,一下子抹掉了我这十多年的编程经验,把我变成了一只小白.我想自学前端,并且想要找到一份工作,我预计需要 6 个月的时间,前提条件是每天都处于高效率的学习状态 ...
嵌入式学习培训要学多久？嵌入式学习哪些内容？
嵌入式越来越复杂,一个SOC芯片上集成的模块越来越多.以手机为例,典型的嵌入式产品,我们看看上面集成了多少模块:触摸屏.LCD.USB.WiFi.4G等无线通信.音视频编解码IP.DDR.存储控制器. ...
HR问多久能入职，千万别着急辞职！
点击上方"CSDN精品课",选择"置顶公众号" 第一时间获取精品编程教程经过一个月的慎重考虑,程序员小胡还是决定拒接老板画的大饼,沾沾"金三银四&q ...
自学php怎么找工作,php学多久可以找工作，PHP要自学多久才能找到工作
PHP要自学多久才能找到工作我也是刚开始学PHP的,学了有两个月,也是利用周末和晚上的时间学一下,白天上班,HTML,JS,CSS,PHP,MYSQL这些都学得差不多了.我觉得主要是网上去搜一些教学 ...
自学python还是c4d_C4D到底需要学多久？要学到什么程度？
首先,我们来看下,很多人刚开始学习的时候没有弄清楚方向,然后拿到一个软件就开始学,也不思考为什么要这样学?以至于导致有的人在学了这个很久很久之后,还是把这个软件总是用不好,很多效果总是做不出来. 不管 ...
python培训多久能入职_Python学到什么程度可以面试工作？
单就python而言,要有方向的去学习,盲目刷题效率太低. 看到一些答案罗列了几百个python面试题,从语法到网络编程.从后端到运维.从web到机器学习,等你全部掌握,刷完所有题,可能调头去学Jav ...
分享一下自己新入职前端工作三个月的心得
前些天有同学问我说,他现在还在培训班,还没毕业,也要计划来面试前端工程师,问我面试前和入职后的一些经验,其实我也是一个刚步入这个行业不久的菜鸟,也没有科班出身那样的基础,谈不上什么经验,而且还不是大公 ...
好书推荐:《零基础快速入行入职软件测试工程师》学测试一本就
推荐理由: 全面介绍软件测试的基础知识,帮助零基础读者快速入门! 详细讲解自动化测试和接口测试,帮助读者快速进阶! 深入解析操作系统和数据库,帮助读者进一步提高测试水平! 本书具有以下特点: 1.对初 ...
大厂前端面试都问些什么问题？入职爱奇艺年薪48万，面试经验总结
前言 "金九银十"跳槽季,又到了面试求职的高峰期.好多小伙伴都会跳槽去找工作.如果你不跳槽,也建议把这篇文章看完,毕竟金九银十之后,就是金三银四了,总是逃不掉的? 你在面试的时候, ...

自学前端，需要学习哪些知识点？学多久可以入职前端工程师？

自学前端，需要学习哪些知识点？学多久可以入职前端工程师？相关推荐

最新文章

热门文章