We can use the generic term sequence for any object that provides an ordered structure for a number of items, such as a string (a group of characters), a list, or a dictionary (keys and values).

Today’s topics

• Lists and tuples
• Strings
• Dictionaries
• Working with files

🐍 Code Break

Try working with lists

Project

You’ll be doing this assignment for the next two days, and we’ll work on parts of it in class.

Word Frequency

Resources

• Python notebooks
• A Byte of Python
• Python Docs: Sequence Types
  • Python Docs: Methods and Operations to Use with Sequences
  • Python Docs: Common Sequence Operations
• Python Docs: Common String Operations
• Python Docs: String Methods

In Phase 2 we’ll learn about…

• Python
• Django and back-end web development
• Databases
• Deploying Django applications

Today’s topics

• What is backend development?
• Running Python
• Syntax differences between JS and Python
• Python
  • variables
  • if statements
  • while loops
  • Input and output with input and print
  • Functions

🐍 Code Break

Try working with input and output

Project

We’ll begin Python the way we began JavaScript, with some exercises and tests you can run to keep you on track. We’re going to use an awesome free online tool called Exercism.

Please sign up (you can use your GitHub account) and choose the Python track. There are two ways to use Exercism, in Practice Mode or Mentor Mode. It’s up to you which you choose.

Work through the setup instructions to install Exercism on your computer with Homebrew. In the Python track, complete the following exercises:

1. Hello World
2. Raindrops
3. Hamming

For each exercise, follow the instructions on Exercism to upload your solution.

To submit your homework, paste your solution urls into this form.

If you get through all three of these, please continue with other exercises that seem fun to you. There are lots to choose from!

Resources

• Python notebooks
• A Byte of Python
• Official Python docs
• The Python Standard Library Reference
  • built-in functions

Today’s topics

• Continuing to build the game
• Debugging and solving tricky problems with movement and collision detection
• Preparing to give a technical presentation

We’ll work alongside study partners today and meet in small groups to check in about progress and get you unstuck.

Project

Build a game, Day 3

This project is due tomorrow, Thursday, June 11.

Technical presentations tomorrow at 3:00

This will be in our classroom.

The order of presentations will be as follows:

1. Tyler
2. Shelby
3. Russell
4. Rajee
5. Joey

There is no morning class session tomorrow morning so that you can use the time to prepare and work on presentations. Please reach out if you need help!

Link to info about technical presentations

Today’s topics

• Reviewing and practicing object-oriented techniques
• Understanding how to use canvas and requestAnimationFrame
• Building up a working application in stages

Project

Build a game, Day 2

This project is due on Thursday, June 11. Continue working with your study group!

Links and resources

• Mary Rose Cook’s annotated code
• updated space invaders code
• short video that explains the canvas coordinate system
• more explanation about canvas context object and coordinates, with illustrations – this is old but much of the detail is still accurate
• Clinton’s session for Team One on movement and collision Access Password: 4I?6w!=?
• Clinton’s Speedboat game with class syntax

⭐️EXTRA/TMI

Kyle Simpson’s You Don’t Know JS series of books has been around for 5+ years which is about 1000 years in JS time. He is currently updating the whole series and kindly shares all of his writing on GitHub. He’s still writing the second edition of his book on this & Object prototypes, so you’ll have to make do with the first edition. I find that he is really good at explaining things clearly, although this is not really beginner material. Still, if you need to know more, I would recommend reading what he has to say.

• You Don’t Know JS: this & Object Prototypes - 1st Edition

This covers the basic details of using the canvas element, and goes deeper in things like drawing curves and custom shapes and using sprites:

• Eloquent JavaScript: Drawing on Canvas

Code, slides, and video from class

• game starter code

This is the last week of Phase 1, so we will have a week-long project that you will work on in study groups and end the week with technical presentations on Thursday.

Today’s topics

• Intro to object-oriented programming in JS
• Using classes in JS
• Building games in JS
  • using requestAnimationFrame
  • the Canvas API

Project

Build a game

This project is due on Thursday, June 11.

Study groups for this project are to encourage you to put your heads together to solve the problems this project poses. You will need to wrestle with this material; read other people’s code; take that code apart and run it, change it, and break it to understand what it’s doing; read documentation and just try stuff until things start to click for you. Doing this with other people will help a lot!

Pair/group assignments:

• Joey & Tyler
• Rajee & Russell & Shelby

Link to assignment invitation

TODO for tonight

• Watch Mary Rose Cook’s video again; read her annotated code. Get the updated space invaders code from our examples repo and run it locally. Read that code, change it, and see what happens. See if you can start to understand what is happening. (Links to all of these things below)
• Play with the Canvas API and requestAnimationFrame. Both of these are used in the space invaders code.
• Play the games that are provided as options in the homework assignment. Begin to write a CRC model for the one that you feel most interested in.
• Get started writing the code: a good first step is to draw a player on the screen in your own browser. Then, see if you can make that player move.

End of Phase Presentations are on Thursday

Instructions for technical presentations

Links and resources

• MDN OO in JS for Beginners
• MDN this
• this in JS explained simply
• Class-Responsibility-Collaborator model
• Mary Rose Cook live codes space invaders
• Mary Rose Cook’s annotated space invaders code
• animation with requestAnimationFrame
• How to use requestAnimationFrame
• MDN Canvas API
• 2D Collision Detection in JS

⭐️EXTRA/TMI

• Eloquent JavaScript: The Secret Life of Objects
• Prototypes in Plain English

Code, slides, and video from class

• class slides PDF
• Revised Space Invaders example