小白入门WEB前端编程，必看知识点！核心干货

在程序员日益拥挤的世界里，还是有不少的朋友想要挤进WEB前端的行列中。

但是对于0基础，或者对编程没有概念的朋友来说，要接触一门语言可能是很困难的。

尤其是目前的形式来看，很多编程教育或者视频课程中 html/css/js 已被当成了菜鸟入门级。

一上来就是

大家好我是XXX 今天给大家讲一下什么是html语言
...
WEB前端由三种核心语言支撑分别是 html/css/js
html语言是超文本标记语言
结构是 :

   <html>
	<head>
	</head>
	<body>
	</body>	
   </html>

大部分教程也好、视频也罢一上来就开始讲html的语法，什么超文本标记语言，什么JavaScript脚本... 等等，这显然对于新手是很不友好的。

就拿我自己举例子，我曾经入行编程界的时候也是要别特别感谢一位老师，虽然全名不记得了，但时隔这么多年余老师这三个字却一直都忘不了的。

她当时的授课方式就是理解。当人们真正的去理解了这些编程的存在的意义之后，再去学习编程，他的脑海中会有一个框架，来支撑他学习的动力，通过一点点的学习就如构建高楼大厦似的，慢慢填充饱满。

这篇文章我只会去阐述一个核心的概念来帮助小白去理解WEB前端的结构。

首先 三种核心语言支撑 分别是 html/css/js，这个是不可否认的，也确实是最重要的核心，不论现在的vue、react等等，都是这三种核心演化而来！

很多人也都会去这么讲，但是对于0基础来讲，做不到脱离编程意义的“白话文”。

这里我会阐述我的观点希望对于入门的你有所帮助

我们带入Java的编程思想：万事万物皆为对象

我们把WEB前端的整体想象成一个人。

那什么是人呢，首先我们对于自然界来说得有自己独特的特征表述我们是一个人

独特的人字形态双脚站立...
独特的外貌样式区别动物、无毛发、各式各样的衣服
独立的思考能力可以思考，有独特的大脑结构

这里可能对于人的阐述能力有限，大家理解就好。

那反过来，我们带入的WEB前端编程语言中，那什么是WEB前端编程呢？

以 <html> 开头告诉浏览器(相当于人的自然界)我是一个“人”

超文本标记语言 <标签></标签>

那么一个“人” 拥有脑袋及 <head> 标签，人的脑袋中装是思想，所以对外是不可见的

那么一个“人” 拥有身体及 <body> 标签，你能在自然界看到这个人，那说明可以看到他的身体

这时候，一个人的架构就有个，也就是html的架构

那人与人之间，有张三和李四，各不相同；也或者有双胞胎几近相同

css 就相当于这些人身上的特征与衣服，让这个“人”可以有独立的外貌样式

最后也就是一个“人”思想

同样 js 拥有独立的执行能力，也就是相当于人的思考能力

这个时候一个“人”就完整了

如果把一个编程语言，细化思想拆分成一个人的话，一步一步去学习，去填充框架，我相信这样的学习方式会对于小白同学来说会极大的提高学习能力。