/Coding4Creatives-S17-2

Miami Ad School Coding for Creatives Spring 2017 Class

Primary LanguageJavaScript

  _____        ___             ___           _____             __  _            
 / ___/__  ___/ (_)__  ___ _  / _/__  ____  / ___/______ ___ _/ /_(_)  _____ ___
/ /__/ _ \/ _  / / _ \/ _ `/ / _/ _ \/ __/ / /__/ __/ -_) _ `/ __/ / |/ / -_|_-<
\___/\___/\_,_/_/_//_/\_, / /_/ \___/_/    \___/_/  \__/\_,_/\__/_/|___/\__/___/
                     /___/

A 10 week course introducing students to basic coding skills and how to work with coders within an advertising agency or organization.

Try examples: https://ohjia.github.io/Coding4Creatives-S17-2/

Info

Grading

Grades will be determined according to the following breakdowns:

  • 35% Assignments
  • 35% Class Participation
  • 20% Final Project
  • 10% Presentation

Assignments & Presentations

Resources

All resources

Week by week

Week 1 (4/4)

  • Introductions
  • Syllabus review & expectations
  • Technologies past, present and future
  • Overview of computers and the internet
    • input/process/memory/output (CPU & memory)
    • Software and hardware
    • Operating system, programs/apps
    • Terminal/command line
    • Client, server and browser
  • In-class setup

Week 1 slides / Week 1 Assignment

Week 2 (4/11)

  • Reviews
    • Terminal commands
    • HTML/CSS Q&A
    • Class links & tools
  • Reading discussion
  • Go over assignments & in class workshop
  • More on the internet
    • Networks
      • HTTP/DNS
      • TCP/IP
      • Security
  • Web development overview
    • Front end vs. back end development
    • Local vs. cloud hosting/services
  • Working with developers
    • Phases: dev, staging, live
    • What is open source code
  • Guest speaker

Week 2 slides / Week 2 Assignment

Week 4 (4/26)

Week 4 slides / Week 4 Assignment

Week 5 (5/2)

  • reviews
    • assignment
    • developer tool
    • JS libraries
  • What is an algorithm
    • Class exercise: break a problem into a set of instructions
    • Fundamentals of programming
  • Introduction to JavaScript
    • Brief introduction to programming languages
    • Syntax
    • JS Syntax
    • Evolution of JavaScript: front end to back end
    • Front end JavaScript
    • Examples
  • Introduction to p5.js
    • What is JS library
    • What is canvas
    • p5.js examples and p5.js mobile examples
    • intro to variables, functions, and JS objects
    • setup() and draw() (flow)
    • events: mousePressed()
  • Assign groups for presentation (starting Week 6)

Week 5 slides / Week 5 Assignment: Start early! It'll take time to get through the tutorial videos and the coding assignment.

Make up class (5/6)

  • In class workshop
  • Q&As
  • One-on-ones: final project, debugging, etc.

Week 6 (5/10)

  • Assignment review
  • Programming concepts (using p5.js)
    • Review (Q&A)
    • Booleans
    • Conditionals
    • Arrays
  • Talk about final project

Week 6 slides / Week 6 Assignment: Start early! It'll take time to get through the tutorial videos and the coding assignment.

Week 7 (5/17)

  • Group presentation: mobile & sensor
  • Show final project ideas
  • Assignment review
  • Programming concepts (using p5.js)
    • Review (Q&A): Loops, Arrays
    • Object oriented programming overview
    • Objects
    • Classes
    • Constructors

Week 7 slides / Start working on final project. Present progress (updated sketches/mockups and code) next week.

Week 8 (5/24)

  • Object oriented programming review
  • Group presentation: virtual reality & augmented reality
  • Present final project mockups/sketches/storyboards
  • In class work session
    • final project one-on-ones
  • Hololens & Cardboard demos

Working on final project. Present progress (working prototype) next week.

Week 9 (5/31)

  • Group presentation
  • Present final project progress or final (Gian & Hortense)
  • In class work session

Working on final project. Present finals next week.

Week 10 (6/7)

  • Guest speaker
  • Final project presentations