前端与HTML | 青训营笔记

544 阅读2分钟

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

一、本堂课重点内容:

这节课程围绕“前端要解决的基本问题”及“什么是 HTML ”两个基本问题展开,层层解析前端技术栈的构成,以及作为前端最为基础的技术 - HTML 基础语法和基本功能,在实际研发过程中如何做到 HTML 语义化。

二、详细知识点介绍:

  1. 前端工作的定义
  • 解决GUI人机交互问题
  • 处理一些跨终端上的问题,如
    • PC/移动浏览器
    • 客户端/小程序
    • VR/AR等
  • 还有一些需要Web技术的问题
  1. 前端技术栈拆解与分析
  • 最为基础的前端技术需要学习JavaScript(行为),CSS(样式),HTML(内容),和一些与服务器端相关的网络协议,这也是成熟前端开发工程师要熟练掌握的内容。
  • 前端开发的关注的方面,或开发原则
    • 功能:功能完善,能够满足开发需求
    • 美观:页面美观,能令人观赏愉悦
    • 安全:保证用户的网络安全,避免隐私泄露等
    • 性能:不断优化性能,保证用户体验效果
    • 兼容:开发的产品要能够兼容市面上存在的大部分的浏览器或系统
    • 无障碍:其它人在阅读你的代码时,没有障碍
    • 体验:人性化设计,让用户的体验尽可能完美
    • ...........
  • 前端的边界 前端开发是一门不断发展的技术,从过去单一的网络页面,到现在用node.js开发服务端的功能,用WebGL创建3D游戏,使用React框架开发APP等......
  1. HTML 技术的学习
  1. HTML 语义化
  • HTML语义化是基于HTML中的元素、属性和属性值都拥有某些含义的基础上,开发者应该遵循语义来编写HTML,如文章的标题使用<h1>,选择使用<select>
  • 语义化可以提高代码的可读性、可维护性、搜索引擎优化、提升无障碍性等

三、课后个人总结:

HTML是网页搭建的骨架,重点在于掌握HTML的语义化开发方式。实话说,过去看黑马学习HTML的内容比这里要详细,所以内容技术就不多说,收获的主要是前端开发的思想和思维模式。