web前端学习路线，前端开发最全知识点汇总（附学习资料）

最近几年Web前端的火热，不仅仅是因为招聘市场需求量大，还有一个重要的原因就是，入行门槛低，入门简单。

但是真的是这样吗？有些0基础的小白也能转行吗？很多同学都有这样的疑虑，个人认为没那么简单。

下面我总结了一些关于web前端入门的东西，希望对大家有所帮助。

之所以说Web门槛低，主要体现在两个方面：

1. Web前端入门门槛低体现在HTML和CSS上，前者只是结构标签，后者是样式配置，入门是非常简单的，大家可以到网上找一些相关教程学习，推荐老杜讲的web前端三剑客（html+css+JavaScript）

web前端全套学习资料下载：

http://www.bjpowernode.com/?niuke

也可以找相关书籍来看，比如《Head First HTML and CSS》《CSS权威指南》等，虽然很枯燥，但是啃下来也会发现，确实很管用。

2. Web前端入门门槛低的另一个重要体现就是，符合82定律，也就是20%的东西使用率占到80%。所以很适合囫囵吞枣，因此我们的重点就是把这20%学起来，而首先要做的就是把这20%的东西找出来。

前端这20%的东西大概就是常用的html标签，css的盒子模型，基本的原生js，以及熟练使用jquery，ajax，常见浏览器的兼容。

拿下这些东西意义非凡，一方面证明你适合做前端这份工作，另一方面这些技能能让你找到一份工作。

到底什么叫前端？

Web 前端开发是从网页制作演变而来的，互联网的演变进程，网站的前端也由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。

简单来说：

• 前：代表与人直接展示的部分，包括界面与用户的交互等

• 端：代表输出终端，如pc浏览器，手机浏览器，有的app、应用程序等

合起来的意思也就是这些浏览器，app，应用程序的界面展现以及用户交互就是前端

前端的主要职能：把网页界面更好的呈现给用户，与后端相比更加注重页面性能与用户体验。

前端工程师主要做什么？

前端工程师主要利用HMTL与CSS建构页面，用JavaScript完善交互以及用户体验。互动效果包括，弹出层，页签切换，图片滚动，ajax异步互动等。

前端开发要学哪些内容？

Web三项组成：结构、表现、行为

前端人员遵守的第一原则：“结构与表现分离”

• 结构标准（HTML、XHTML、XML）

1. HTML：超文本标记语言

2. XML： 可扩展标记语言

3. XHTML：可扩展超文本标记语言

• 表现标准（CSS）

• 行为标准（JavaScript）

HTML：掌握HTML是网页的核心，web应用的基石

这种语言是目前web领域应用最广泛的语言，我们只需要在html文档中插入对应的标签，即可实现web页面的编写与排列。

CSS：程序员的画笔，实现网页外观的重要一点，可以将网页外观做得更加美观。

可以为html标签自定义样式，通过设置html标签的样式，来改变其外观，达到美化与排版web页面的目的。

JavaScript：实现网页实时的、动态的、可交互式的表达能力。

作为一种网页脚本语言，它可以在html中运行，设置并修改浏览器中的对象与变量。

学习前端的过程中，你要锻炼和掌握大力写代码，持续地练习下去，每次一点点的进步积累起来你会发现效果惊人，最重要的是持之以恒。

不要妄想通过看书看视频就可以掌握前端，一定要边学边练，前端是做出来的，不是看出来的。