小白入门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
拥有独立的执行能力,也就是相当于人的思考能力
这个时候一个“人”就完整了
如果把一个编程语言,细化思想拆分成一个人的话,一步一步去学习,去填充框架,我相信这样的学习方式会对于小白同学来说会极大的提高学习能力。
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- H2 数据库插入时间的方法
- Spring 配置的 H2 控制台 frameOptions 导致无法访问
- Spring Boot 和 Hibernate 的 H2 数据库配置来进行启动测试
- Java时间处理-LocalDateTime简介
- iOS音视频接入 - TRTC iOS端真机日志导出
- jQuery根据填写的input的数值导出excel表格
- 小程序根据返回值英文渲染出对应的中文
- 小程序返回的时间戳转化成时间
- 小程序使用 组件库 vant-weapp详细教程
- 小程序数据渲染根据返回值计算百分比并且显示
- JS获取当前系统时间戳的方法
- TensorFlow 2建立神经网络分类模型——以iris数据为例
- 突击并发编程JUC系列-阻塞队列 BlockingQueue
- Matlab建立SVM,KNN和朴素贝叶斯模型分类绘制ROC曲线
- Python安装TensorFlow 2、tf.keras和深度学习模型的定义