Computational Thinking with JavaScript 3: Organise & Interact
Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
Computational Thinking with JavaScript 3: Organise & Interact
This course is part of Computational Thinking with JavaScript Specialization
Instructors: Quintin Cutts
Included with
Learn more
Ask Coursera
Recommended experience
Recommended experience
What you'll learn
Organise and structure larger, interactive JavaScript programs.
Understand how HTML and JavaScript combine to support web interaction.
Reason about state, events, and behaviour in interactive systems.
Skills you'll gain
Details to know
See how employees at top companies are mastering in-demand skills
Build your subject-matter expertise
- Learn new concepts from industry experts
- Gain a foundational understanding of a subject or tool
- Develop job-relevant skills with hands-on projects
- Earn a shareable career certificate
There are 4 modules in this course
In this third course in the Computational Thinking with JavaScript Specialization, you apply your developing skills to the context of the web. You will explore how JavaScript and HTML work together to support the web pages and interactive experiences that are part of everyday life.
The focus of the course is on organisation and interaction. You will learn how interactive programs are structured, how they respond to user actions, and how behaviour changes over time. As your programs grow larger, you will increasingly focus on managing complexity through careful organisation, abstraction, and clear structure. You will also move beyond the sheltered programming environment used earlier in the sequence, working with external tools, libraries, and environments. Throughout, the computational thinking frameworks introduced in the earlier courses are reinforced, with particular attention paid to maintaining a coherent understanding across multiple representations, technologies, and interacting components.
In this module, you begin to connect JavaScript programs with the wider web by introducing HTML. The focus is on understanding how computational processes interact with external structures, and how programs can be organised to work with content beyond the code itself. You will explore how this combination supports clearer organisation and enables new kinds of interaction.
What's included
5 videos8 readings4 assignments
5 videosβ’Total 124 minutes
- Introductionβ’4 minutes
- Exploring the basics of HTMLβ’29 minutes
- Changing the content of the page from JavaScriptβ’22 minutes
- Using HTML 5 commands for drawing with JavaScriptβ’32 minutes
- Seeing how to interact using HTML and SVGβ’37 minutes
8 readingsβ’Total 215 minutes
- Welcome to Course 3β’10 minutes
- Javascript, HTML and the web: the basicsβ’10 minutes
- Connecting JavaScript to the HTMLβ’10 minutes
- A series of practice exercisesβ’60 minutes
- Transferring your learning: graphicsβ’10 minutes
- Practice exercises on creating graphicsβ’60 minutes
- How interaction works in a web appβ’10 minutes
- Practise adding interaction to a web appβ’45 minutes
4 assignmentsβ’Total 70 minutes
- Checking your HTML understandingβ’15 minutes
- Using JavaScript to update your webpageβ’30 minutes
- Using an HTML 5 library with Javascriptβ’15 minutes
- Test your knowledge of HTML-5 interactionβ’10 minutes
This module focuses on interaction and behaviour in webβbased programs. You will explore how programs respond to user actions, how state is managed and updated, and how interaction leads to change over time. The emphasis is on reasoning about dynamic behaviour and understanding how interactive systems are structured computationally.
What's included
2 videos9 readings2 assignments1 peer review2 discussion prompts
2 videosβ’Total 79 minutes
- Adding input elements into our web appβ’42 minutes
- Objects following paths and object creation/deletion - PPT createdβ’37 minutes
9 readingsβ’Total 455 minutes
- Extending the interactivity of our programsβ’10 minutes
- Reviewing what we saw and learned in the videoβ’30 minutes
- Practice exercises - extending the simulationβ’60 minutes
- Reflecting on your capabilitiesβ’10 minutes
- Extending what we can animateβ’10 minutes
- Practice exercises - checking understanding and extending the animationβ’75 minutes
- Making your own thing - guided!β’10 minutes
- Exercise: building your own applicationβ’240 minutes
- Reviewing progress so farβ’10 minutes
2 assignmentsβ’Total 60 minutes
- Quick knowledge checkβ’30 minutes
- Knowledge check on the extended animation techniquesβ’30 minutes
1 peer reviewβ’Total 90 minutes
- Learning from and commenting on your peers' applicationsβ’90 minutes
2 discussion promptsβ’Total 40 minutes
- Asking questions / getting help on building your applicationβ’10 minutes
- What have you learned from your own work and others?β’30 minutes
In this module, you turn your attention to scale. You will examine how programs grow in size and complexity, and how careful organisation, abstraction, and structure support clarity and manageability. The focus is on thinking computationally about larger systems and maintaining understanding as complexity increases.
What's included
2 videos5 readings3 assignments2 discussion prompts2 ungraded labs
2 videosβ’Total 6 minutes
- Favourite Coding Environmentsβ’1 minute
- Music with JavaScriptβ’4 minutes
5 readingsβ’Total 70 minutes
- Advantages and Disadvantages of Different Coding Environmentsβ’10 minutes
- Using the Tone.js Libraryβ’10 minutes
- Time in JavaScript Programsβ’10 minutes
- About websocketsβ’30 minutes
- Node.js for server codeβ’10 minutes
3 assignmentsβ’Total 90 minutes
- Coding Environmentsβ’30 minutes
- Tone.js and Time-Dependent Codeβ’30 minutes
- Callbacks and Websocketsβ’30 minutes
2 discussion promptsβ’Total 20 minutes
- What have you chosen?β’10 minutes
- Software and Timingβ’10 minutes
2 ungraded labsβ’Total 120 minutes
- Turtle Drawing in VS Codeβ’60 minutes
- Play a Simple Tuneβ’60 minutes
In the final module, you bring together ideas from across the course by building and refining a more substantial software project. You will integrate interaction, structure, and behaviour, and reflect on how computational thinking supports the design, organisation, and communication of larger programs. The emphasis is on consolidation and reflection on learning.
What's included
3 readings1 assignment2 discussion prompts
3 readingsβ’Total 260 minutes
- Project motivationβ’10 minutes
- Some project ideasβ’10 minutes
- Time to workβ’240 minutes
1 assignmentβ’Total 30 minutes
- Scenario-based Quizβ’30 minutes
2 discussion promptsβ’Total 20 minutes
- Which project and why?β’10 minutes
- Implementation Queriesβ’10 minutes
Earn a career certificate
Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.
Instructors
Offered by
Explore more from Software Development
- Status: Free TrialU
University of Glasgow
Course
- Status: Free TrialU
University of Glasgow
Course
- Status: Free TrialU
University of Glasgow
Specialization
- Status: Free TrialU
University of Glasgow
Course
Why people choose Coursera for their career
Frequently asked questions
This is the third course in the Computational Thinking with JavaScript specialisation. If you have no prior programming experience, then you should take the first two courses in the specialisation before taking this one.
Because it is so hard to quantify "programming experience", it is hard to answer this question. If you have undertaken some programming before, and know that you can solve at least small programming challenges using simple imperative constructs, like variables, expressions, loops and so on, but you would like to learn about HTML and JavaScript, then you may be able to jump directly into this course. However, we would recommend that you take the early two courses if you are unsure, in order to be confident about your skill development.
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
More questions
Financial aid available,
ΒΉ Some assignments in this course are AI-graded. For these assignments, your data will be used in accordance with Coursera's Privacy Notice.
