關於此課程：This MOOC provides you with the foundational skill set required to write computer programs. If you are interested in learning how to write interactive, graphical programs from an introductory level in a real programming language, this is the course for you. You will begin by learning the basics of editing and running programs. Then you will learn how to create 2D graphics using shapes and coordinates. Finally, you will learn how to create interactive graphics that you can control with the mouse. You will even solve a set of interactive puzzles using your coding skills in the Sleuth game which has been created especially for this course. The course uses the Javascript language and the p5.js library.
製作方： University of London
教學方： Dr Edward Anstead, Associate Lecturer
Computing, Goldsmiths教學方： Dr Simon Katan, Lecturer
Computing, Goldsmiths
| 級別 | 初級 |
| 語言 | English |
| 硬件要求 | For learners to get the most from their studies, their computers should have the following minimum specification: • a web browser (the latest version of Firefox, Chrome or Internet Explorer are recommended). This must accept cookies and have JavaScript enabled. The additional requirement is an installation of a programmer’s text editor such as Atom and integrated development environment software (IDE) where necessary. This software is free to use and install. |
| 如何通過 | 通過所有計分作業以完成課程。 |
| 用戶評分 |
授課大綱
第 1 週
Your development environment
In this topic you will learn about three key concepts:
• The toolkit we will use to develop programs.• Drawing using simple shapes and 2D coordinates.• The process and experience of writing code.
8 個視頻, 6 個閱讀材料, 2 個練習測驗
- 視頻: About you: Growth mindset
- Reading: Some information before you begin….
- 視頻: What is programming ? What is p5.js
- Reading: P5.js Resources
- Practice Quiz: Getting started with P5.js
- 視頻: Running your first program with Brackets
- Discussion Prompt: Running your first program with Brackets
- 視頻: Learn by hacking
- Reading: Programing exercise 1: Hack the Robot
- Discussion Prompt: Hack the Robot
- 視頻: 2D coordinate systems
- Practice Quiz: 2D coordinate system
- Reading: Programing exercise 2: Code from scratch: De Stijl
- Discussion Prompt: De Stijl, share your modern master
- 視頻: Code philosophy: What it feels like to code
- Discussion Prompt: Code philosophy
- 視頻: Getting started with Sleuth
- Reading: Sleuth Case by Case
- Reading: Transcripts for the videos of Sleuth cases 201, 202, 301, 302, 303
已評分: Sleuth assessment
第 2 週
Drawing in 2D
In this topic you will learn about three key concepts: • Set of 2D drawing functions in p5.js • Colour representation and styles • Debugging with the console
7 個視頻, 4 個閱讀材料, 4 個練習測驗
- Practice Quiz: RGB colours
- 視頻: fill, stroke, noFill
- Reading: Programing exercise 3: Hack it - Robot parade
- Discussion Prompt: Hack it: Robot parade. What did you learn? What do you need to learn?
- 視頻: setup, draw and Programme Flow
- Practice Quiz: setup, draw and Programme Flow
- 視頻: Shapes: ellipse, rectangle, line, triangle, point
- Practice Quiz: ellipse, rectangle, line, triangle, point
- Reading: Programing exercise 4: Code from scratch: Kandinsky
- Discussion Prompt: Kandinsky: Share your abstract master. What did you learn? What do you need to learn?
- Reading: Teach it to yourself
- 視頻: How to access and use the console to view errors
- 視頻: Debugging syntax errors
- Practice Quiz: Using the console and debugging syntax errors
- Reading: Programing exercise 5: Debug challenge
- 視頻: Code Philosophy: Asking for help
- Discussion Prompt: Post examples of good and bad questions
第 3 週
Variables, objects and interaction
In this topic you will learn about three concepts: • Variables and data
• Simple interaction
• Code organisation
10 個視頻, 4 個閱讀材料, 4 個練習測驗
- 視頻: Built-in Events: mousePressed, keyPressed
- Practice Quiz: Built-in Variables: mouseX, mouseY, and Events
- Reading: Programing exercise 6: Coding from scratch - Drawing App
- Discussion Prompt: Coding From Scratch: Drawing App. What did you learn? What do you need to learn?
- 視頻: Create your own variables: var, initialising and assigning
- 視頻: 12 top tips for naming variables
- Practice Quiz: Create your own variables: var, initialising and assigning
- 視頻: Objects
- 視頻: Working with operators
- Practice Quiz: Working with operators
- 視頻: Mathematical functions: random, min, max
- Reading: Programing exercise 7: Hack It - Sunrise
- Discussion Prompt: Hack it: Sunrise. What did you learn? What do you need to learn?
- Reading: Teach it to yourself
- 視頻: Inspecting variables in the console
- Practice Quiz: Inspecting Variables in the Console
- Reading: Programing exercise 8: Debug challenge
- 視頻: Code philosophy: The elegant coder
- Discussion Prompt: Code philosophy: The elegant coder
- 視頻: MOOC Summary
常見問題解答
運作方式
Coursework
Each course is like an interactive textbook, featuring pre-recorded videos, quizzes and projects.
Help from Your Peers
Connect with thousands of other learners and debate ideas, discuss course material, and get help mastering concepts.
Certificates
Earn official recognition for your work, and share your success with friends, colleagues, and employers.
製作方
University of London
The University of London is a federal University which includes 18 world leading Colleges. Our distance learning programmes were founded in 1858 and have enriched the lives of thousands of students, delivering high quality University of London degrees wherever our students are across the globe. Our alumni include 7 Nobel Prize winners. Today, we are a global leader in distance and flexible study, offering degree programmes to over 50,000 students in over 180 countries. To find out more about studying for one of our degrees where you are, visit www.london.ac.uk
價格
| 購買課程 | |
|---|---|
| 訪問課程材料 | 可用 |
| 訪問評分的材料 | 可用 |
| 收到最終成績 | 可用 |
| 獲得可共享的課程證書 | 可用 |
評分和審閱
Excellent Lecture