Achievements Round 1

Weight: 15%

Due: Thursday, September 22 @ 11:59pm

Marking Rubric

Achievements will be marked differently than other Assignments in Brightspace:

You will be graded for three 5-point mini-assignments (Achievements) in two Rounds over the course of CPNT 260;
Submissions for Achievements Round 1 will close 3pm on Thursday, September 22nd;
In Brightspace, you will receive points for Achievements Round 1 as you submit individual Achievements;
You can choose from any of the following Achievements for this Round;
You will be graded according to the Requirements of the Achievement you’ve submitted;

Find a video or article about HTML/CSS that interests you. It should be current, helpful and come from a credible source.

Restrictions

Videos should be 10 minutes or longer;
Articles should be 350 words or longer.
The reviewed resource should be on a single page. For example, you can’t review the entire CSS Tricks website.

Instructions To receive marks you must:

Create a markdown file with the title dev-book-report.md;
In this file include:
- The title of the video/article as an level 1 heading;
- The name of the author;
- The date the video/article was published;
- A link to the resource;
- Answers to the following questions (150 words max)
  - Why does this video/article interest you?
  - Given the date of publication, is it still relevant?
  - How do you know the author is credible?
Push dev-book-report.md to a GH repo or a gist;
Zip dev-book-report.md and submit the file to Brightspace;
As a comment in your submission, include a link to the repo/gist as a comment in your submission;

Create a 5-card GH Project (Beta) Board containing action items that you need to complete for one of your upcoming assignments or achievements.

Create a moodboard for one of your upcoming assignments or achievements.

Find a Codepen that uses vanilla HTML, CSS and Javascript (optional) that interests you and refactor it into a single, working, valid HTML page.

Restrictions

The Codepen author cannot be a SAIT student or instructor (find someone online with no relation to you);
The Codepen should not use SCSS, Typescript or any other non-browser safe technology (it won’t work otherwise);
You cannot include any other files other than the index.html file. Any needed assets should be hosted online.

Instructions

Copy and paste the code of this empty HTML file into a file named index.html. Place this file inside it’s own repo named codepen-challenge.
Move the code inside the Codepen HTML panel to a <body> element of an empty HTML page named index.html;
Move the code inside the CSS panel to a <style> element inside <head> element of the same HTML page;
Move the code inside the JS panel, if it exists, to a <script> at the bottom of the <body> element of the HTML page;
Confirm the page is working as expected;
Push index.html to a GH repo named codepen-challenge and enable GH Pages;
Zip index.html and submit the file to Brightspace;
As a comment in your submission, include links to:
- the GH repo;
- the live demo on GH Pages;
- the original Codepen.

Find one or more HTML and/or CSS technologies not covered in class and demonstrate their use in an HTML page.

Restrictions You must choose one of the following for your HTML element and/or CSS technology:

Instructions

Create a demo HTML page named index.html that clearly shows the usefulness of the elements/properties;
Create a README.md and include:
- a title for your demo as a level 1 heading;
- instructions on how to use the demo, if needed;
- all Attributions used to create index.html including sample code.
Push your files to a GH repo named above-and-beyond and enable GH Pages;
Zip your files and submit them to Brightspace;
As a comment in your submission, include links to:
- the GH repo;
- the live demo on GH Pages;

Bonus

Do a 5-minute talk on a topic related to the course. It could be:

Restrictions

Instructions

Bonus Double points for your first show and tell!