</> Web Dev 2
GitHubGitHub (opens in a new tab) (opens in a new tab)
  • Home
    • Course Information
    • Guide: Setting Up Your Development Environment
    • Guide: Cloning a Next.js Project Repository
    • Guide: Creating a New Next.js Project
    • Guide: Coding Workflow
    • Guide: Deploying a Next.js App
    • Reference Documentation
    • GitHub Accounts
    • Project Showcase
  • Week 1: Introduction to Web Application Development
    • Intro to Web App Dev
    • HTML/CSS/JS Refresher
    • Week 1 Assignment
  • Week 2: Introduction to React
    • Introduction to React
    • Week 2 Assignment
  • Week 3: Components and Props
    • Components and Props
    • Week 3 Assignment
  • Week 4: Interactivity
    • Interactivity
    • Week 4 Assignment
  • Week 5: Handling Lists
    • Handling Lists
    • Week 5 Assignment
  • Week 6: Managing State
    • Managing State
    • Week 6 Assignment
  • Week 7: Fetching Data
    • Fetching Data
    • Week 7 Assignment
  • Week 8: Firebase Auth
    • Firebase Authentication
    • Week 8 Assignment
  • Week 9: Exam + Project Topic
    • Midterm Exam Details
    • Project Phase 1
  • Week 10: Cloud Firestore
    • Cloud Firestore
    • Week 10 Assignment
  • Week 11: API Implementation
    • API implementation
  • Week 12: API Database Integration
    • API Database Integration
    • Project Phase 2: Sprint 1
  • Week 13: ORM and Middleware
    • ORM and Middleware
    • Project Phase 2: Sprint 2
  • Week 14: Project
  • Week 15: Project Showcase

On This Page

  • Review
  • Coding Demo
Question? Give us feedback → (opens in a new tab)Edit this page
Week 7: Fetching Data
Slides

CPRG-306 Week 7

Fetching Data

Review

  • HTTP Methods, Status Codes, and Headers
  • JS Promises, Async/Await, and Fetch API
  • React useEffect Hook

Coding Demo

  • Use Dog API (opens in a new tab)
  • When the page loads, display a random image of a dog
  • Display the list of breeds in a dropdown
Week 7 AssignmentFirebase Authentication
Programming is best learned by solving problems. If you want to learn more, create more problems.