2020年4月26日总结

一、邂逅软件开发

1.1.对软件的认识

• 软件是什么？微信/QQ/王者荣耀/浏览器
• 一个完整的软件体系结构 服务器-Android-IOS-PC-浏览器
• 前端工程师
  • 程序猿/程序员/程序媛
  • coder/developer/propramer

1.2.对程序员的认识

• 改变世界的程序员

1.3.学前疑惑的解答

• 英文/计算机专业
• 听课建议/课间建议/课下建议
• 不积跬步无以至千里-我为什么如此出色？乔丹

1.4.对电脑的配置

• 显示文件的扩展名
• 显示隐藏的文件和文件夹
• 显示文件的详情

二、对网页的认识

2.1.网页和网站的关系

• 一个网站有很多个网页组成
• 早期的网页
• 现代的网页

2.2.前端工程师的工作

• 在自己的电脑上进行网站的开发
• 将开发出来的内容进行打包(webpack/gulp)
• 上传和部署->服务器
• 用户通过浏览器->URL->下载资源->浏览器解析

2.3.网页的组成

• HTML(网页结构) + CSS(样式) + JavaScript(交互)
• 浏览器内核
  • trident：IE
  • gecko：FireFox
  • presto->Blink：Opera
  • webkit：Safari/Android/IOS(webview)
  • blink：Chrome

三、开发第一个网页

3.1.记事本开发第一个网页

• 创建文件 -> 编写代码 ->设计结构(文档声明/html/head/body)
• h2元素/p元素

3.2.VSCode的使用

• 插件安装

  • Chinese
  • Open in browser
  • atom
  • vscode-icons

• 设置

  • 自动保存(延迟时间)
  • 字体大小
  • wrap换行
  • 空格渲染 -> 点
  • tab -> 4/2

3.3.元素的使用

• 对HTML的理解

  • 超文本标记语言

• 元素的基础

  • 元素的写法
    • 双标签 <开始标签>内容</结束标签>
    • 单标签img

• 元素的嵌套

  • 元素之间是存在嵌套关系
  • 父元素/子元素/后代元素

• 元素的属性

  • img src=""
  • class/title
  • <开始标签 属性名="属性值"></结束标签>

3.4.注释的使用

• 强调注释的重要性
• !-- 注释内容 --