關於 互動網頁 製作 ，我們在網路上蒐集到這些相關的討論、資訊與評價

老闆，製作一門有教育浪漫理想的課程要花多久呢？
ans：#我用了一年（汗流浹背）。

2017/8–2018/8，整整一年時間，我在 Hahow 好學校 製作我的第二門線上課程，把我對線上課程的想像再做好做滿、做爆，做到未曾有人嘗試的東西，也希望他能夠在深度、廣度上完整超過第一堂課。


#這麼猛爆努力的原因
我也同時在探討自己對互動網頁的憧憬從何而來，我最後找到數學與科學。數學與科學的美，是終於在世界中找到秩序，所以即使聽起來艱深，這門課也能與所有人共鳴。


#回到眼前
幸好課程也得到學生們猛爆的肯定（抹額頭汗），回到眼前，課程用有趣的範例，從程式、數學、或設計，整合式的帶你走入絢麗的特效網頁世界，從解決真實的問題或創作來看見學習的目的。

從 html/css 講到 物件導向 講到 數學、音樂、遊戲的綜合應用，囊括 JavaScript 完整入門、es6 物件導向，到後來自己了解原理並做一個遊戲引擎，範例從記憶遊戲、小精靈、生成式藝術到 agar.io。

長達 3,085分鐘，超過 60 個精緻範例與 400 張的投影片，以及四個加碼單元 vue-cli、GSAP、D3、Three.js 的投影片，成為 Hahow 上最長的課程，有興趣的話，就來看看吧。

--
閱讀全文 👉 http://creativecoding.peek.link/29tA
瞧瞧課程 👉
動畫互動網頁程式入門(HTML/CSS/JS)：https://bit.ly/3wM2vtj
動畫互動網頁特效入門(JS/CANVAS)：https://bit.ly/36KD7JV

訂《眾新聞》一年，留住你我不能忘記的一年：《7.1到七一》
*眾新聞全新回饋訂戶計劃　與香港人紀錄大時代*

2017年，面對新聞自由日益收窄，一群資深傳媒工作者以「世界歪倒，我們要站得更正」為口號成立眾新聞。感謝訂戶和讀者支持，在有限資源下，我們挺過了4年，眾新聞團隊除了每日提供專業優質的重要新聞和分析外，也致力不同的創新嘗試，例如製作統合武漢肺炎本港疫情數據的互動網頁，拍攝抗爭運動最慘烈一役的紀錄片《紅磚危城》。即將踏入第5個年頭，我們面對的世界不止歪倒，我們應該享有的「一國兩制、港人治港、高度自治」更急速崩解，我們別無選擇，在這個大時代，只有站得更正，逆風而行，你們的支持是我們最大的後盾。

我們現正推出全新訂戶回饋計劃，籌募新年度的營運經費，新訂閱／續訂一年（1200元）或以上的年費訂戶，即可獲贈眾新聞出版新書1冊及5張海報。年費訂戶享有的回饋如下：

・每周時局分析電郵通訊
・新書《7.1到七一》：全書168頁，共10個章節，超過100張照片（本月下旬出版）
・5張A2海報：圖解抗爭運動5個關鍵事件612、721 、831、中大保衛戰及理大圍城
・優先參加眾新聞舉辦的活動

【請立即行動成為我們的年費訂戶，我們稍後會通知訂戶取書安排】http://bit.ly/訂閲我們

眾新聞是非牟利公共新聞網上平台，一直只以訂戶訂閱費和不帶條件的捐款募集營運資金，所有收入將全數用於營運開支。

2020.10.20(二)
Hahow 好學校 年度形象影片拍攝

這天一早從清水火車站出發
北上到七號盒子攝影棚一趟
接受好學校攝影團隊的採訪
以下為拍攝當日的問題：

- 先和大家自我介紹一下？
哈囉大家好 我叫做宋俊霖
我是一名專職折氣球的氣球達人

我在 Hahow 開了三門線上氣球課程
分別是「在家也能成為氣球達人」、
「氣球達人宋俊霖 教你氣球編織玩造型」、
「氣球達人不藏私 宋俊霖的氣球雕塑造型課」、

- 最初決定線上開課的契機？
- 為何選擇在 Hahow 開課？

三四年前知道氣球圈的李明波(波波老師)在 Hahow 開氣球課
才認識到 Hahow 這個平台
後來有買了動畫互動網頁程式入門課
學完覺得獲益良多
才發現 Hahow 的開課機制非常完善
於是請教了波波老師的當初如何開課
並且寄信詢問 Hahow 我的提案構想並得到回覆
才發現開線上課程或許沒有想像中的難
讓剛退伍無事一身輕的我躍躍欲試
因為當時我除了上街擺攤自由打賞折氣球之外
就只是一日一氣球的更新粉專和 IG
最後就決定整合我大學到退伍之間的氣球經歷
推出一門適合新手上路的「在家也能成為氣球達人」了

- 在開課過程中，遇過最困難／最有成就感的事？

記得那是我開到第三門課的事
時間是 2020/06/22(一)
那一天工作量極為吃重
開課時間已經確定會延遲、
而剛殺青的影片總計10小時、
字幕外包給學生上了7、8成
剩下的事需要自己來完成

當時我有二、三十件極為重要的待辦事項
而當我拚死拚活地一件件完成到早上 6:16 的時候
在早上 11 點前仍有兩件極為重要的死線
一個是上傳所有影片字幕、完善老師的話和作業單元、
另一個是折完之前我以為我有餘裕製作的生日客製化氣球訂單

其中一部鐵絲玫瑰花影片的字幕
女朋友幫我上到凌晨五點讓我接手剩下的部分時
我按錯按鍵導致上好的字幕都不見了
得重新多花上一小時半的時間來完成...

後來卯起來上完字幕、吃了早餐、趕完氣球寄出後
回到家昏躺不到一小時半
醒來吃個飯後還要趕在下午 6 點前提交國小場佈的設計圖
頭真的差點沒痛死

在那個深刻地體會到時間竟然是如此的不夠用的我
慶幸著我還年輕還可以這樣熬夜
但是之後年紀大的話寧願外包給別人
也不要工作到連命都不要了

而最有成就感的是存到了人生第一桶金
當然在後來搬出家裡住外面花掉那一桶金後
又得重新開始賺下一桶金

最近也好不容易有時間去看房
卻也才發現未來除了至少要有一兩桶金才能有頭期款
付完頭期款每月至少還要有一兩萬的房貸要繳
才知道生活的不容易
也對於現在這樣自由接案的工作模式多了份迷惘

這輩子不管賺多少錢可能都不夠用
每月收入忽高忽低的
雖然總比領死薪水還好
但是一天不工作渾身不對勁

在課程殺青前我買了 Steam 上的惡靈古堡 2 重製版
玩到現在都還只玩到警察局剛要下地下室而已

覺得我真的是工作狂 Q_Q
寧願把玩電玩遊戲這種奢侈的享受留到所有工作之後

- 用三個形容詞，形容這趟在 Hahow 的開課之旅？
為什麼？

１) 掏心掏肺的，因為我把我會的東西毫無保留地傳授給學生
２) 如毛毛蟲化為蝴蝶般蛻變的，因為好多東西在我拍片前都不會
３) 收入如火山爆發似的，因為過去沒想過月收入可以破三十萬，可惜甜蜜期約三個月，之後的收入像是火山灰在飄，但也不無小補。

- 線上開課對你有產生什麼生活／工作／人生上的影響或改變嗎？

生活：有錢搬出去租房、買車、買想買的東西，過自己想過的生活
工作：開課後工作機會也變多，再也沒回去當街頭藝人，可以專心地自由接案、做創作和比賽
人生：依舊是專心工作每一天，朝著遙遠的目標邁進

- Hahow 對你而言是什麼樣的存在？

讓人高密度工作至少三個月以上的精神時光機！
(出來後會變很厲害)

- 選一位你印象最深刻的 Hahow 夥伴會是誰？為什麼？留言給他一句話

Winnie是當初與我接洽的課程企劃
一路以來一直感覺到她的親切與陪伴
我想說
「拍到越來越進階內容的課程，我越高估自己製片的能力，
　結果還讓審核期限延了好幾次，真的是很氣餒，
　不過謝謝妳的包容和加油打氣，
　讓我最後沒有辜負學生的期待如實上架了三門課。

　如果之後要出其他門課，只希望我教的內容是我絕對可以在一兩個月內殺青的最好。」

其實實際採訪不到兩小時就結束了
我折了第一門課教的暴龍
還有金屬貴賓狗當作穿插用的畫面後
攝影團隊接著要採訪的是教 Python 的另一位老師

想起來我也有買過他的課
是「用 Python 理財：打造小資族選股策略」
可惜因為當時拍課太忙就沒看完了
不過看到韓承佑老師
想起課程單元中的知識精華不禁敬佩萬千地上前與他握手

之後 Hahow 還會採訪十幾位老師
全部的年度形象影片要等到明年一月之後才會釋出
不知道剪輯出來的成品會長怎樣
我只知道實際講的和上面打的不太一樣就是了

然後有興趣透過線上的方式向我學氣球的話
歡迎參考我在 Hahow 開的這三門課
https://hahow.in/cr/fusen000
https://hahow.in/cr/fusen001
https://hahow.in/cr/fusen002
(也許未來有機會開第四門)

#BalloonArt #造型氣球 #バルーンアート
#Hahow #好學校 #好老師 #氣球達人
#Day257 #在家也能成為氣球達人
#氣球達人宋俊霖教你氣球編織玩造型
#氣球達人不藏私宋俊霖的氣球雕塑造型課

#FRIDAYNIGHTFUNKIN #放克週五之夜 #超HIGH節奏遊戲

訂閱哲平，關注更多最新影片：https://goo.gl/qMxljs

這一次是觀眾寫信推薦給哲平的模組
好像是youtuber 製作的
改的真的非常好聽耶
而且基本上每一首都是大合唱
真的太神啦~~~
超期待聽到更多的作品的

youtuber的網址在這裡 :
https://www.youtube.com/channel/UC4rwJYVeDHxGKnFDhHz88ZQ

遊玩遊戲: FRIDAY NIGHT FUNKIN 週五放克之夜
------------------------------------------------
參與同伴：各種魔王
------------------------------------------------
音樂來源 : FRIDAY NIGHT FUNKIN 週五放克之夜
------------------------------------------------
哲平給小拉嬌們的互動網頁：
粉絲專頁：https://www.facebook.com/puzpuztetsupei/
直播記錄副頻道：https://goo.gl/PgKCGP
給小拉嬌們的表單 : https://goo.gl/e4u27G

本次的教學主題是用 GSAP 製作直播互動動態效果，哲宇將會手把手帶大家製作彈跳表情符號、emoji 彈幕還有留言與點選動態等效果。

現在許多電商、遊戲甚至課程平台都有了直播的功能，如何透過網頁特效動態來為互動加分，讓使用者好有參與感，就來跟哲宇一起切磋切磋吧。

(1:50:13) 哲宇大型 debug 現場

#GSAP
--

追蹤老闆的 IG：https://www.instagram.com/bosscodingplease/

Hahow 線上課程：
動畫互動網頁程式入門 (HTML/CSS/JS) 👉 https://bit.ly/3i6OTEU
動畫互動網頁特效入門（JS/CANVAS）👉https://bit.ly/3i3sCYy
互動藝術程式創作入門 (Creative Coding) 👉 https://bit.ly/3yliGiV

Creative Coding 台灣站：https://bit.ly/3iQ8iZF

#FRIDAYNIGHTFUNKIN #放克週五之夜 #超HIGH節奏遊戲

訂閱哲平，關注更多最新影片：https://goo.gl/qMxljs

聽說這個模組是台灣人製作的
太神了吧!!
超級鬼的譜面耶wwww
這還真的是難到哲平了
各種變種的譜
太有趣了吧!!

喜歡這個模組可以下載來看看喲!!
https://gamebanana.com/mods/285489

遊玩遊戲: FRIDAY NIGHT FUNKIN 週五放克之夜
------------------------------------------------
參與同伴：各種魔王
------------------------------------------------
音樂來源 : FRIDAY NIGHT FUNKIN 週五放克之夜
------------------------------------------------
哲平給小拉嬌們的互動網頁：
粉絲專頁：https://www.facebook.com/puzpuztetsupei/
直播記錄副頻道：https://goo.gl/PgKCGP
給小拉嬌們的表單 : https://goo.gl/e4u27G