这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
一、本堂课重点内容:
这节课程围绕“前端要解决的基本问题”及“什么是 HTML ”两个基本问题展开,层层解析前端技术栈的构成,以及作为前端最为基础的技术 - HTML 基础语法和基本功能,在实际研发过程中如何做到 HTML 语义化。
二、详细知识点介绍:
- 前端工作的定义
- 解决GUI人机交互问题
- 处理一些跨终端上的问题,如
- PC/移动浏览器
- 客户端/小程序
- VR/AR等
- 还有一些需要Web技术的问题
- 前端技术栈拆解与分析
- 最为基础的前端技术需要学习JavaScript(行为),CSS(样式),HTML(内容),和一些与服务器端相关的网络协议,这也是成熟前端开发工程师要熟练掌握的内容。
- 前端开发的关注的方面,或开发原则
- 功能:功能完善,能够满足开发需求
- 美观:页面美观,能令人观赏愉悦
- 安全:保证用户的网络安全,避免隐私泄露等
- 性能:不断优化性能,保证用户体验效果
- 兼容:开发的产品要能够兼容市面上存在的大部分的浏览器或系统
- 无障碍:其它人在阅读你的代码时,没有障碍
- 体验:人性化设计,让用户的体验尽可能完美
- ...........
- 前端的边界 前端开发是一门不断发展的技术,从过去单一的网络页面,到现在用node.js开发服务端的功能,用WebGL创建3D游戏,使用React框架开发APP等......
- HTML 技术的学习
-
MDN 上的 HTML 参考,包含每个标签和属性的详细说明
-
最新版的 W3C HTML5 规范
- HTML 语义化
- HTML语义化是基于HTML中的元素、属性和属性值都拥有某些含义的基础上,开发者应该遵循语义来编写HTML,如文章的标题使用
<h1>,选择使用<select>等 - 语义化可以提高代码的可读性、可维护性、搜索引擎优化、提升无障碍性等
三、课后个人总结:
HTML是网页搭建的骨架,重点在于掌握HTML的语义化开发方式。实话说,过去看黑马学习HTML的内容比这里要详细,所以内容技术就不多说,收获的主要是前端开发的思想和思维模式。