In order to prepare for phase 2, please:

1. Follow these setup instructions

2. (OPTIONAL) Have a look at the introductory notes on Python:

   • Intro
   • Collections

3. (OPTIONAL) To get a head start, check out one or more of these introductory Python tutorials.

   🐍 A Byte of Python

   • Basics
   • Operators and Expressions
   • Control Flow
   • Functions
   • Modules
   • Data Structures
   • Problem Solving

   • Input and Output

   • note that this tutorial uses PyCharm where we use VS Code as a code editor

   🐍 Learn Python in 1 Hour with Mosh Video

   • Accompanying Python Cheat Sheet

   🐍 Learn Python interactive tutorial

   • Under Learn the Basics
     • Hello, World!
     • Variables and Types
     • Lists
     • Basic Operators
     • String Formatting
     • Basic String Operations
     • Conditions
     • Loops
     • Functions

🗓️ Today’s topics

• End of phase video requirements
• Practice with Exercism

🎙️ End of Phase Presentation

• No class on Thursday morning, so you can work on your presentations.
• Presentation during regular afternoon session time, 2pm, in classroom Zoom.

• You might not pass the phase if:.

• Your project does not meet the minimum requirements.
• Your project does not run without errors.
• You cannot explain how your code works.
• You do not turn in a video.

Each of you will present on either myTunes, Customer Database, or Calculator. The presentation should be 4-5 minutes long, and no longer. You should choose a piece of the code to walk through and explain using the concepts we covered during Phase 1. You might choose:

• Code that was challenging to figure out
• Code that you were excited about

Your target audience is a brand new Momentum student who is just at the beginning of Phase 1. Imagine you are teaching them how to do what you’ve done in this project. Give them the benefit of your experience over these past several weeks.

This presentation does not have to be extremely polished. But your audience should be able to follow what you’re saying and understand the points you are making and see the illustrations in your code.

Suggestions and Examples for Presentations

🔖 Resources

⭐️ EXTRA/TMI

There’s an awesome article about stacks, which we encounter in a stack trace in our debugging adventures, in Vaidehi Joshi’s BaseCS blog series. It’s not necessary to read this to understand debugging, but if you want some more information about terminology and what’s really happening, it’s great!

• BaseCS: Stacks and Overflows

Also welcome to a whole new genre of jokes.

• 🤓 Essential Nerd Humor: Gary Bernhardt’s WAT talk

🦉 Code & Notes

🗓️ Today’s topics

• HTML forms
• Working with form data in JavaScript

🎯 Project

• Continue MyTunes

🦉 Code & Notes

• Web forms notes
• Fetch example with search form added

🔖 References

• MDN Forms Guide
• MDN HTML form element
• MDN HTMLFormElement
• MDN HTML input element
• MDN HTML label element
• MDN submit event
• MDN Event.preventDefault

⭐️ EXTRA/TMI

• Form Fields in Eloquent JavaScript, Chapter 18

Today’s topics

• The next task is to start working with fetch and AJAX.
  • Using JSON for data
  • Basics of HTTP requests
  • Make GET requests with Insomnia client
  • Make GET requests using the Fetch API and display response data on a page

🎯 Project: MyTunes

You will build a clone of iTunes using the iTunes API. It will be due Thursday morning.

• Assignment Invitation

🦉 Notes

• Notes on AJAX
• fetch example from class

🔖 Resources

HTTP2

• MDN: HTTP Messages
• Response Codes With Cats

APIs

• Illustrated Dev: Meet the Robowaiter APIs Serving Us Data
• Insomnia client
• GitHub API Docs

AJAX, Fetch, & JSON

• MDN AJAX
• MDN Fetch API
• MDN fetch() method
• CSS-Tricks article on using Fetch
• MDN Working with JSON
• Code Academy Lesson on Fetch
• AJAX explained by analogy

⭐ EXTRA/TMI

Fetch requests use JavaScript promises to handle responses. Promises are a much bigger topic than we will get into right now, but if you want to know more about what a promise is and how to use it beyond the context of AJAX requests, you can start with the MDN documentation about it.

• MDN JS Promise