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

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

小白入门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 拥有独立的执行能力,也就是相当于人的思考能力

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

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

本文由 在码圈 创作,如果您觉得本文不错,请随意赞赏
采用 知识共享署名4.0 国际许可协议进行许可
您可以自由的转载和修改,但请务必注明文章来源并且不可用于商业目的。
本站部分内容收集于互联网,如果有侵权内容、不妥之处,请联系我们删除。敬请谅解!
原文链接:https://www.arcinbj.com/archives/web01
最后更新于:2020-03-24 15:50:30

请博主喝咖啡 ☕.