课程学习-前端与HTML | 青训营笔记

26 阅读2分钟

这是我参与「第五届青训营 」笔记创作活动的第1天。

过年了太忙了,现在才开始补课hhh。

关于什么是前端,虽然还是个学生,但是接触前端很久了,有着自己的这么一些见解,但是可能没有进大公司实习也没有接到什么很大的项目,所以见解可能会有些浅薄,希望大佬们如果有问题的话随时提,我一定加以改进。

最开始我就觉得前端是一个“画家”,或者说一个“建筑师”,把产品一部分一部分画出来,一步一步构建出来,最终生成一个前端,变成一个大房子。而这其中的HTML、CSS和JS这三剑客,我经常把他们比喻成砖块、颜料、电路系统。砖块和颜料完成了这个房子的结构和样式,电路系统则决定了这个房子是否可以很好的支持人的居住。

前端是一个与用户直接沟通和交流的平台,前端开发人员对于产品的开发效果最直接了当决定了用户的使用体验。我觉得前端就是为客户而生,无论是各种各样的技术栈去解决的包括跨平台适配、渲染速度等问题,出发点都是为了用户,所以说,做好前端,就是要比产品经理还要更懂得用户所想要的是什么。

在今天的课程中,老师也很好的说明了什么是前端:解决 GUI 人机交互、跨终端、Web 技术栈。这里的跨终端是令我开发时最为头疼的地方,这也说明了我需要花更多的时间去查漏补缺。

HTML

HTML在浏览器里面其实就可以看作是一个树,这棵树的名字我们把它叫做 DOM 树

image.png

如何最直接去看一个页面的结构呢?直接F12选择开发者模式,就可以啦,这也是我经常使用的,我挺喜欢在一个网页打开F12,这里写的东西,只要程序员才能看见,比如下图(不是广告)

image.png

今天的学习主要就是HTML啦,因为学了很久,感觉就是不同很多的标签的组合。很期待后面的CSS学习。