IIRF Online > Development > Web Development > JavaScript > Computational Thinking with Javascript 1: Draw & Animate
Computational Thinking with Javascript 1: Draw & Animate by Coursera
Course Highlights
- A key problem solving framework to use new technologies in any problem domain.
- Experience using the framework with Javascript and animated graphics.
Skills you will learn!
Curriculum
24 Topics
Welcome to the course
Where does CT fit into the larger technology landscape? (first attempt)
What is CT? A first look at learning CT...
Our first task and accomplishing it by hand (need to add last slide)
The program for our first task and introducing how to 'read' it using the TSTM framework
Reading the program via the M (Machine) view
Read some programs
Describing repetitive activities in our programs
Who am I? A little more detail about Quintin
Introduction to Module 1
Introduction to the second lesson
Find out more about Turtle graphics and Seymour Papert
Introducing the third lesson
Turtle Library Reference
Introducing the third lesson and a bit of repetition
End of Module Summary and lead in to Module 2 and beyond
Check on your understanding of CT
What can you remember from that task and program?
Repetition quiz
A couple of questions to finish the module
Read a program answer questions
Who are you why are you here?
What did you learn there?
How are you getting on?
21 Topics
Problem solving walk-through
Walk through of posting a program on-line
Introduction to program writing
Preparing for programming in the next lab
Doing your own thing
Reviewing someone else's program
Sharing your work on-line
Summary of instructions to post on-line
Where you are and what's next?
End of Module Quiz
Give and receive feedback on your programs
Stuck? Post here. Respond to queries if you can.
Post challenges with your task here; respond with advice on how to overcome them
What did you learn there?
Reporting successes and problems!
Use this Lab to follow along with the walk-through if you wish
Review and experiment with the Walkthrough program
Programming new tasks by changing existing programs
Guided Tutorial on a new problem
Now come up with your own task - write your own program
Use this Lab to experiment with your peers' programs
15 Topics
Breaking a large program down into manageable chunks
Drawing the house more effectively using parameters
Introducing a program that uses updating variables
Introducing the module and how we handle complex process descriptions
A great start to learning about functions
Parameterising functions
Reflecting on parameters with functions
Why are variables called variables?
We've got a long way!
Can you read a program that uses functions
Worked Example: Break some code into pieces
Worked example: watching and contributing to solving a problem using functions
Practise parameterizing the house yourself
Exercises to practise and embed your understanding
Working with the bar chart - and introducing colour & text
16 Topics
Making a first animation
Challenges with more complex animation
Picking up a new Application Area and the Building Blocks you know
What have we learned while using animations?
Handling more complex animations
Final words for this lesson
Stepping out
Final Quiz for Module 1
Give and receive feedback on your programs
Post challenges with your task here; respond with advice on how to overcome them
What did you learn from seeing others' work and their eyes on yours?
Experimenting with the animation
More animations to work with
Bursting the bubble and a rolling wheel
Creating your own thing
Lab in which to try out your peers' programs
Computational Thinking with Javascript 1: Draw & Animate
Related JavaScript Courses
.webp)
Thank You!
Your review has been submitted successfully.