Frontend Development: JavaScript

🚀 ReDI Fall 2020 🚀

Lecture 11

Collaboration Practice

What we will do today

  • Homework Comments
  • Tech Questions
  • Collaboration Time
  • Challenge Review

Tech Questions

Homework comments

  • Branches
  • Pull Requests
  • PR approvals
  • What happens after

Challenge: Contact List

Recreate the following image:
screenshot

Challenge: Contact List

Description:
  • Only one input on the top.
  • Contact list is provided as an array.
  • Search works with any matching letter.
  • Contact list updates as soon as you type.
List of contacts


              let contactList = [
              'Halina', 
              'Rayford', 
              'Many', 
              'Hans', 
              'Danuta', 
              'Anisha', 
              'Tijuana', 
              'Wei', 
              'Bob', 
              'Veronique', 
              'Theodora', 
              'Rosita', 
              'Johana', 
              'Micaela', 
              'Owen', 
              'Antwan', 
              'Valeria', 
              'Misty', 
              'Angelina', 
              'Peggy Laporte'
              ]

Find your team members

Groups: link.
  • Meet owner: Create a meet link and post it in the gDocs
  • Glitch owner: Create a glitch link for your team and post it on the gDocs

Show your work 😊

Next homework

Give at least one feedback to 3 different people!
  • Be polite.
  • Focus on providing alternatives, not only pointing at errors.
  • Feedback can be in form of question "Why did you choose X instead of Y?"