К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Computational Thinking with JavaScript 1: Draw & Animate · LearnSpace
Назад в каталог
courseraПрограммирование

Computational Thinking with JavaScript 1: Draw & Animate

Курс от University of Glasgow
Начальный≈ 33.6 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

This is the first course in a four‑course sequence that develops essential 21st‑century computational thinking skills, using JavaScript as a practical and accessible vehicle. The course introduces computational thinking as a way of approaching problems, learning new technologies, and working effectively with others. You will be introduced to a shared framework for computational thinking that will guide your learning throughout the course and the wider Specialization. Using this framework, you will begin to read and write simple JavaScript programs that create drawings and animations with the help of a specialised graphics library. Along the way, you will reflect on how programs behave, how processes are expressed precisely, and how creative ideas can be turned into working computational artefacts. This course is suitable for complete beginners, for learners with some prior programming experience who want to develop their thinking skills more deeply, and for anyone who wants to learn JavaScript in a supportive environment. Later courses in the sequence build on these foundations, extending your skills to data, the web, and larger software projects.

Навыки, которые вы освоите

JavascriptComputational ThinkingComputer ProgrammingProgram DevelopmentEvent-Driven ProgrammingAnimationsProgramming PrinciplesInteractive DesignAnimation and Game DesignCode ReviewComputer GraphicsGraphics Software

Программа курса

4 модулей · 78 учебных материалов

01Introductions - and starting out with CT using graphics in JavaScript25 материалов

Introduction

Welcome to the courseВидеоWho am I? A little more detail about QuintinЧтениеWho are you, why are you here?ОбсуждениеStay connected with UofG OnlineЧтение

Учитесь у экспертов

Quintin Cutts

Professor of Computer Science Education

Jeremy Singer

Dr

Computational Thinking with JavaScript 1: Draw & Animate
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 33.6 ч

4 модулей

Язык: Английский

Субтитры: Арабский, Французский, Украинский, Китайский (Китай), Греческий, Итальянский, Бразильский португальский, Нидерландский, Корейский, Немецкий, Русский, Тайский, Индонезийский, Шведский, Турецкий, Испанский, Хинди, Японский, Казахский, Польский

Часть программы вашего университета
Introduction to Module 1Чтение
Where does CT fit into the larger technology landscape?Видео
What is CT? A first look at learning CT...Видео
Check on your understanding of CTЗадание

Exploring the first task and introducing the TSTM framework

Introduction to the second lessonЧтениеOur first task and accomplishing it by handВидеоThe program for our first task, and introducing how to 'read' it using the TSTM frameworkВидеоReading the program via the M (Machine) viewВидеоWhat can you remember from that task and program?ЗаданиеFind out more about Turtle graphics and Seymour PapertЧтение

Practising reading programs

Introducing the third lessonЧтениеTurtle Library ReferenceЧтениеRead some programsВидеоRead a program, answer questionsЗаданиеWhat did you learn there?Обсуждение

Adding in some repetition

Introducing the third lesson and a bit of repetitionЧтениеDescribing repetitive activities in our programsВидеоRepetition quizЗадание

Quiz and review

End of Module Summary, and lead in to Module 2 and beyondЧтениеA couple of questions to finish the moduleЗаданиеHow are you getting on?Обсуждение
02Solving problems / programming a task21 материалов

Walk-through specifying and programming a task

Introduction to program writingЧтениеProblem solving walkthroughВидеоUse this Lab to follow along with the walkthroughЛабораторнаяPreparing for programming in the next labЧтениеReview and experiment with the Walkthrough programЛабораторная

Program some simple tasks - guided tutorials

Programming new tasks by changing existing programsЛабораторнаяGuided Tutorial on a new problemЛабораторнаяStuck? Post here. Respond to queries if you can.Обсуждение

Come up with and program your own task

Doing your own thingЧтениеNow come up with your own task - write your own programЛабораторнаяPost challenges with your task here; respond with advice on how to overcome themОбсуждение

Review your peers' tasks and programs

Reviewing someone else's programЧтениеGive and receive feedback on your programsВзаимная проверкаUse this Lab to experiment with your peers' programsЛабораторнаяWhat did you learn there?Обсуждение

Letting others see what you've created

Sharing your work on-lineЧтениеWalk through of posting a program on-lineВидеоSummary of instructions to post on-lineЧтениеReporting successes and problems!Обсуждение

Quiz and Review

End of Module QuizЗаданиеWhere you are and what's next?Чтение
03More complex drawings, and how to handle their descriptions15 материалов

Seeing complexity, seeing patterns

Introducing the module, and how we handle complex process descriptionsЧтениеBreaking a large program down into manageable chunksВидеоWorked Example: Break some code into piecesЛабораторнаяCan you read a program that uses functionsЗаданиеWorked example: watching and contributing to solving a problem using functionsЛабораторнаяA great start to learning about functionsЧтение

Increasing the reusability of code you've written

Parameterising functionsЧтениеDrawing the house more effectively using parametersВидеоPractise parameterizing the house yourselfЛабораторнаяExercises to practise and embed your understandingЛабораторнаяReflecting on parameters with functionsЧтение

A big step - updating variables

Why are variables called variables?ЧтениеIntroducing a program that uses updating variablesВидеоWorking with the bar chart - and introducing colour & textЛабораторнаяWe've got a long way!Чтение
04Animations - and consolidating what we've learned so far17 материалов

Starting out with animation

Picking up a new Application Area, and the Building Blocks you knowЧтениеMaking a first animationВидеоExperimenting with the animationЛабораторнаяMore animations to work withЛабораторнаяWhat have we learned while using animations?Чтение

Engineering more complex animations

Handling more complex animationsЧтениеChallenges with more complex animationВидеоBursting the bubble, and a rolling wheelЛабораторнаяFinal words for this lessonЧтение

Putting all we've learned together

Stepping outЧтениеCreating your own thingЛабораторнаяPost challenges with your task here; respond with advice on how to overcome themОбсуждениеGive and receive feedback on your programsВзаимная проверкаLab in which to try out your peers' programs ЛабораторнаяWhat did you learn from seeing others' work and their eyes on yours?Обсуждение

Wrapping up

Final Quiz for Module 1ЗаданиеKeeping Learning with UofG OnlineЧтение