Skip to content

Advanced New Media Production

Advanced New Media Production

Main

  • CSS/HTML
    • HTML Basics
      • Sara's Notes
      • Exercises
    • Lists, links, and web fonts
      • Sara's Notes
      • Exercises
    • More HTML
      • Sara's Notes
      • Exercises
    • CSS Intro
      • Sara's Notes
      • Exercise
    • CSS Text Styling
      • Sara's Notes
      • Exercise
    • Basic Box Stuff
      • Build a valentine
      • Basic Box Class Exercise
    • Flexbox and more
      • Sara's Notes
      • Exercises
      • Project 1
  • Javascript Intro
    • Calculate! (exercise)
  • Arrays etc.
    • Introduction to Arrays. Exercise 1
    • Build a slideshow with arrays. Exercise 2
    • Fortune Teller
  • Project 2
  • Booleans (true, false) and conditionals (if statements, etc.)
    • Conditional exercise
    • Controlling CSS with Javascript
  • Objects, nested arrays, and more. Ready for this?
    • Object Exercise
    • Assignment: make an object and put it to work!
    • Nested Objects
    • Feeling lucky? Let's play cards!
    • Assignment 3. Corona virus blues
  • Getting to know web-based APIs
    • APIs for fun and treasure
    • Surprise!
    • Trivia!
    • Display Multiple Random Trivia Questions (and answers)
    • River Data
    • Get the news
    • APIs posted by students
    • API Submission. If you find one you like, post it here
    • Project 4: Extract json data about YOU and your classmates.
    • Jamboree Jukebox
    • Project 5: Using WordPress as a data source
  • Javascript Frameworks
    • Intro to Vue.js
    • Vue part two
    • Vue 3: A look at class and style binding, and computed properties
    • Vue 4: Components
    • Vue 5: Computed Properties
    • Dawgs
    • Cats
    • Project 6: Cat Components
    • Vue Json Example
  • Miscellaneous
    • Build a web app to collect, store, and retrieve plant data
      • Capturing user location with Javascript, uploading files, and posting it all to a PHP file.
      • The database component
      • Displaying database entries with json
    • Intro to WordPress Theme Development
      • Create a blank WordPress Theme
    • WooCommerce – Tutorial
      • WooCommerce – Tutorial
  • Frameworks versus librarieshttps
  • Node Intro
  • mongo
    • Long hard video-based Node lesson. Not for the faint of heart
  • VS Code Tips
  • Inspect!
  • Hosting with Github
  • Portfolio
  • Final Project

Categories

  • CSS/HTML
  • Intro Javasript
  • Javascript Frameworks
  • Javascript/APIs
  • Miscellaneous

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

Build a web app to collect, store, and retrieve plant data

This exercise is split into three separate lessons that recreate a Capstone project from Fall semester 2019 :

  1. Capturing user location with Javascript, uploading files, and posting it all to a PHP file.
  2. The database component
  3. Displaying database entries with json