一、Web前端概念

Web前端就是前端网络编程，也被认为是用户端编程，是为了网页或者网页应用，而编写HTML，CSS以及JS代码，所以用户能够看到并且和这些页面进行交流。

Web前端使用HTML/CSS/JS以及更多的框架技术，编写网站页面、App应用、小程序、2D&3D游戏、Web VR&AR等应用，通过内容设计、交互动画、数据操作构建项目与用户的交互界面。前端开发工程师在项目中可以与UI设计师和后台程序员合作，实现设计意图并调用后台接口；也可以独立工作，完成强用户交互的各类应用。

二、Web前端需要学什么

1、超文本标记语言（HTML）

HTML是任何网页工程程序的骨架，没有它网页不会存在。超文本标记语言能提供站点总体的样子。HTML被Tim Berners-Lee所发展。随着HTML的发展，在万维网中产生了许多版本。最新版本的超文本标记语言被称为HTML5，在2014年0月28日被W3C所推出。

这一版本包含了新的并且高效的方式来传输元素，例如音频以及视频文件。H5在前端工程师中非常受欢迎。和老的版本相比，HTML5有很多特点。随着HTML的发展，在网络中产生了一场革命。

2、层叠样式列表（CSS）

CSS控制了站点的样子，让站点有自己独有的外观。其实现形式是：保证样式列表先于其他的样式规则，由其他的输入形式所影响，例如屏幕的尺寸和分辨率。

3、JavaScript

JavaScript（简称JS）是基于场景的命令式语言（和HTML的说明性语言不同），用于将静态的HTML界面动态化。JS的代码能使用HTML标准提供的文档对象模型（DOM），来根据事件，例如用户的输入，操纵网络页面。

JS使用一种被称为异步JavaScript和XML的技术（AJAX），JS代码也能动态的改变网页的内容（与原始的HTML页面端相独立），并且也能回应服务端的事件，让网页体验增加了真正动态的特性。

JS中有很多流行的开发框架，帮助开发者快速构建web页面，比如Vue.js、Angular、React都是很流行的框架，拥有大批忠实的用户。

三、Web前端可以做什么

1、网站制作

这是掌握Web技术从业者非常多的一个领域，网站制作就是网站通过页面结构定位、合理布局、图片文字处理、程序设计、数据库设计等一系列工作的总和，也是将网站设计师制定的总体规划用HTML方式展示出来。

2、小程序开发

随着微信用户的不断增加，微信在近几年推出的小程序深受用户喜爱，应用数量超过了一百万，覆盖200多个细分的行业，日活用户达到两个亿，各大企业都纷纷参入其中，也是Web前端开发人员一个不错的选择。

3、APP开发

App开发，是指专注于手机应用软件开发与服务。通常专指手机上的应用软件，或称手机客户端。因此，专攻APP开发，同样是Web培训后的就业方向，并且发展态势不断上升，未来前景广阔。

4、移动端视频播放页面

最近短视频崛起，但是很多短视频App中的页面是Web前端页面，这样做的原因是App过审麻烦且时间周期长，业务需要快速迭代和修复的情况下，前端责无旁贷。那么这时候考验的是你对视频的操作能力，对流式播放技术和能力的掌握。此外，视频挂件、贴纸、弹幕、互动、美颜、变老挑战等等，都是现在短视频必备的能力。 

延伸阅读1：WEB前端知识体系的内容

前端基础知识：HTML5、CSS3、JavaScript/ECMAScript；前端核心技术：BOM&DOM、jQuery、HTTP、AJAX；前端高阶内容：H5高级、响应式布局、Bootstrap框架；移动端开发：移动端适配、WebApp、混编App、微信公众号、微信小程序；三大主流框架：Vue.js、Angular、React.js及各自的生态圈；全栈相关技术：Node.js、数据库、模块化和自动化构建、项目管理技术。

上一篇

什么是服务器（server）?

下一篇

前端是什么，分几种?