w6

Week 6

Day 1

• Basics of JavaScript
  • Variables
  • Functions
  • if statements
  • for and while loops
• What is JavaScript used for?
• How is JavaScript different from Python?

Assignment: JavaScript practice problems

Slides from class

Resources

• Mozilla Developer Network - JavaScript
• Video: JavaScript for Python developers
• Simplified JavaScript Jargon
• Eloquent JavaScript

Day 2

• JavaScript and the DOM
  • Traversing the DOM
  • Updating the DOM
  • Responding to events
  • Using data attributes

Assignment: Calculator

Resources

• Mozilla Developer Network - the DOM
• What is the DOM? on CSS-Tricks
• DOM Enlightenment by Cody Lindley
• Chapters 13-15 of Eloquent Javascript
• Introduction to events
• MDN Event Reference
• The Basics of DOM Manipulation in Vanilla JavaScript

Day 3

• onclick vs addEventListener
• Ajax
• JSON
• jQuery

Assignment: iTunes Search

Resources

• jQuery
• The original Ajax article
• Ajax Basics Explained By Working At A Fast Food Restaurant
• HTTP Status Guide
• HTTP Cats

Day 4

• Event delegation
• The larger JavaScript ecosystem

References

• jQuery Fundamentals

Day 5

Resources

• Podcasts
  • Hanselminutes
    • Finding Engineering Teams that Share Your Values
    • Learning How to Be a Wizard Programmer
  • JS Party
  • Code Newbie
  • Command Line Heroes
• Websites/blogs
  • Real Python
  • Simple is Better Than Complex
  • Full Stack Python
  • Dev.to - create your own blog here
  • Lobsters - link aggregator
• Newsletters
  • Import Python
  • Python Weekly
  • Django Weekly
• Books
  • Introduction to Computation and Programming Using Python - great book to teach yourself more CS skills
  • Programming with the Puzzled
  • Exercises in Programming Style
  • Data Science from Scratch - if you're interested in data science, this will teach you the fundamentals
  • The Pragmatic Programmer