University of Glasgow - Computational Thinking with JavaScript 3:Organise & Interact
- Offered byCoursera
Computational Thinking with JavaScript 3:Organise & Interact at Coursera Overview
Duration | 29 hours |
Total fee | Free |
Mode of learning | Online |
Official Website | Explore Free Course  |
Credential | Certificate |
Computational Thinking with JavaScript 3:Organise & Interact at Coursera Highlights
- Earn a Certificate upon completion
Computational Thinking with JavaScript 3:Organise & Interact at Coursera Course details
- 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
- 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
Computational Thinking with JavaScript 3:Organise & Interact at Coursera Curriculum
Bringing JavaScript to the web - adding HTML
Introduction
Exploring the basics of HTML
Changing the content of the page from JavaScript (ppt written, need to record)
Using HTML 5 commands for drawing with JavaScript (PPT ready - need to video)
Seeing how to interact using HTML and SVG
Welcome to Course 3
Javascript, HTML and the web: the basics
Connecting JavaScript to the HTML
A series of practice exercises
Transferring your learning: graphics
Practice exercises on creating graphics
How interaction works in a web app
Practise adding interaction to a web app
Checking your HTML understanding
Using JavaScript to update your webpage
Using an HTML 5 library with Javascript
Test your knowledge of HTML-5 interaction
Developing Interactive Web Apps
Adding input elements into our web app
Objects following paths and object creation/deletion - PPT created
Extending the interactivity of our programs
Reviewing what we saw and learned in the video
Practice exercises - extending the simulation
Reflecting on your capabilities
Extending what we can animate
Practice exercises - checking understanding and extending the animation
Making your own thing - guided!
Exercise: building your own application
Reviewing progress so far
Quick knowledge check
Knowledge check on the extended animation techniques
Scaling Up
Favourite Coding Environments
Music with JavaScript
Advantages and Disadvantages of Different Coding Environments
Using the Tone.js Library
Time in JavaScript Programs
About websockets
Node.js for server code
Coding Environments
Tone.js and Time-Dependent Code
Callbacks and Websockets
Building a Software Project
Project motivation
Some project ideas
Time to work
Scenario-based Quiz
Other courses offered by Coursera
Student Forum
Anything you would want to ask experts?