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

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 4年,从代码搬运工到架构师,成功的“催化剂”是什么?

    这也是我经常面试他人所问到的一个问题,很多人在听到这个问题后都会一股脑的说出来一大堆的专业名词,包括在座各位中一部分人也是这么认为的。比如一开口,架构师得会分布...

    Parker
  • Nginx服务器 部署解析多域名网站

    Parker
  • Lvs+Keepalived 保障HA高可用

    LVS的英文全称是Linux Virtual Server,即Linux虚拟服务器。它是我们国家的章文嵩博士的一个开源项目。在linux内存2.6中,它已经成为...

    Parker
  • 3-页面结构与模块划分

    <head></head>标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title></title> <script></script> <st...

    达达前端
  • MAC Netbeans 8.2 设置author

    week
  • zabbix发送带有图片的报警邮件

    没有故事的陈师傅
  • django-模板之extends(三)

    绝命生
  • 第一届国际云安全大会看点:全球首批CSA STAR Tech评估证书颁发,蜜罐技术应对内网安全威胁

    12月19日至20日,云安全领域举办的的首次国际盛会——第一届国际云安全大会在安徽宿州隆重召开。本次大会由安徽省人民政府指导,中国云安全与新兴技术安全创新联盟、...

    安恒信息
  • not authorized on admin to execute command

    角色授权分两种,一种是直接在当前库中创建用户并授予相关权限。如admin库中创建admin用户。另一种情况是

    拓荒者
  • django渲染高阶

    不建议大家在模板中使用函数, 因为会降低模板的渲染效率, 建议大家在视图处理函数中直接处理, 然后渲染即可

    小小咸鱼YwY

扫码关注云+社区

领取腾讯云代金券