Outschool
開啟貨幣、時區和語言設置
登入

使用 Javascript 學習動畫

在這個令人興奮且有趣的課程中,學習者將利用他們的編碼技能,使用 JavaScript 和畫佈在網頁上建立動畫物件。
MissB aka Bhavana R (Coding)
平均評分:
4.9
評論數量:
(31)
班級

包含什麼

8 現場會議
8 上課時間
作業
每週 1 小時. There will be optional homework offered per week. It should not take more than 20-30 minutes.
我們無法翻譯此文,請刷新頁面並再試一次。

課堂經歷

英語程度 - 未知
美國 6 - 9 年級
Beginner 等級
Learn from the best!
----------------------------
This class is full of exciting and fun things to learn.

We will delve into animation of objects on a web page, mainly using JavaScript.
For example, we will build a bouncing ball on the page. We will also use HTML and CSS to add controls to our web page so that we can change the speed, direction and colors of the ball mid-flight! Learners love to explore what they can do using these technologies.

We will learn:

1) Using Canvas to draw lines and circles
2) Changing colors, calculating coordinates to build a scene/character
3) Animating a ball to bounce
4) Adding controls to the page to interact with the object
5) Detecting Collisions
6) Complete project: Putting it all together using CSS, HTML, JavaScript


The class is structured to meet for an hour. I will share my screen and demonstrate what we are trying to do.  The concepts used in the code will be explained thoroughly. 

The learners will then be able to code along and try things on their own. If they get stuck they can let me know and we can debug the issue using chat or a screen share.

Each session will build on concepts learned in previous sessions. We will revise concepts so learners can retain better. Throughout the class, I may ask questions to check learner engagement. 

While most learners love such creative classes, learners who listen carefully, ask questions and follow directions tend to retain the most from these classes.

Recordings will also be available to the learners if they need to listen to it later.

There is no homework or grade assigned.
學習目標
Students will learn JavaScript animation and some skills in HTML and CSS.
學習目標

教學大綱

8 課程
超過 8 週
課 1:
Introduction to JavaScript and Canvas
  
60 分鐘線上直播課
課 2:
Drawing Basic Objects
60 分鐘線上直播課
課 3:
Building A Scene Using Multiple Objects
60 分鐘線上直播課
課 4:
Basics Of Animation
60 分鐘線上直播課

其他詳情

父母的引導和規範
We will code on a third party website called onecompiler.com. This website does not require a login. Learners will need to type their code in the left hand side and click a button to Run their program. The program will run on their server and show the results on the right hand side.
先決條件
Learners should be comfortable typing a lot of text, copying and pasting text from one location to another as well as sharing their screen to show their code.
外部資源
除了 Outschool 教室外,本課程也使用:
已加入 February, 2023
4.9
31評論
教師檔案
教師專業知識和證書
碩士 在 資訊科技 從 Carnegie Mellon University
Hi there! I am a software professional with over 20+ years of programming experience in the tech industry as a software engineer and an engineering manager. I have a BE in Computer Science and a Masters in Software Engineering from Carnegie Mellon University. I absolutely love sharing my love of coding with others! I am well aware of the skills useful in the tech industry and ensure I guide my students accordingly so they fully understand what they are learning and how it may be used in future.

評論

現場團體課程
分享

US$20

每週或US$160 用於 8 課程
每週1次,共 8 週
60 分鐘

即時視訊會議
年齡: 12-17
3-8 每班學員人數

關於
支援
安全隱私加州隱私學習者隱私管理資料首選條款
下載這個軟體
在應用程式商店下載在 Google Play 上取得
© 2024 校外