Skip to content
This repository has been archived by the owner on Jun 22, 2023. It is now read-only.

assignment-03-dev-tools-JoshCodeAligator created by GitHub Classroom

Notifications You must be signed in to change notification settings

ucalgary-ensf381/assignment-03-dev-tools-JoshCodeAligator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Browser Developer Tools

In this assignment, you will use your browser (any browser) developer tools to change the content of some pages on the Internet. You need to take a screenshot of the page you changed and include it in this repo, along with the changed code. For example, I changed a header of an article on NYTimes. Here's what I would submit:

The screenshot:

screenshot

The code I changed:

<div class="css-1sojcmr ehdk2mb0">
   <h1 id="link-41efc3e8" class="css-1xo8ouk e1h9rw200" data-testid="headline">I Changed This Header!</h1>
</div>

⚠️ The code you change may not be formatted. As that would be hard to read for grading, use a formatting tool before submitting (such as codebeautifier). You can also install a VSCode extension for that.


🦶 Steps

  1. Win a Nobel Prize. Edit a page on The Nobel Prize website and win something. Add the code you changed and a screenshot to the nobel-prize folder. Example:

    win-nobel-prize

  2. Get Promoted. Edit your LinkedIn page and give yourself a big promotion. Add the code you changed and a screenshot to the get-promoted folder. Example:

    get-promoted

  3. Be a Forbes 30 under 30. Edit a 30-under-30 page on Forbes and become one of the winners. Add the code you changed and a screenshot to the 30-under-30 folder. Example:

    30-under-30

  4. Discover Gravity. Change the scientific history by changing this page. Add the code you changed and a screenshot to the discover-gravity folder. Example:

    discover-gravity

  5. Become the Most-followed Person on TikTok. Change this page and replace Khaby Lame as the most-followed account on the social media. Add the code you changed and a screenshot to the tiktok-famous folder. Example:

    tiktok-famous

📃 Notes

  • Feel free to use any picture and any text you want.
  • All the examples above were done using only HTML. That is, no change was made to the CSS side of the pages. But feel free to add/change CSS. Just remember to include any code you change or add to the repo.
  • Don't forget to inlcude a screenshot as well.
  • In case you want to use an image you have on your system, you will first need to upload it somewhere that can be accessible publicly on the Internet. You can use websites such as imgur or Cloudinary.
  • Bonus marks if you include a before/after picture of your parents' or relatives' reactions to your fake achievements.

About

assignment-03-dev-tools-JoshCodeAligator created by GitHub Classroom

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published