# 動畫互動網頁特效入門（JS/CANVAS）
[線上課程](https://hahow.in/courses/586fae97a8aae907000ce721)
## 課程簡介

> **透過這堂課，找回你的網頁設計初心！**
>
> 從零開始打造一個「打動人心」的互動特效網頁；賦予你堅實的網頁開發技術、靈活組合各式技巧的應變能力，幫助你實踐心中的想法。

### 課程分為四大系列單元
1. 將 HTML/CSS 融會貫通，輕鬆入門，順暢進階
2. 從零開始入門JavaScript 程式與動畫基礎到進階互動
3. 學習數學與物件導向 ，探索 Canvas 互動運算藝術
4. Vue.js 掌控資料與顯示的前端框架-整合應用

#### 加碼單元
- VueX / Vue-router 誰說只有前端做不出完整網站
- GSAP 活用時間軸動畫
- D3.js 視覺化資料的利器入門
- Three.js 製作 3D 特效網頁入門

## 重點筆記

h1{
    color: red;
    font-size: 72px;
}

var i = 1;
console.log("Hello");

## 線上資源
### 教學、課程
[W3Schools Online Web Tutorials](https://www.w3schools.com/)
[Codecademy: Learn to Code - for Free](https://www.codecademy.com/)

### 參考案例
[Awwwards - Website Awards - Best Web Design Trends](https://www.awwwards.com/)

### 線上練習平台
[CodePen](https://codepen.io/)
[HackMD筆記平台](https://hackmd.io/)