成果展示
Jump to Section
Github
手機 App
| Countdate | alsoweather | |
|---|---|---|
 |
 |
|
| 主要功用說明 | 需要段考學測倒數？用 Countdate 就可以簡單的計算剩下幾天。 | 有時候想要馬上知道當下某地的天氣狀況，這時就可以用 Alsoweather ，取用氣象局的氣象預報資料，以簡易的方式呈現，可以快速取得有用的資料。 |
| 下載連結 | Play Store 。Github | Play Store 。Github |
| 詳細使用教學 | https://s.sk5s.cyou/usj | https://s.sk5s.cyou/gmm |
| 主要使用技術 | Ionic React | Vanilla Javascript + HTML + Bulma + Capacitorjs |
網頁應用程式練習作品
| Duodan Web | Parking Go Web | Chineseoo Web | |
|---|---|---|---|
 |
 |
 |
|
| 主要功用說明 | 使用者可以快速的搜尋到不同的英文字典網站，因為不同網站的字詞解釋有時不同，有時這個比較易懂，有時那個比較清楚等等，因此透過 Duodan 就不用為了要看到不同資訊而在不同網站間跳來跳去。 | 有時候出去大賣場或者是出去玩，如果開車或騎車去就必須要停車，但有時候會忘記車停在哪裡，透過儲存一張車子的照片，如果真的忘記了可以有比較多的線索可以回想。 | 日常生活中，常常會遇到不會的中文英文字詞，如果把這些字詞隨手記下，不久就可以累積很多單字，這時複習字的寫法，成語的意思，就會更有效果。 |
| 網頁連結 | https://duodan.surge.sh/ | https://parking-go.surge.sh/ | https://chineseoo.surge.sh/ |
| 詳細使用教學 | https://s.sk5s.cyou/bqg | https://s.sk5s.cyou/mlt | https://s.sk5s.cyou/bbo |
| 主要使用技術 | Vanilla Javascript + HTML + Bootstrap + Lottie | React + Bootstrap | Svelte + Bootstrap |
Vanilla Javascript 練習
https://sk5s.cyou/JavaScript30/
| 主題 | 線上展示 |
|---|---|
| 01 - JavaScript Drum Kit | https://sk5s.cyou/JavaScript30/01-JavaScript-Drum-Kit/ |
| 02 - JS and CSS Clock | https://sk5s.cyou/JavaScript30/02-JS-and-CSS-Clock/ |
| 03 - CSS Variables | https://sk5s.cyou/JavaScript30/03-CSS-Variables/ |
| 04 - Array Cardio Day 1 | https://sk5s.cyou/JavaScript30/04-Array-Cardio-Day-1/ |
| 05 - Flex Panel Gallery | https://sk5s.cyou/JavaScript30/05-Flex-Panel-Gallery/ |
| 06 - Type Ahead | https://sk5s.cyou/JavaScript30/06-Type-Ahead/ |
| 07 - Array Cardio Day 2 | https://sk5s.cyou/JavaScript30/07-Array-Cardio-Day-2/ |
| 08 - Fun with HTML5 Canvas | https://sk5s.cyou/JavaScript30/08-Fun-with-HTML5-Canvas/ |