beadx6ggwp / school-project

專題製作

資三智專題學習計畫

本頁面可能會持續更新

前言

• 因為我做的東西大多都是使用JS，所以我想使用JavaScript來寫

• 有不會的都可以拿來問我，我會盡量幫忙解決

• 我的程式功力並沒有很好，可能我把手邊的教學資源都給你們，馬上就能追上我了，所以別對我抱有太大的期待。

什麼是JS?

• JavaScript簡稱JS，一種高階程式語言，是一門動態型別，物件導向（基於原型）的直譯語言，並透過瀏覽器搭配HTML來執行。

• 那麼什麼是直譯、編譯呢?: 編譯與直譯

• 與其他程式語言大大不同的是，JavaScript 沒有任何輸入或輸出的觀念。它是被設計成在一個宿主 (host) 環境下執行的腳本 (script) 語言，所以任何與外界通訊的方式，都是宿主環境的責任。瀏覽器是最常見的宿主環境，不過有些程式也有 JavaScript 解釋器，如 Adobe Photoshop、Unity等等。

可以先從這官網的新手教學開始官方JS教學

補充:

MDN官方對JS的詳細介紹:
重新介紹 JavaScript
這篇文章是介紹JS的一些基本特性
建議先大概看過，等有點基礎後再重新看一次會更清楚

開始

下面列出的教學我自己有先完成，如果有問題或是要看程式碼範例的話都可以找我。

1.簡單的了解HTML與JS的繪圖

1. 先到我寫的網站了解一些HTML與JS的基礎 : here

2. 了解完基本的JS跟HTML後，接著看udemy的線上課程:
   Code Your First Game: Arcade Classic in JavaScript on Canvas
   進去辦個帳號或使用FB登入即可開始，右下角有字幕。

3. 基本畫布使用
   Coding Math: Episode 1 – Introduction

有問題可以直接問我

2.三角函數的應用

• 三角函數的介紹
  Coding Math: Episode 2 - Intro to Trigonometry

• 了解三角函數的基本應用
  Coding Math: Episode 3 - More Trigonometry

• 透過三角函數來繪製圓與Lissajous曲線
  Coding Math: Episode 4 - Circles, Ellipses and Lissajous Curves

• 了解反三角函數的應用
  Coding Math: Episode 5 - Arctangent