老闆,製作一門有教育浪漫理想的課程要花多久呢?
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
同時也有4部Youtube影片,追蹤數超過5,470的網紅老闆,來點寇汀吧。Boss, CODING please.,也在其Youtube影片中提到,今天(6/11 週一)晚上十點半整 準時直播~ 哈囉大家好,這次帶來新口味的系列調酒 老闆也來挑戰 六角學院 精神時光屋的題目啦! 在這次範例中如果時間夠,會規劃一些介面設計 在網頁技術部份將使用 Vue + TweenMax + Firebase+animate.css 製作一個動態的代辦清單...
「canvas範例」的推薦目錄:
- 關於canvas範例 在 老闆 來點寇汀吧。 Boss,CODING please. Facebook 的最讚貼文
- 關於canvas範例 在 軟體開發學習資訊分享 Facebook 的最佳貼文
- 關於canvas範例 在 老闆 來點寇汀吧。 Boss,CODING please. Facebook 的最佳貼文
- 關於canvas範例 在 老闆,來點寇汀吧。Boss, CODING please. Youtube 的最讚貼文
- 關於canvas範例 在 老闆,來點寇汀吧。Boss, CODING please. Youtube 的最讚貼文
- 關於canvas範例 在 老闆,來點寇汀吧。Boss, CODING please. Youtube 的最佳解答
- 關於canvas範例 在 試試看Canvas (3),Canvas 小畫家 - 卡斯伯Blog - 前端 的評價
- 關於canvas範例 在 facebook canvas範例 :: 軟體兄弟 的評價
- 關於canvas範例 在 從閃光到動畫! HTML5 Canvas 動畫超入門範例 - GitHub 的評價
- 關於canvas範例 在 GoPrint4U | 貴麗3D立體布藝油畫範例3D Canvas Printing ... 的評價
canvas範例 在 軟體開發學習資訊分享 Facebook 的最佳貼文
開源報報回顧
內容摘要
✅ 可以給 Tensorflow.js 使用預先訓練好的模型
✅ 機器學習在網路安全上的應用 – 使用神經網路進行駭客攻擊簡短介紹學習指南
✅ 將機器學習模型部署到營運環境
✅ 顯示是否是人工智慧 GPT-2 產生的文字
✅ 使用 Javascript 實現 Clean Code 準則繁體中文翻譯
✅ 使用本地端的路徑安裝相依套件
✅ HTML5 Javascript Canvas 的框架
✅ React 解決 iOS Safari 顯示的問題
✅ 開源的 prototype 製作工具
✅ 功能強大且介面漂亮的 Web 應用程式監控
✅ 監控 Kubernets
✅ Kubernetes 的網路安全監控
✅ Kubernetes + OpenSwitch
✅ C++ 的 leetcode 問題集
✅ Kotlin DSL – 文字表單排版
✅ 使用 Kotlin 開發的 Android 範例程式
https://softnshare.com/opensource-new-002/
canvas範例 在 老闆 來點寇汀吧。 Boss,CODING please. Facebook 的最佳貼文
200604 Fern Trap 蕨類陷阱
測試畫布操作跟繪製葉子,綠色中間加上橘紅色跳色效果還蠻不賴的
蕨類會跟著天氣與心情伸縮,然後把你層層綑綁,再也掙脫不了
Testing using loop canvas translate to draw the leaves.
The fern will catch you and you can never escape from the arms of it.
https://www.openprocessing.org/sketch/912547
老闆的 IG 追起來 👉 https://www.instagram.com/bosscodingplease/
【互動藝術程式創作入門】募資順利結束,已經突破 3330%!準備精彩課程範例中 👉 https://hahow.in/cr/creative-coding-1
#dailycodingchallenge #generativeart #creativecoding #p5js #digitalart #creativecodeart #new_media_art #art #graphic #codeart
canvas範例 在 老闆,來點寇汀吧。Boss, CODING please. Youtube 的最讚貼文
今天(6/11 週一)晚上十點半整 準時直播~
哈囉大家好,這次帶來新口味的系列調酒
老闆也來挑戰 六角學院 精神時光屋的題目啦!
在這次範例中如果時間夠,會規劃一些介面設計
在網頁技術部份將使用 Vue + TweenMax + Firebase+animate.css
製作一個動態的代辦清單介面
直播範例連結:
https://codepen.io/frank890417/pen/aKJYjm
大家一起來玩XD - 前端修煉精神時光屋挑戰
http://www.hexschool.com/2018/05/09/2018-05-09-the_f2e/
------
手刀訂閱 老闆 來點寇汀吧 Youtube頻道!
https://www.youtube.com/channel/UCHX_XMhPrtvOmgGOnA2eTmA
上次直播-來用socket.io做個即時互動的遊戲吧!
http://to.piee.pw/v-4653934
---
基礎課程【動態互動網頁程式入門】:
https://hahow.in/cr/monoame-webdesign1
進階Canvas+JS應用【動態互動網頁特效入門】:
https://hahow.in/cr/monoame-webdesign2
canvas範例 在 老闆,來點寇汀吧。Boss, CODING please. Youtube 的最讚貼文
#單元介紹 #動態互動網頁特效入門
.
哈囉各位好,不知道有沒有人玩過agar.io呢?
這次在動態互動網頁特效入門的課程單元中,
Project 7 結合物件導向與Canvas做出agar.io,
用90分鐘,從頭建構單機版本+敵人ai的agar.io遊戲,
.
整合所有在canvas單元中的技巧,一步一步思考從基礎的互吃到進階的分裂、敵人AI、向量控制,
並講解其中控制用到的數學、程式技巧與控制細節,
這邊附上一個限時的教學影片短剪,歡迎到課程參考完整內容
.
實作範例: https://codepen.io/frank890417/pen/aGOgvq
課程網址: https://hahow.in/cr/monoame-webdesign2
canvas範例 在 老闆,來點寇汀吧。Boss, CODING please. Youtube 的最佳解答
[老闆,來點寇汀吧。] #直播預告 #週四寫程式系列 -
睽違了一年,今天不來點寇汀,來點新課程吧!
「動態互動網頁特效入門」正式上線募資
這週四(5/18)晚上十點整,直播即時說明課程跟解答問題,
這次的重點將放在JS、Canvas與Vue.js,
從語言基礎到整合進階,一次滿足,深入淺出學習網頁動畫、特效與遊戲製作的原理,從零快速入門網頁、JS 與繪圖實戰範例,並學習使用 Vue.js 整合前端網頁。
課程傳送門:
https://hahow.in/cr/monoame-webdesign2
上一堂-超過兩千八百人參與的系列課程:
「 動態互動網頁程式入門」
https://hahow.in/cr/monoame-webdesign
canvas範例 在 facebook canvas範例 :: 軟體兄弟 的推薦與評價
facebook canvas範例,探索Facebook 即時體驗如何生動傳達廣告內容。即時體驗廣告專為行動裝置量身設計,能快速載入產品內容,提供互動式廣告空間。 , Facebook 今天 ... ... <看更多>
canvas範例 在 從閃光到動畫! HTML5 Canvas 動畫超入門範例 - GitHub 的推薦與評價
HTML5 Canvas 動畫超入門範例. Contribute to MikeCheng1208/CreatejsAnimateLiveExample development by creating an account on GitHub. ... <看更多>
canvas範例 在 試試看Canvas (3),Canvas 小畫家 - 卡斯伯Blog - 前端 的推薦與評價
範例. 在開始介紹之前,先了解這個範例,這樣會更瞭解本篇所介紹的內容,Canvas範例的功能:. ... <看更多>