JavaScript Tutorial

Lecture

  • important for developing frontend
  • learn to use AI tools
  • build our own object
    • Class object = new Class();
  • use a 2D array
    • rows and columns represent a classroom
  • CSS style tag for output
  • ID is used for JavaScript referencing

How to Output

  • print to output tag
  • $$ - another way to append
  • %%js - use JavaScript in Python Kernel
  • output below cell
  • element - built into every %%js
    • write to the element, which outputs to the output tag (???)

Hacks

  • Adapt this tutorial to your own work
  • Consider what you need to work on to be stronger developer
  • Show something creative or unique, no cloning
  • Be ready to talk to Teacher for 5 to 10 minutes. Individually!!!
  • Show in Jupyter Notebook during discussion, show Theme and ChatGPT
  • Have a runtime final in GithHub Pages (or Fastpage)
  • Go way beyond expectations
    • There seems to be a proliferation of ChatGPT plugins, so APIs must be easy
    • Someone who itegrates ChatGPT API into their final project will be my hero