在OF COURSE学习最纯粹的创意编程
还在苦苦寻觅前端教程?
还在创意与代码之间徘徊?
还在为完成作品集网站而焦虑?
资深创意工程师亲自授课
手把手带你从入门到精通
名校助教全天候答疑
哪里不会问哪里
3个实战项目
助你完成作品集
专属学员社区
海量资料,应有尽有
《H5&JS创意前端在线课程》
你将要学习的
第一部分:掌握HTML、CSS、JavaScript的语法知识,并学习使用JS 进行网页 DOM 操作;
第二部分:掌握使用JS进行前端编程的方法,并学习为网页添加各种动态事件;
第三部分:掌握网页交互效果的开发能力,为网页设计与制作动画效果;
第四部分:学习使用外部库P5.js制作交互动画;
第五部分:学习并掌握使用Tone.js 和其他库制作网页音画互动;
第六部分:学习并掌握高级图像库Three.js的开发技术,实现网页3D开发能力;
…………………………
(想了解更多课程安排,请联系我们的课程顾问)
实战演练
•实战项目1:创建分多个列表的to-do list网页小应用
在第一个实战项目里,老师将从基本的前端语言语法出发,最终指导学员如何将这些技术组装成为一个可用的网页版to-do list应用。
[项目图示]
•实战项目2:制作可用鼠标、键盘、摄像头等设备交互的音画互动网页
在第二个实战项目里,老师会从原始前端动画技术开始,带学员从初级图像绘制技术一路探索到高级交互及3D动画技术,并最终指导学员完成一个可以用键盘、鼠标或摄像头的音画互动网页。
[项目图示]
项目地址:http://dev.abe.sh/block-chords/
[项目图示]
项目地址:https://massmigrations.com/ns/
•实战项目3:创建个人交互作品集/ 简历网站
第三个实战项目将带你探索目前前端领域最火热的3D动画技术,并最终带领学员应用之前学过的所有技术完成一个属于自己的完整作品集网站。
[项目图示]
项目地址:https://50-jahre-hitparade.ch
[项目图示]
项目地址:https://www.gillesriviere.com
为你打造的学习方式:
OF COURSE独家讲师:
艺术家、创意科技公司flow/control 创始人施蒙.卡列斯基手把手为你授课,让你享受国际水准的创意编程教学。
导师作品:
[为谷歌创作的的针对安卓用户分布的Data art]
项目地址:
http://flow-control.io/work/google-io-android-diversity/
[作品Parametrium ]
项目地址:
http://szymonkaliski.com/projects/parametrium/
[作品Neutron]
项目地址:
http://szymonkaliski.com/projects/neutron/
沉浸式的在线教学方式:
除了丰富的视频资料、课堂小测验、回顾练习以外,还会有经验丰富的私人课程顾问和助教在线答疑解惑,确保你能学到的比想象的更多。
资源丰富的课程社区:
由OF COURSE助教维护的问答社区和资源库为你准备了丰富多彩的样例代码、课件和电子书,让你的在线学习更加得心应手。
名额有限,先到先得
————————————
想了解更多课程信息,并第一时间报名?!
赶快扫码添加课程顾问微信
↑课程顾问小白
“做人人都能学会的创意编程课!”
领取专属 10元无门槛券
私享最新 技术干货