数据交互什么意思_学习编程怎么样才可以不枯燥?什么是前端语言?

36227879d444211e7eaefba04e819f2d.png

编程语言有很多种,像C, JAVA, PYTHON, 都是不错的入门语言。这些语言一般是用来写软件程序的, 像PC上的计算器,EXCEL表格,PPT软件, 数据软件,或 围棋,扫雷, 斗地主类的小游戏。但这些语言最大的问题就是入门很枯燥,刚刚开始很容易打击自信心。

相比起 PYTHON,C, JAVA, 还有另外一类语言, 叫前端语言。所谓的前端语言就是编写网络前台的语言,呈现出来的是一个人直接能看到的页面。任何一个你在网上看到的网页, 就是靠前端语言呈现出来的。耶~

前端语言分三种:

HTML, CSS, JS

简单的说…

HTML: 网页的内容, 结构

CSS:网页的风格, 动画

JAVASCRIPT, 简称,JS:网页的动画, 交互效果

我觉得前端语言特别有意思,很适合初学者, 因为前端语言可以实现视觉效果。我现在在学校所教的创意编程课, 也是用前端语言作为学习的基础。

学生初学编程很容易被打击自信,但是如果可以靠前端语言自己去实现一些视觉效果, 就会快速的产生兴趣。十二周之后, 他们可以用前端语言去设计和创作一个有动画效果的小程序,用网页的方式呈现出来。

还对前端语言有疑问?现在让舒老师给你一个简单的深度介绍!

1 - 什么是HTML?

HTML 长这个样子:

f51d04b79a1a6dd7f78670bae63ce308.png

HTML 用来实现网页的内容和结构。其实用这段代码, 就可以编写出一个小网页,长这个样子:

c57087f9afd480b64220dc7b6a3664a1.png

2 - 什么是CSS?

CSS 长这个样子, 代码都是用花括号包住的:

e9d0ae8d1819279a50f8135741d821b2.png

也许你看出来了, 包在花括号里面的帮助 “标题” 和 “内容” 实现视觉风格。

这里有几个小英文单词:

background-color的意思是背景色border的意思是边框的样式, 在这里, 我们用的是黑点(“dotted black”)

这些单词出现的很平凡, 所以很容易被记住。

要是我们把这段代码, 和刚才写的HTML一起使用的话, 我们的网页就会变成这样:

a3aac3090d5766f2d5f6235811247ad3.png

有点小神奇!

我们还可以用CSS 轻松的画图, 效果是这样。

0e6322cc86c453bf4504a20440cb3ef8.png

3 - 什么是JS?

JS, 或 JAVASCRIPT 是用来做交互的。你在网上看到的任何一个交互效果, 像游戏, 滚动播放,2D, 3D动画效果, 交互地图, 或APP,都是JS做的。比起HTML 和 CSS, JS的思路更接近于一般的编程语言。在这段小小的程序里,我们用绿色地方做了一个按钮, 只要有人点击了绿色的区域, 绿色就会变成白色。

bc4e8a7bc322a168f52a51cff1e28237.png

9106f691fa5ed4484bdb310dd6c6b47b.png

我是一名前端程序员,最近发现有很多知乎的同学在学习前端的时候,感觉学的没有方向,越学越迷茫,这样的情况一般都是学习方法开始就是错误的。没有把前端技术进行专业系统化的学习。从就业和节约时间的角度考虑,如果有谁遇到这方面的问题,可以随时问我,因为我做前端也比较久了,对于这些问题比较了解。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值