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
- Find a javascript library can be installed on a web page.
- Suggestions for beginners:
- For more inspiration see (or a similar "Best Of" list):
- Using the documentation provided by the library, follow the instructions and install the library.
- Suggestions for beginners:
- Avoid installation methods using
npm
oryarn
- Libraries with a CDN option are generally easier to install.
- Avoid installation methods using
- Suggestions for beginners:
- Create a simple demo that shows a working implementation.
- 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
?
- As embedded code in a
- 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
- Create a GitHub repo of your project;
- Download a ZIP of the project;
- 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;