Monthly Subscription Starting at AED 99 + VAT

Computational Thinking with JavaScript 3:Organise & Interact
  • Level Foundation
  • Duration 29 hours
  • Course by University of Glasgow
  • Offered by

About

This third course in the Computational Thinking with JavaScript specialization applies your developing JavaScript skills learned in the first two courses to the world of the web. You will learn how HTML and JavaScript together support the web pages with which we are so familiar, and develop skills so that you can create your own. As well as text presentation, at the heart of HTML, you will learn how to develop interactive, animated graphics, using JavaScript to dynamically add, remove and adjust the HTML objects on the screen. Furthermore, you will leave the more sheltered Coursera programming environment, working with external programming environments, and learning how to use new libraries. Through this practice with new application areas and new building blocks, we build on the computational thinking frameworks introduced in the earlier courses, focusing particularly on the challenges of maintaining a consistent understanding of the multiple computational representations required to master programming.

Modules

Introducing Javascript and HTML for web programming

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

2 Assignment

  • Checking your HTML understanding
  • Using JavaScript to update your webpage

3 Videos

  • Introduction
  • Exploring the basics of HTML
  • Changing the content of the page from JavaScript (ppt written, need to record)

4 Readings

  • Welcome to Course 3
  • Javascript, HTML and the web: the basics
  • Connecting JavaScript to the HTML
  • A series of practice exercises

Transferring graphical skills from Turtle to HTML pages

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

1 Assignment

  • Using an HTML 5 library with Javascript

1 Videos

  • Using HTML 5 commands for drawing with JavaScript (PPT ready - need to video)

2 Readings

  • Transferring your learning: graphics
  • Practice exercises on creating graphics

Adding interaction to your webpage

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

1 Assignment

  • Test your knowledge of HTML-5 interaction

1 Videos

  • Seeing how to interact using HTML and SVG

2 Readings

  • How interaction works in a web app
  • Practise adding interaction to a web app

Input using HTML

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

1 Assignment

  • Quick knowledge check

1 Videos

  • Adding input elements into our web app

4 Readings

  • Extending the interactivity of our programs
  • Reviewing what we saw and learned in the video
  • Practice exercises - extending the simulation
  • Reflecting on your capabilities

Taking our animations further

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

1 Assignment

  • Knowledge check on the extended animation techniques

1 Videos

  • Objects following paths and object creation/deletion - PPT created

2 Readings

  • Extending what we can animate
  • Practice exercises - checking understanding and extending the animation

Now it's your turn

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

1 Peer Review

  • Learning from and commenting on your peers' applications

2 Discussions

  • Asking questions / getting help on building your application
  • What have you learned from your own work and others?

3 Readings

  • Making your own thing - guided!
  • Exercise: building your own application
  • Reviewing progress so far

Experts and Environments

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

1 Assignment

  • Coding Environments

1 Discussions

  • What have you chosen?

1 Labs

  • Turtle Drawing in VS Code

1 Videos

  • Favourite Coding Environments

1 Readings

  • Advantages and Disadvantages of Different Coding Environments

Timing and Tunes

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

1 Assignment

  • Tone.js and Time-Dependent Code

1 Discussions

  • Software and Timing

1 Labs

  • Play a Simple Tune

1 Videos

  • Music with JavaScript

2 Readings

  • Using the Tone.js Library
  • Time in JavaScript Programs

Communication and Callbacks

    • 2 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Callbacks and Websockets

2 Readings

  • About websockets
  • Node.js for server code

Planning your Project

    • 2 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • Which project and why?

2 Readings

  • Project motivation
  • Some project ideas

Implementing your Project

    • 1 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • Implementation Queries

1 Readings

  • Time to work

Testing your Project

    • 1 Assignment
Show info about module content

1 Assignment

  • Scenario-based Quiz

Auto Summary

Unlock the power of web development with "Computational Thinking with JavaScript 3: Organize & Interact." This foundational IT & Computer Science course, taught on Coursera, focuses on integrating HTML and JavaScript to create interactive, animated web pages. Over 1740 minutes, you'll advance your JavaScript skills, explore external programming environments, and master new libraries. Ideal for beginners, subscriptions are available in Starter and Professional tiers. Join now and transform your coding abilities!

Quintin Cutts
Instructors

Quintin Cutts

Jeremy Singer
Instructors

Jeremy Singer