编程语言有很多种,像C, JAVA, PYTHON, 都是不错的入门语言。这些语言一般是用来写软件程序的, 像PC上的计算器,EXCEL表格,PPT软件, 数据软件,或 围棋,扫雷, 斗地主类的小游戏。但这些语言最大的问题就是入门很枯燥,刚刚开始很容易打击自信心。
相比起 PYTHON,C, JAVA, 还有另外一类语言, 叫前端语言。所谓的前端语言就是编写网络前台的语言,呈现出来的是一个人直接能看到的页面。任何一个你在网上看到的网页, 就是靠前端语言呈现出来的。耶~
前端语言分三种:
HTML, CSS, JS
简单的说…
HTML: 网页的内容, 结构
CSS:网页的风格, 动画
JAVASCRIPT, 简称,JS:网页的动画, 交互效果
我觉得前端语言特别有意思,很适合初学者, 因为前端语言可以实现视觉效果。我现在在学校所教的创意编程课, 也是用前端语言作为学习的基础。
学生初学编程很容易被打击自信,但是如果可以靠前端语言自己去实现一些视觉效果, 就会快速的产生兴趣。十二周之后, 他们可以用前端语言去设计和创作一个有动画效果的小程序,用网页的方式呈现出来。
还对前端语言有疑问?现在让舒老师给你一个简单的深度介绍!
1 - 什么是HTML?
HTML 长这个样子:
HTML 用来实现网页的内容和结构。其实用这段代码, 就可以编写出一个小网页,长这个样子:
2 - 什么是CSS?
CSS 长这个样子, 代码都是用花括号包住的:
也许你看出来了, 包在花括号里面的帮助 “标题” 和 “内容” 实现视觉风格。
这里有几个小英文单词:
background-color的意思是背景色border的意思是边框的样式, 在这里, 我们用的是黑点(“dotted black”)
这些单词出现的很平凡, 所以很容易被记住。
要是我们把这段代码, 和刚才写的HTML一起使用的话, 我们的网页就会变成这样:
有点小神奇!
我们还可以用CSS 轻松的画图, 效果是这样。
3 - 什么是JS?
JS, 或 JAVASCRIPT 是用来做交互的。你在网上看到的任何一个交互效果, 像游戏, 滚动播放,2D, 3D动画效果, 交互地图, 或APP,都是JS做的。比起HTML 和 CSS, JS的思路更接近于一般的编程语言。在这段小小的程序里,我们用绿色地方做了一个按钮, 只要有人点击了绿色的区域, 绿色就会变成白色。
我是一名前端程序员,最近发现有很多知乎的同学在学习前端的时候,感觉学的没有方向,越学越迷茫,这样的情况一般都是学习方法开始就是错误的。没有把前端技术进行专业系统化的学习。从就业和节约时间的角度考虑,如果有谁遇到这方面的问题,可以随时问我,因为我做前端也比较久了,对于这些问题比较了解。