课程来源
(https://www.bilibili.com/video/BV19i4y147WF?share_source=copy_pc)
(https://www.bilibili.com/video/BV1yx411d7Rc?share_source=copy_web&vd_source=21662fb597a7641fd30287ba401b1a5e)
https://notepad-plus-plus.org/

前言

PS：在开始学习之前我问了自己一个问题
为什么要学习？
我给自己的答案是这样说的 趁着年轻多折腾，其次掌握一个技能，能够独立生存，知识驱动的时代，学习就是最厉害的武器，扩宽眼界，未来不受限。
学习的过程可能会很艰辛枯燥，所以我们需要自律坚持培养兴趣，兴趣就是最好的老师。加油！ 筑梦前行 再小的帆也能远航~
希望自己永远的保持热爱，不忘初心！
如何学习？
心态：保持平和心态，不要浮躁，精益求精，积累经验。有时候 慢=快
练习：多练习，多实际操作（软件行业容易出现幻觉，有时候脑子懂了啥都理解了，但是在编写代码的时候会犯很多低级错误）练习时间：学习时间 1:1 多练习熟悉代码~

概述

前端：HTML CSS JavaScript 将产品UI设计稿设计成网站产品 只要是视觉和交互意义有关的事情都是前端工程师的专业领域

& = and 并且的意思

80 20 原则 80%的知识，只有20%的场景可以用的，而20%的知识，有80%的场景可以用到。

HTML & CSS 到底是什么，有什么用？

它们是两门语言，人和计算机沟通的工具（计算机语言）
语言：沟通的工具。
HTML+CSS+JavaScript = 网页

HTML：hyper text Markup language 超文本标记语言；HTML是W3C组织定义的语言用来描述网页结构的语言；定义网页里有什么。（素颜照片）
https://developer.mozilla.org/

CSS：cascading style sheets 层叠样式表；定义网页里的东西长什么样子。（美颜）

开发工具：VSCode；通用编辑器 通常用于编写代码

Markdown：MD，文档格式标准
（参考：https://markdown.com.cn/ & https://pandao.github.io/editor.md/examples/full.html ）

VScode插件：
1.vscode-icons 能使文件名前面出现图标

2.live server 在代码区右键后选择open with live Server可以直接运行至浏览器

3.Markdown Preview Enhanced 安装后 预览会更好看！

术语

web：互联网
w3c：万维网联盟，非盈利组织w3.org，为互联网提供各种标准

xml：可扩展的标记性语言（extension Markup language）用于定义文档结构

请在每周一下午两点,从人人网下载最新美剧《权利的游戏》

<任务>
  <执行日期>每周一</执行日期>
  <执行时间>下午两点</执行时间>
  <下载地址>人人网</下载地址>
  <下载目标>最新版权利的游戏</下载目标>
</任务> 

• <执行日期> </执行日期> = 标记

Q.E.D.