CPNT-262 Achievement 1 - Plugin' Away

  • Due: Wednesday, Feb 9 @ 11:59pm
  • Weight: 5% of the final mark

This Achievement is based on the Day 1 demo when we installed RevealJS.

Learning Outcomes

This achievement will me marked out of 5 points where you will:

  • 2 points: Install a third-party JS library using its documented installation instructions;
  • 1 point: Demonstrate the library with a simple demo (most libraries include sample code to do this);
  • 1 point: Distinguish between the various methods JS can be loaded into an HTML file.
  • 1 point: Document this activity in a Code Journal section of the project README (see last step in the Instructions).

Note: You may use RevealJS for reduced marks unless you can come up with a cool slide show.


Instructions

  1. Find a javascript library can be installed on a web page.
  2. Using the documentation provided by the library, follow the instructions and install the library.
    • Suggestions for beginners:
      • Avoid installation methods using npm or yarn
      • Libraries with a CDN option are generally easier to install.
  3. Create a simple demo that shows a working implementation.
  4. Include a README.md file (if your library includes one, replace it) with the following:
    • Your name, course and assignment title;
    • How did you install the library?
      • As embedded code in a <script> element at the end of the HTML file?
      • As external code in a <script> element in the <head> element of the HTML file?
      • Did you use a Content Delivery Network, downloaded files or npm?
    • Attributions: Did anyone help you? Give credit to any classmates, articles, tutorials, etc that helped you complete this project.
    • Code Journal: Include self-assessments, observations, research, etc under the heading "Code Journal".

Submission

  1. Create a GitHub repo of your project;
  2. Download a ZIP of the project;
  3. In Brightspace, submit your ZIP and include the following as a comment in your submission:
    • a link to your GitHub repo;
    • a link to the GitHub Pages site;