前端学习
前端学习
匡思进前端学习
学习路线
跟着发的视频学就可以了，一定要记笔记 (东西很多会忘)
我是整体跟着这套视频学下来的，但是学完之后的感觉就是内容很杂很多，学的过程中也不知道哪些是重点，所以有必要在这里列一下哪些是着重需要关注的知识。
总之所有视频都要看一遍，按照自己的节奏来，不需要赶进度，重点一定要自己都理解了。
三件套
HTML部分
可以适当倍速看，很多标签其实不用学，重点学会 HTML基础结构 + 标签div、h、a、img、iframe、table(后面两个其实已经过时了，但面试会问) + 浏览器原理(面试) + URL(面试)
CSS部分
👇目前常用的，也就是必须掌握的：
文本字体属性
伪元素+伪类
选择器理解+笔记记好就ok、后期的话要会用深度选择器
flex布局、绝对定位、相对定位、浮动、粘性定位(面试)
居中 (要学会所有居中方式)
盒子模型
在CSS基础学完后，跟着做一个完整的页面(我们当时做的是视频里的网易云)，跟着视频做一遍CSS基本上都会用了。（后面仿王者荣耀的我们没做，如果你觉得对CSS力不从心的话可以继续做，基本做一个就🆗了）
这部分笔记一定要记好，以后可能会经常翻出来看
不会的要经常查MDN文档 CSS：层叠样式表 | MDN
如果可以学学Less和Sass，是CSS的扩展，很好用可以简化CSS语法编写
移动端适配（就是rem-vw-vh-@media这些） (这一块我当时没当重点学也没咋学好，听说GitHub上是有写好的适配)（可以自己抉择放后面学也行）
JS部分
去翻看了一下课
这一块视频有*（掌握）*标签的都得认真学
不会的或者哪里很难懂的可以去b站找相应视频看，一般b站的视频都讲的很通俗易懂
JS学习有一定难度，按自己节奏来不能赶
框架
这一块到学完三件套再说，学完记得告知学姐学长一下。
能力要求
看文档的能力
前端当前所有的无论技术，框架，语法都有相应的文档，前期在学习三件套期间我们就要接触MDN文档，很多API或是属性词条都应以官方文档为主
在有一定基础后，后续学习大部分时间是和文档&AI打交道
GitHub
前期拥有有一个自己的GitHub账号，可以学一些简单的操作，把自己的笔记，简单的程序demo什么的都可以放到Github上。
自学能力
前端具有一定的广度和深度，不同方向的入门难度、体系成熟度(生态建设)都有很大的差异，当然我们前期三件套是每个前端都得掌握的，而在后的扩展，比如说：新奇的技术栈(太多了根本学不完😭)、优化方案手段、好用的插件、博客建设等等，很多东西是需要自发探索的。
工具资料
推荐播放器👇（支持绑定阿里云盘，可以开几十倍速）
要是嫌Typora字量大会卡的话可以试试👇
Obsidian - Sharpen your thinking
👆这个可以自定义样式，还有很多第三方插件
各类视频资源
密码：chen6411
使用完后务必退出，同一账号只支持一台设备登录
VSCode插件
实用
Chinese (Simplified) (简体中文)
Chinese Lorem
汉化
Auto Rename Tag
自动成对HTML标签
Live Server
在HTML文件中，右键Open Live Server可直接打开页面，可以实时更新
Image preview
鼠标悬停img链接可预览显示图片
Path Intellisense
代码自动补全
Prettier - Code formatter
格式化程序，为代码执行一致的样式
Error Lens
报错提示
project-tree
ctre + shift + p输入Project Tree生成项目结构树到README文件（写文章博客可能会用到）
美化
VSCode Great Icons
改变你左侧栏的文件图标
background-cover
可以改你编辑器的背景图
Gradient Theme
我当前在用的主题，非常好看
SynthWave ‘84
特别闪的主题样式 (当时豪哥给我配的)
更多的插件自己探索喽😼
