introduction_to_programming_i

Go back to the main page

Table of contents

• Table of contents
• Introduction to Programming I
• Topics covered
• Assessment
• Module specification
• Syllabus
• Resources
  • Essential reading
  • JavaScript
    • p5.js - JavaScript library
    • W3 Schools
  • Kinks to be aware of
  • Notes
  • On REPL (see relevant sections)
  • Sleuth assignments
    • Tips & Tricks
    • Utils and aids (student created)
  • Text editor

Introduction to Programming I

This module focuses on basic programming techniques. You'll learn how to use the fundamental elements of computer programming such as variables, conditionals, functions and loops. You'll learn how to create interactive, graphical computer programs. You will also be introduced to basic object-oriented programming techniques.

Topics covered

• Your development environment
• Drawing in 2D
• Variables, Objects and Interaction
• Conditional Statements
• Basic loops and arrays
• Traversing with for loops
• Functions
• Advanced loops and arrays
• Extending Objects
• Constructor functions

Assessment

Coursework only (Type II)

Module specification

• Module specification (September 2020)

Syllabus

• Syllabus PDF (September 2020)

Resources

Essential reading

"There is no required textbook for this module. The module draws on number of different, largely web-based, public resources as well as the resources produced as bespoke material for this module. The programming language is Javascript, with the p5js library used for graphical and interactive programming functionality. The main external resource is the set of online tutorials available from: https://p5js.org/learn/."

"Specific readings for each topic are listed with direct links to free online resources that provide additional material on the topics of this course."

JavaScript

p5.js - JavaScript library

• p5.js - Official website to find the reference guide and an online editor to practice. Next step: p5.js libraries.
  • Examples are also available to get started.
• The Coding Train (playlists) - Channel from Daniel Shiffman, a board member of p5.js.

W3 Schools

• JavaScript Array Iteration Methods - Will help in making your code more concise and readable.

Kinks to be aware of

• List of reported errors and bugs with the module.

Notes

• students_notes/sukhjit_mann/week-1_Intro_to_p5.pdf

On REPL (see relevant sections)

• Podcasts
• Websites
• YouTube

Sleuth assignments

Tips & Tricks

• Get familiar with finding precise coordinates in an image inside Brackets (text editor).
• Practice all basic drawing functions with p5.js in the online editor before attempting to solve crimes.
• You have a maximum number of attempts for each case: go ahead when you are pretty confident you are on the right path on your first attempt. You will have to wait a certain amount of time (about 24 hours) before you can attempt to solve the crime again.

Utils and aids (student created)

• JavaScript library with visual aids for solving case 202 stage 4 utils4sleuth.js.
• Python program to create directories for Sleuth cases Make-Sleuth-Folders.py

Text editor

The recommended text editor for this module is Brackets. More options available on the free software page.