---
# System prepended metadata

title: HyUI內訓大綱
tags: [HyUI4.0]

---

# HyUI內訓大綱
###### tags: `HyUI4.0`


## 12/13

### 關於這次的 Hyui4.0 分享
[引言](https://hackmd.io/bzLVw5RLRhexM68XXcesBQ#/)

### Github專案建立規範
[Github專案建立規範](https://hackmd.io/Vqy_P-fwSdKlQpgeeOIZTw#/)

<!-- * HyUI版本號 / release -->
<!-- * readme的文件 規範 -->
<!-- * commit message 規範 -->
<!-- * 回報填寫 -->


### VsCode 懶人包
[2022 Vscode 懶人包](https://hackmd.io/Hjv6gOZOQMiek8dqJRgvig)

<!-- * 套件簡介 -->
<!-- * 安裝懶人包 -->

### JS課程大綱

<!--  JS簡介 / 變數 / 資料型別 --> 
[JS簡介 / 變數 / 資料型別 ](https://hackmd.io/0Ulb6mXdQraK-WKKHwnZiw)

<!-- 陣列與物件 -->
[陣列與物件](https://hackmd.io/R6pkmuSdSgyLLouIfSy8ig)

[函式 & ES6語法介紹](https://hackmd.io/YADhNs7OQJ69t3h9EI6BGw)
<!-- * 箭頭函式
    * let const
    * Template literals 
 -->



--- 

## 12/14

### JS課程大綱

<!-- 控制判斷(運算子,if,switch) -->
[控制判斷](https://hackmd.io/cXORIHwaSNKscdvzK6xjrw)   

[迴圈(forEach ／while / for)](https://hackmd.io/g2Im092KR0qvP6Y4Wdf1vA)
<!-- *  迴圈
    * forEach 迴圈 ／while / for -->
Dom操作
* [立即執行函式(IIFE)](https://hackmd.io/G1bi09kgSC-PwzgfI7B1Gg?view)
* [event(事件)](https://hackmd.io/w5M5_k9xR6KX02JiRUn13A?view)
* [常用語法](https://hackmd.io/fdqGx6Z-R4Svpk8L-lz_qg)
* [常用的JQ 與 JS 的寫法整理](https://hackmd.io/ImYxxM3TR92jmN4MqTtaZA) 

[this 用法大不同](https://hackmd.io/zNuQNzcfRj6sz6br5ItwNg)

    
### ＨyUI4.0介紹
[ＨyUI4.0](https://hackmd.io/a9F-oCClQCW4qQNrDyG5Zw)

<!-- 
*  命名規則 / 圖片命名更動 / js引用方式
*  css color
[scss color模板](https://hackmd.io/ph8Y7RkSSjCrz5MCS2KLZg#/)
*  @layer
*  swiper套件 
   [swiper 中文網站](https://www.swiper.com.cn/)
*  jsFadeIn、jsFadeOut
*  jsAddClass、jsRemoveClass
*  jsParents
*  SelectSlider 用法 
-->

### 臨時動議


<!-- JS教育訓練目標 -->
<!-- 我們希望透過這次機會 讓大家認識以下幾點
* 增加減少class
* 迴圈運用
* console.log / console.dir 除錯工具好棒棒
* data-* 的運用 (給你一個新的自定義標籤)
 -->
