Day 6

  • Take Home Review
  • Utility Classes
  • Daily Challenge
  • Google Maps Embed
  • Commit Messages
  • Take Home Challenge
  • Review and approve eachother's PR
  • Once approved, merge and delete the jumbotron branch
  • Questions?
  • Daily Challenge Instructions:
  1. Create a new repository named "event-landing-page" (Use your bootstrap-boilerplate template)
  2. Recreate the jumbotron and speaker sections according to this wireframe: View Wireframe
  3. Review and approve eachother's PR
  • Github Instructions:
  1. Add a collaborator
  2. Clone your own repository
  3. Create a new branch named "daily-challenge"
  4. git add, commit, and push your changes to your daily-challenge branch
  5. Open a PR and request review from your collaborator
  6. Once approved, merge and delete your daily-challenge branch
  • How to embed a Google Map
    • Go to Google Maps
    • Enter an address into the search bar, click search
    • Click on the share icon
    • Choose "Embed Map"
    • Select (any) size of the map from the dropdown
    • Select and copy the HTML iframe embed code
  • How to make Google Map responsive
    • Change the height and width attributes in the embed code to 100%
    • <iframe src=”xxxxxxxx” width=”100%” height=”100%” frameborder=”0” style=”border:0” allowfullscreen></iframe>
    • The map will be responsive to it's parent container
  • In your own event-landing-page repository:
  1. Make sure your main branch is up-to-date
  2. Create a new branch named "take-home"
  3. Using the Daily Challenge wireframe example, finish recreating the landing page
  4. git add, commit, and push your changes to your take-home branch
  5. Open a new pull request for your take-home branch
  6. Request Review from your collaborator