前端要学多久才能去工作？具备什么技能？

叁歲伎倆 2022-10-25 15:28 192阅读 0赞

前端要学多久才能去工作？具备什么技能？零基础的初学者系统学习前端知识，学完差不多需要6个月左右的才能找工作。有一定基础的同学能够更快掌握前端技术。学习前端找工作要多久因人而异，更应该注意的是学习质量才对。只有学到了有用的技能才能不愁找不到工作。

![b276deb94b5517bfd7524272f480d124.png][]

那么从事前端相关的工作应该掌握哪些职业技能？

### 一、前端基础 ###

学完前端的基础知识，能够根据PSD文件文件，完成PC端静态网页的开发工作，但尚不能够达到企业用人标准；HTML：浏览器与浏览器内核、HTML基本结构、HTML常用标签；CSS：CSS介绍和CSS样式表、CSS基本选择器、CSS复合选择器、CSS三大特性。

### 二、[移动Web][Web]网页开发 ###

学完移动Web网页开发,大家能够完成移动Web网页、响应式页面以及炫酷页面的开发工作。

移动Web网页开发知识点：

H5C3进阶：vscode编辑器基本使用、HTML5新增标签；

Flex伸缩布局：移动端基础知识、Flex伸缩布局基础知识；

移动web开发：媒体查询、less介绍和使用、rem适配及原理。

### 三、 [JavaScript][]网页编程 ###

学完JavaScript网页编程，相信大家已经能够完成PC端网页、移动Web网页、响应式页面中的功能和特殊效果的开发工作，具备一定的企业基础用人标准，但尚未达到初级前端开发工程师水平。

JavaScript网页编程知识点：

JavaScript基础语法：计算机基础和JavaScript介绍、JavaScript变量、JavaScript数据类型、JavaScript操作符、 JavaScript数组和冒泡排序、 JavaScript函数及应用、JavaScript作用域及预解析、JavaScript对象、JavaScript简单类型和复杂类型；

WebAPI编程：API 和 Web API、DOM介绍、 BOM介绍及应用、this指向和js执行机制、location、navigator、history对象、 offset、client、scroll三大家族介绍及案例应用、缓动画的原理和封装；

jQuery快速开发：jQuery介绍及常用API导读、jQuery链式编程及样式操作、 jQuery事件绑定和解绑、jQuery插件的使用；

JavaScript高级：面向对形象编程介绍、类和对象、构造函数和原型对象、forEach、some；

Object.defineProperty方法、函数进阶、call、apply、bind的使用、 闭包及应用、递归及应用、正则表达式及应用、ES6中的let和const、ES6解构赋值、ES6箭头函数、剩余参数和拓展运算符、 Array实例方法、ES6模板字符串和set数据结构。

### 四、[Node][]与Ajax ###

能够完成前后端数据交互、基于前后端分离模式、传统模式的开发的工作，学完此阶段，具备企业基础用人标准，能够达到初级前端开发工程师水平。

Node与Ajax相关知识点：

Node+Gulp：node介绍和环境安装、node模块化、gulp使用、服务器和http协议、Promise；

MongoDB+Express：MongoDB数据库和数据库的增删改查、mongoose验证、art-template模板引擎使用、Express框架；

Ajax：Ajax基础知识、Ajax函数封装、 CORS、jQuery中Aajx方法的使用；

Git和GitHub：git配置和使用、github及多人协作开发、git补充内容；

### 五、前端工具和框架 ###

掌握前端工具和框架，实现基于Vue技术栈项目的开发能力，具备企业用人标准，达到中级前端开发工程师水平。

[Vue][]基础：axios和vue-resource、vue动画、vue组件、vue路由；webpack：webpack介绍与安装、webpack之loader配置与使用、webpack与vue结合使用。

总结前端开发要了解互联网产品开发相关流程和工作模式，具备扎实的前端基础知识，如：HTML，CSS，JavaScript和jQuery，掌握HTTP协议，能从实际角度出发提升Web性能，熟悉常见的前端框架、库、工具，如：jQuery、AngularJS、vue.js、React、Grunt、Gulp等，会使用Node.js进行前端项目构建，熟悉Git，有用户界面与交互应用开发经验。

推荐学习：

### 前端小白零基础入门HTML5+CSS3   完整视频：http://yun.itheima.com/course/602.html?2012stt   配套资料：https://pan.baidu.com/s/1QXO1bA7IilPAp-zuOXHrUA 提取码：qgr4 ###

前端与移动开发基础入门到精通  
完整视频：http://yun.itheima.com/course/267.html?2012sttqq  
配套资料：https://pan.baidu.com/s/1xvZDijd9UJ\_vXZr3BCL66Q  提取码：l9m6

[b276deb94b5517bfd7524272f480d124.png]: /images/20221024/c597cc8966a7444ba3ce8b04d5ef262c.png
[Web]: http://yun.itheima.com/course/333.html?2012sttqq
[JavaScript]: http://yun.itheima.com/course/326.html?2012stt
[Node]: http://yun.itheima.com/course/334.html?2012stt
[Vue]: http://yun.itheima.com/course/335.html?2012stt