Buy Now AED 170.99 + VAT

Monthly Subscription Starting at AED 99 + VAT

Computational Thinking with Javascript 1: Draw & Animate
  • Level Foundation
  • Duration 33 hours
  • Course by University of Glasgow
  • Offered by

About

This is the first course in a sequence of four courses that develops essential 21st century computational thinking (CT) skills using the popular JavaScript language as a vehicle. At the end of this first course you will: know a framework for CT to help you learn about it and work with others; be developing your CT skills so that you can more easily work with digital technology of all kinds; be able to read and write programs in JavaScript that involve drawing and animation, using a specialised library; and post your creations on the web so that others can appreciate your skills. This course is suitable for: complete beginners; those who have taken an introductory course in any programming language and want to learn more deeply about the thinking and learning skills they are starting to develop; those who wish to learn Javascript in a supportive environment. The follow-on courses explore the manipulation and analysis of data, such an important aspect of our lives now, again in a highly supportive environment, and then we move the context to mainstream web--based platforms so that you can use these skills more widely.

Modules

Introduction

    • 3 Videos
    • 2 Readings
    • 1 Discussion
    • 1 Assignment
Show info about module content

1 Assignment

  • Check on your understanding of CT

1 Discussions

  • Who are you, why are you here?

3 Videos

  • Welcome to the course
  • Where does CT fit into the larger technology landscape? (first attempt)
  • What is CT? A first look at learning CT...

2 Readings

  • Who am I? A little more detail about Quintin
  • Introduction to Module 1

Exploring the first task and introducing the TSTM framework

    • 3 Videos
    • 2 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • What can you remember from that task and program?

3 Videos

  • 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

2 Readings

  • Introduction to the second lesson
  • Find out more about Turtle graphics and Seymour Papert

Practising reading programs

    • 1 Videos
    • 2 Readings
    • 1 Discussion
    • 1 Assignment
Show info about module content

1 Assignment

  • Read a program, answer questions

1 Discussions

  • What did you learn there?

1 Videos

  • Read some programs

2 Readings

  • Introducing the third lesson
  • Turtle Library Reference

Adding in some repetition

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Repetition quiz

1 Videos

  • Describing repetitive activities in our programs

1 Readings

  • Introducing the third lesson and a bit of repetition

Quiz and review

    • 1 Readings
    • 1 Discussion
    • 1 Assignment
Show info about module content

1 Assignment

  • A couple of questions to finish the module

1 Discussions

  • How are you getting on?

1 Readings

  • End of Module Summary, and lead in to Module 2 and beyond

Walk-through specifying and programming a task

    • 1 Videos
    • 2 Readings
    • 2 Lab
Show info about module content

2 Labs

  • Use this Lab to follow along with the walk-through if you wish
  • Review and experiment with the Walkthrough program

1 Videos

  • Problem solving walk-through

2 Readings

  • Introduction to program writing
  • Preparing for programming in the next lab

Program some simple tasks - guided tutorials

    • 1 Discussion
    • 2 Lab
Show info about module content

1 Discussions

  • Stuck? Post here. Respond to queries if you can.

2 Labs

  • Programming new tasks by changing existing programs
  • Guided Tutorial on a new problem

Come up with and program your own task

    • 1 Readings
    • 1 Discussion
    • 1 Lab
Show info about module content

1 Discussions

  • Post challenges with your task here; respond with advice on how to overcome them

1 Labs

  • Now come up with your own task - write your own program

1 Readings

  • Doing your own thing

Review your peers' tasks and programs

    • 1 Readings
    • 1 Discussion
    • 1 PeerReview
    • 1 Lab
Show info about module content

1 Peer Review

  • Give and receive feedback on your programs

1 Discussions

  • What did you learn there?

1 Labs

  • Use this Lab to experiment with your peers' programs

1 Readings

  • Reviewing someone else's program

Letting others see what you've created

    • 1 Videos
    • 2 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • Reporting successes and problems!

1 Videos

  • Walk through of posting a program on-line

2 Readings

  • Sharing your work on-line
  • Summary of instructions to post on-line

Quiz and Review

    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • End of Module Quiz

1 Readings

  • Where you are and what's next?

Seeing complexity, seeing patterns

    • 1 Videos
    • 2 Readings
    • 2 Lab
    • 1 Assignment
Show info about module content

1 Assignment

  • Can you read a program that uses functions

2 Labs

  • Worked Example: Break some code into pieces
  • Worked example: watching and contributing to solving a problem using functions

1 Videos

  • Breaking a large program down into manageable chunks

2 Readings

  • Introducing the module, and how we handle complex process descriptions
  • A great start to learning about functions

Increasing the reusability of code you've written

    • 1 Videos
    • 2 Readings
    • 2 Lab
Show info about module content

2 Labs

  • Practise parameterizing the house yourself
  • Exercises to practise and embed your understanding

1 Videos

  • Drawing the house more effectively using parameters

2 Readings

  • Parameterising functions
  • Reflecting on parameters with functions

A big step - updating variables

    • 1 Videos
    • 2 Readings
    • 1 Lab
Show info about module content

1 Labs

  • Working with the bar chart - and introducing colour & text

1 Videos

  • Introducing a program that uses updating variables

2 Readings

  • Why are variables called variables?
  • We've got a long way!

Starting out with animation

    • 1 Videos
    • 2 Readings
    • 2 Lab
Show info about module content

2 Labs

  • Experimenting with the animation
  • More animations to work with

1 Videos

  • Making a first animation

2 Readings

  • Picking up a new Application Area, and the Building Blocks you know
  • What have we learned while using animations?

Engineering more complex animations

    • 1 Videos
    • 2 Readings
    • 1 Lab
Show info about module content

1 Labs

  • Bursting the bubble, and a rolling wheel

1 Videos

  • Challenges with more complex animation

2 Readings

  • Handling more complex animations
  • Final words for this lesson

Putting all we've learned together

    • 1 Readings
    • 2 Discussion
    • 1 PeerReview
    • 2 Lab
Show info about module content

1 Peer Review

  • Give and receive feedback on your programs

2 Discussions

  • 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?

2 Labs

  • Creating your own thing
  • Lab in which to try out your peers' programs

1 Readings

  • Stepping out

Wrapping up

    • 1 Assignment
Show info about module content

1 Assignment

  • Final Quiz for Module 1

Auto Summary

Discover the foundational course "Computational Thinking with JavaScript 1: Draw & Animate," designed to develop essential computational thinking skills using the versatile JavaScript language. This introductory course is perfect for complete beginners, those with some programming experience looking to deepen their understanding, and anyone interested in learning JavaScript in a supportive environment. Led by Coursera, this course is the first in a series of four that not only teaches you to read and write JavaScript programs but also enables you to create engaging drawings and animations. By the end of this course, you'll be equipped with a framework for computational thinking, enhanced digital technology skills, and the ability to share your creations online. Spanning 1980 minutes of in-depth content, the course offers flexible subscription options, including Starter, Professional, and Paid plans, catering to various learning needs and budgets. Join this foundational journey to become proficient in JavaScript and elevate your computational thinking skills, preparing you for more advanced topics in data manipulation, analysis, and web-based platforms in subsequent courses.

Quintin Cutts
Instructors

Quintin Cutts

Jeremy Singer
Instructors

Jeremy Singer