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

什么是前端

1. 解决GUI售货机交互问题
2. 跨终端
   • PC/移动浏览器
   • 客户端/小程序
   • VR/AR等
3. Web技术栈

我对前端的理解就是能够适应多种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验

技术：（都是运行在浏览器里面） - HTML（内容） - CSS（样式） - JavaScript（行为）

前端应该关注哪些方面？

• 产品的功能
• 产品的美观
• 产品无障碍
• 产品的安全
• 产品的性能
• 产品兼容性

前端的边界

前端现在发展非常迅速，更新迭代非常快，但是我的理解就是把HTML、CSS、Javascript学好，因为底层应该不会有巨大的变化。前端是个不断学习的行业。

HTML是什么

HyperText Markup Language 超文本标记语言

DOM结构

BOM与DOM

HTML的语法

• 标签和属性不区分大小写，推荐小写
• 空标签可以不闭合，比如input meta
• 属性值推荐用双引号包裹
• 某些属性值可以省略，比如required reeadonly

网页内容划分

语义化

• HTML中的元素 属性及属性值都拥有某些含义

• 开发者应该遵循语义来编写HTML

    语义化的好处：
    - 代码可读性
    - 可维护性
    - 搜索引擎优化
    - 提升无障碍性
  

谁在使用？

当我们开发好一个网页时，会被以下的使用者使用

• 开发者 - 修改、维护页面
• 浏览器 - 展示页面
• 搜索引擎 - 提取关键词、排序
• 屏幕阅读器 - 给盲人读页面内容

所以当好一名前端开发工程师还是有不小的成就感的。