University of Oregon

Week 10

wrap-upprogramming the web

Tues: Project-5.
Thur: Project-5; Review for Final.

Labs this Week: Project-5.


Pasteur-quoteThe Final Exam is Thu. Jun 11, 12:30pm in Zoom

 

  • See the Final Exam Review document in Canvas.

Required Reading

  • Learn Mongo.
  • RESTful Web Apps, Parts 1-3. Slides in Canvas.

 

Weeks 7-9

mongodbData Storage for Web Apps:
MongoDB & Mongoose

  • Web Storage API: Browser can store key/value pairs locally, for a persistent data store
  • The NoSQL Data Store: MongoDB. MongoDB stores JavaScript objects.
  • RESTful Web Apps

Required Reading

    1. Install MongoDB.
    2. Learn Mongo.
    3. RESTful Web Apps. Slides in Canvas.
    4. ES6 Class Types: The Basics.
    5. ES6 Class Types: Inheritance

 


Optional Web Field Trips

Check your internet speed right from Google’s homepage.

Open Google’s home page, and search for ‘speed test.’ The first result will be Google’s own speed test.

 


Week 6: Midterm

WebDev 281 Week 6

  • Tuesday: Review
  • Thursday: Midterm

Midterm Exam: Thur May 7


See the Midterm Review document in Canvas for all the details.

 


Required Reading

  1. Variable Scope (javascript.info). Read the first two sections (code blocks; nested functions), and skip the rest (“Here be dragons!”).
  2. Ch. 6 The Server

Agendas

Tuesday

  1. Variable Scope
  2. Project 3.0
  3. Install Nodemon
  4. Ch. 6: The Server (NodeJS/Express)
  5. Review for Midterm

Thursday

  1. Midterm Exam

Week 5

281 WebDev

  • Setting up a Testing Server w/ NodeJS

Required Reading

  1. The Array.map method
  2. Ch. 5: The jQuery getJSON method.
  3. Ch. 6: The Server.
  4. Learning npm

Agendas

Tuesday

  1. Array.map method
  2. Project 3.0
  3. The Dogs API
  4. Ch. 6: The Server (NodeJS/Express)

Thursday

  1. Information about the midterm exam (Thur May 7)
  2. The Final Exam is 12:30pm June 11
  3. Project 3.1:
    • Handle the Dog API response
    • Replace DOM API methods (querySelector, createElement, …) with jQuery
    • $() selector vs querySelectorAll
    • Coding Practice
  4. Our 281 Learn Markdown page has a link, Markdown in 3 Minutes.

Windows Users: Take the Plunge– Install a Unix Shell


Optional Web Field Trips


Week 4

281 WebDev

  • Setting up a Testing Server w/ NodeJS

Required Reading

  1. Ch. 5: The jQuery getJSON method.
  2. Ch. 6: The Server.
  3. Learning npm

Agendas

Tuesday

  1. Project 2: The Button
  2. Ch. 5: The Bridge
  3. Ch. 6: The Server (NodeJS/Express)

Thursday

 


Optional Web Field Trips


Week 3

WebDev 281

JSON, jQuery, & HTTP.

Download and Install the free Postman app for your OS.
(Mac users: be sure to put the postman.app file in your Applications folder, not your Downloads folder or anywhere else).

 


Readings

  1. Ch. 5: The Bridge (AJAX & JSON)
  2. Web APIs: Getting Images from Flickr
  3. JSON Intro (111)
  4. jQuery Intro (111)

Class Agendas

Tuesday

  1. Build your P2 Repo: Accept the P2 Github invitation
  2. JSON
  3. jQuery
  4. Web APIs

Thursday

  1. Ch. 5: JSON (JavaScript Object Notation), and AJAX
  2. Web APIs
  3. Project 2: Getting Images from Flickr

Optional Web Field Trips


Week 2

WebDev 281

Web development: Git, CSS Selectors, JSON, jQuery.


Reading

  1. CSS Selector Review: element selectors, grouped selectors, class selectors, id selectors, descendant selectors.
    The querySelector Web API and jQuery both use CSS selector syntax.
  2. JSON Syntax Review
  3. WebDev 101: From Websites to Web Apps.

Class Agendas

  • Tuesday
  • Thursday
    1. Read Announcement: How to Access your Github Repo
    2. Read Set your Canvas Notifications Preferences, so you do not miss important Announcements
    3. Git Workflow for 281 Projects
    4. Project 1
    5. JSON Review
    6. jQuery Intro (time permitting)

Optional Web Field Trips


Week 1

Welcome to WebDev 281

Web development makes heavy use of workflow tools available from the Unix Command Line (aka, shell).

It’s a Unix System (youtube).

 


Required Reading


Class Agendas

Thursday


UO/Zoom Campus


 

Skip to toolbar