# AIRC Study Frontend

**Repository Path**: lunaticer/airc-study-frontend

## Basic Information

- **Project Name**: AIRC Study Frontend
- **Description**: 🚩 一个前端学习的小仓库
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-01-05
- **Last Updated**: 2025-03-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: HTML, CSS, JavaScript, Vue, Nodejs

## README

# 📖 前端学习导航 

---

**⚠️ PS：仓库不断更新中......**

学习路上的一点点心得与收获：[学习寄语](static/record/study-record.md)

---

## 知识技能图谱

### HTML

- 【基础】HTML：[HTML 学习随笔](./html/html-notebook.md)

### CSS 层叠样式

- 【进阶】SCSS 


### JavaScript
- 【基础】JavaScript：[JavaScript 学习随笔](./javaScript/javascript/javascript-notebook.md)

```text
课程地址：https://www.udemy.com/course/the-complete-javascript-course/?couponCode=KEEPLEARNING
Git地址：https://github.com/jonasschmedtmann/complete-javascript-course

最适合零基础入门JavaScript的课程（没有之一（PS：仅个人观点）），相比于国内的几乎所有的视频课而言：

- 更流畅的学习曲线（基础语法 + JS执行原理）
- 更全面的知识点讲解 + Code示例
- 更有挑战性的综合项目

PS：唯一的壁垒是英语🤣，但是Jonas的发音非常流利标准（同时提升一波听力）（如果你听过阿三老师的课...那种体验更极致-懂的都懂，不懂的都不懂🤣）

# 学习建议：

【小白同学】：
- 针对刚开始学习前端的同学，首先是需要熟悉内容的体系结构，能快速上手写代码做练习。
- 在听课的过程中可以进行简单的笔记记录（但是不建议每一处都记录，只需要记录一个大概（类似于大纲））。记录笔记能帮助你整理知识体系结构，帮助你复习回顾。
- Code Challenge 一定要自己动手写；过程中的示例代码首先是能看懂，最好在有时间的前提下进行复现（或着跟着老师进度进行复现）
- （二刷，可以开启下一个阶段的学习）在进行二次学习的时候，针对对笔记的细节内容进行完善补充，完善知识体系的建立，同时复习所学打下一个相对扎实的JS基础

【成长同窗】：
- 针对已经有前端基础的同学，想完善自己的JS知识体系，复习JS基础，可以快刷视频。
- 快刷的过程中记录知识体系结构，针对重难点（针对个人的不同针对性）慢下来观看。观看完一小节或一部分内容后，结合其他的资料进行学习。
- 个人快刷经验：基础语法（熟悉掌握的内容）快进略过，记录知识点到体系结构中即可；跳过 CodeChallenge（选择性观看，选择性动手练习）
- 重点时，结合其他的资料进行拓展或者深入学习，形成自己的更全更深的知识体系。

【大神大佬】：
- 我直接一手膜拜（我能说什么？求带飞🙏）

# 最后的最后：在此祝大家学习工作生活顺利，阖家幸福，万事遂心意 🎉
```

- 【进阶】TypeScript：[TypeScript 学习随笔](typescript/typescript-notebook.md)

```text
🚩 适合学完JS的同学进行学习，在TS的学习过程会涉及到ES6+的语法，因此需要一定的JS基础。同时，在课程的后半部分涉及到一些三方库的TS版本使用，需要在学习过程中暂停观看。

📌 学习建议：需要一本TS的书籍进行辅助学习，老师课程节奏相对较快，其中各个知识点没有进行理论部分的深入讲解，需要一些额外的学习资料进行辅助。
适合入门打基础，后续进阶提升还需要自己不断学习！

加油！！！🎉 
```

### 服务端

- 【基础】NodeJs：[NodeJs 学习随笔](node/node-notebook.md)

### 前端框架

- 【基础】VueJs：[VueJs 学习随笔](vue/vue-notebook.md)


### 构建工具

- webpack 前段工程化构建工具： [webpack 学习随笔](./webpack/webpack-note.md)

### 面试题解

- HTML 部分题解：
- CSS 部分题解：
- JavaScript 部分题解：

---

# 书籍资源



---

# 联系我 😎

PS：在学习生活过程中如果遇到什么问题欢迎来和我沟通交流哟~😃 

我会在看到消息的第一时间回复，如果没有及时回复深表歉意可能是在为了生活奔波，希望谅解~ 😭

![wechat.jpg](static/aboutme/wechat.jpg)

### 如果觉得还不错可以请我喝杯咖啡 ☕

![pay.jpeg](static/aboutme/pay.jpeg)

---

### ⛔ 本仓库仅用于学习交流使用，禁止任何商业行为哟 ~

---

PS：记得学习结束后，提交本次更新的内容哟～ 🎉

---