通过与 Jira 对比,让您更全面了解 PingCode

  • 首页
  • 需求与产品管理
  • 项目管理
  • 测试与缺陷管理
  • 知识管理
  • 效能度量
        • 更多产品

          客户为中心的产品管理工具

          专业的软件研发项目管理工具

          简单易用的团队知识库管理

          可量化的研发效能度量工具

          测试用例维护与计划执行

          以团队为中心的协作沟通

          研发工作流自动化工具

          账号认证与安全管理工具

          Why PingCode
          为什么选择 PingCode ?

          6000+企业信赖之选,为研发团队降本增效

        • 行业解决方案
          先进制造(即将上线)
        • 解决方案1
        • 解决方案2
  • Jira替代方案

25人以下免费

目录

Web前端到底是什么

Web前端是前端网络编程,也被认为是用户端编程,是使用HTML/CSS/JS以及更多的框架技术,编写网站页面、App应用、小程序、2D&3D游戏、Web VR&AR等应用,通过内容设计、交互动画、数据操作构建项目与用户的交互界面。

一、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、数据库、模块化和自动化构建、项目管理技术。

相关文章