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

前言

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.


不断为梦想注入时间和精力,才能让梦想起航