【前端自学之路】入门

今天开始,回顾并总结做前端技术学习班的这个经历,并分享下课件ppt、心得、学生容易困惑的地方

很多还没入门的学生都知道学习前端需要学习HTML、CSS、JavaScript,OK,恭喜你,你前行在正确的方向。

前端学习大部分都是学习以上这三种计算机语音,当然在此基础之上,还有其他很多需要学习的,比如你需要了解浏览器的原理,比如你需要了解网络相关的http、https等,比如你需要大致学习后端开发(Node、PHP、Python、Java等),比如你需要学习网络安全相关(XSS、CSRF、运营商劫持、SQL注入等)……

前端自学之路建议初学或者自学的学生,主要还是先学习HTML、CSS、JavaScript这三门语言的基础,其他逐步慢慢去涉猎,工作中去积累,甚至专项去研究。

HTML

HTML,HyperText Markup Language,超文本标记语言,是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容。

我们可以暂时忽略上面的定义,理解成一个文件名后缀为 .html 的文件

CSS

CSS,Cascading Style Sheets,层叠样式表,

CSS通常来定义如何显示HTML元素,就比如说你现在所看到的这段文字,它的颜色如何、大小如何、该放在什么位置,这些都是CSS来操作控制的。

JavaScript

这里不会跟你说:JavaScript是世界上最流行的编程语言 这种话的。

JavaScript是脚本语言,是一种轻量级的编程语言,可以广泛在服务请求、PC浏览器、平板、手机、视障阅读器等多种平台上。

比如我们经常遇到的,注册或登录的情况下,点击‘发送验证码’,然后手机上收到验证码消息,这里面其实就是JavaScript在操作控制。

HTML、CSS、JavaScript 怎么开发前端?

我们以一个小程序为例,假定我们听过甚至用过小程序,我们看到的一个小程序上可能有很多图片、可能是一张单独的图片,也可能是排列整齐的很多图片、很多文字或者一段一段的文字,很多按钮,很多蓝色或其他颜色的链接,等等这些,你能看到的都是 HTML 来操作控制的。

然后你所看到的这些东西,它的大小(有点图片很大,有的图片很小)、它的位置(有的在上面,有的在下面,有的在中间),它的颜色(有点文字是红色,有点是黑色,有点按钮底色是红色,有点是蓝色)等这些外观性的东西也都是 CSS 来操作控制的。

OK,以上这些东西都是偏向静态不动的,然而有些动态的东西,比如你点击按钮,弹出一个框框,比如你点击‘获取验证码’,然后手机收到一个验证码短信,比如你点击一个美食,然后看到一个动画美食跑进购物车,比如你点击支付,跳转到一个有微信二维码、支付宝二维码的页面,等等这些需要我们操作才有结果的,属于动态的,这些就是 JavaScript 来操作控制的。

所以我们可以这么来理解,先把这些元素加上(HTML,比如按钮),然后改变它的颜色、大小、背景色(CSS),然后加上一些动作、交互、动画等行为,点击按钮,然后告诉我们验证码已经发送到手机(JavaScript),OK,以上步骤完成后,我们可以看到一个按钮,它有特定的颜色、大小,点击就可以发送验证码。

接下来我们会以web ppt的方式逐步分享

坚持原创技术分享,谢谢鼓励我继续创作!