学习web前端开发要学什么-需要掌握哪些知识 .pdfVIP

学习web前端开发要学什么-需要掌握哪些知识

学习前端开发必须要学习的知识点包括有HTML和CSS、Div、

HTML5+CSS3、JavaScript、jQuery、node.js、前端开发常用框架

和SEO优化相关技术等。

1、首先HTML和CSS是入行前端的第一个台阶，内容非常简单

易学。

2、Div为HTML文档中大模块的内容提供结构以及背景支持。

3、HTML5+CSS3是HTML和CSS最新的标准版本。在原有的基础

上增加了很多特性，例如HTML5中增加了一些语义化的标签和多

媒体标签，从而能够通过JTML5+CSS3的组合实现原来JavaScript

才干实现的功能。目前HTML5+CSS3主要应用于移动端的网页制作，

目前万门熟知的微信小程序就有HTML5的影子。

4、JavaScript是一种具有函数有限的轻量级解释型的〔编程〕

语言，通常JavaScript脚本是通过嵌入在HTML中来实现自身功

能，可以为网页添加各种动态功能，因此在企业实际开发应用中

JavaScript是考核前端工程师的重要标准。甚至有一些大型互联

网企业有专职从事JavaScript开发的岗位。

5、jQuery是一个快速、简洁的JavaScript框架，它封装了

JavaScript常用的功能代码，提供了一种简便的JavaScript〔制

第1页共6页

定〕模式，拥有便捷的插件扩大机制和丰富的插件。

6、node.js是一个让JavaScript运行在服务端的开发平台，

掌握node.js可以让JavaScript成为与Python等后台编程语言

平起平坐的脚本语言。

7、前端开发常用框架。目前前端开发中被使用最多的三种主流

框架是Angular、React、Vue。React拥有较高的性能，代码逻辑

非常简单，Vue是一个构件数据驱动的Web界面的库主要聚焦在

view视图层，Angular是相对来说更加完善的前端框架。

8、微信小程序开发本质上就是HTML5+CSS+JS开发的，但是并

不能直接使用HTML标签，微信提供了一个组件库，其中没有DOM

和其他浏览器上的API，关于网络和Canvas也做了重新的包装。

只要掌握了前面的知识学起来是非常轻松的。目前微信小程序开

发已经成为前端开发中非常重要的一个方向。

9、还必须要掌握一些SEO优化相关技术，作为前端开发工程师

常常与网站接触，因此掌握SEO技术，可以大大提升网站开发的

效率，降低后期网站运营过程中反复调试修改的问题。

10、完整地掌握网站开发的流程并且了解业务相关联的部分技

术知识，在实际工作中，前端开发工程师主要业务会与产品经理、

UI制定、后端开发关联，因此一个合格成熟的前端开发工程师必

须要对产品经理、制定以及后台开发有一定的了解，甚至完成相

应的基础应用。

第2页共6页

2web前端开发必须要掌握哪些知识

一.基础学习

主要就是html、css、JavaScript。建议直接从html5、css3、

ES5入手进行来学习。由于该部分是web前端开发中的基础部分，

因此建议大家基础一定要打牢固。

二.与美工相关、后端开发、制定相关的学习

优秀的web前端开发工程师，将熟知自己工作界面的各种布局。

因此，这也将是你工作中的重点。依据公司的不同，大家可扩展

知识面，加深对自身产品的理解。

与美工相关，主要是精通ps、切图类工具的应用。Photoshop

是必定必须要掌握的，这里我们不强调作图的精美，但是至少必

须要掌握它的应用。一技之长，无论何时何地总会大有应用。

后端开发，一般状况下，前端开发和后端开发是分开的，不过

也存在特别状况。因此，必须要我们做出选择后端的主要学习阵

地，很多人都在比较PHP、Python、Node.js哪种好，其实三者差

别不大，从市场上的热度来看，Node.js视乎更受欢迎一点，当

然Node.js对js熟悉的前端来说也更容易上手。

三.各种框架类库的学习

jquery，bootstrap等，现在的框架比较多，但是jquery和

bootstrap这样级别的必须得熟练掌握，要不很多公司