Skip to main content

iRubric: ITC4214 Midterm rubric

find rubric

edit   print   share   Copy to my rubrics   Bookmark   test run   assess...   delete   Do more...
ITC4214 Midterm 
Rubric Code: G22335A
Ready to use
Public Rubric
Subject: (General)  
Type: Assessment  
Grade Levels: Undergraduate

Powered by iRubric ITC4214 Midterm Exam Sp 2021
100 %
  Fail

0 pts

Fair

2 pts

Good

3 pts

Excellent

4 pts

metatags: character set, viewport, description,
2 pts

Fail

no metatags
Fair

1-2 metatags present
Good

3 - 4 metatags present
Excellent

metatags:
character set,
viewport,
description, keywords
and a page title.
CSS import
3 pts

Fail

no CSS specified
Fair

Css is in app.css, but the link is not correct or is linked using an absolute path
Good

CSS is in <style> tags
Excellent

CSS is in app.css and the file is correctly linked
<link rel="Stylesheet" href="app.css"/>
CSS to format H1
2 pts

Fail

H1 not formatted
Fair

CSS to format H1 is there, but contains errors and the end result is not correct
Good
Excellent

H1 is correctly centered
Google Font in H1
2 pts

Fail

no google font used
Fair

Google Font is imported, but not specified nowhere in CSS formatting
Good

Google Font is imported, used in CSS, but not in H1
Excellent

Google Font is imported and correctly used in H1
H1 margins
2 pts

Fail

H1 does not have margin formatting
Fair

H1 has one of the two margins specified
Good

H1 has both margins specified but might not be correct, or might not specify px
Excellent

H1 has correct margins
margin-top: 30px;
margin-botton: 20px;
or
margin: 30px 0 20px 0;
H1 font color
2 pts

Fail

color not specified
Fair

some color is specified by is not #252357; but
the syntax is not correct;
Good

some color is specified by is not #252357;
the syntax is correct;
Excellent

color: #252357;
Lorem Ipsum Paragraph
2 pts

Fail

no paragraph exists
Fair

A lorem ipsum paragraph is copied but not paragraph tags exists.
Good

student has typed a random paragraph with correct tags.
Excellent

A lorem ipsum paragraph is copied and correctly has <p> </p> tags
Form: email
2 pts

Fail

field not created
Fair

field is created but some properties or label missing
Good

field is correctly created minor omissions.
Excellent

a required email field with id property email is created with max length 20. The field has an appropriate label.
Form: quantity
2 pts

Fail

field not created
Fair

field is created but some properties or label missing
Good

field is correctly created minor omissions.
Excellent

a required numeric field with id property: quantity is created.
The field has an appropriate label.
Form: Select List Base
4 pts

Fail

select list not created
Fair

Select list is missing values or values are not correct.
Good

Select List is generally correct, minor omissions
Excellent

Select list is correct, has a correct label and heading
<h1> Pizza Orders </h1>
<select id="Base" name="Base">
<option value="1">Italian </option>
<option value="2">Crispy </option>
<option value="3">Thick </option>
</select>
Pizza Image
2 pts

Fail

image is not created
Fair

image is created but the path is not correct and is not displayed
Good

image is created but the size is not specified
Excellent

image is correct
Checkboxes Toppings
4 pts

Fail

Checkboxes are not created
Fair

some checkboxes exist but contain errors
Good

Checkboxes are created but reported values are not according to specs.
Excellent

Checkboxes are created and reported values are correct.
FORM Method and action
4 pts

Fail

form does not have a method and action attribute
Fair

form has method or action but is not correct
Good

Form has method and action with 1 error
Excellent

form has both method and action.
<form method="POST" action="#">
Preview Order Button
20 pts

Fail

no button is created
Fair

button is created but javascript does not work
Good

button is created, and it called the previewOrder() method, but dome errors exits in the code
Excellent

button is created and the method works correctly
Form Formatting with border
5 pts

Fail

form is not styled
Fair

form is partially styled
Good

form is styled but one of the styles is missing
Excellent

form is styled this rounded border, bg color and centered
Bootstrap
10 pts

Fail

no bootstrap is included
Fair

bootstrap is included but form is not styled
Good

bootstrap is included, and form has some styles
Excellent

bootstrap is included and form is correctly styled using the vertical template
Page Header
10 pts

Fail

no page header
Fair

a header is partially styled. Many omissions
Good

Header is styled minor omissions
Excellent

excellent header styling:
Logo on the left
LastName centered
Correct BG color
Correct Height 80px
JQuery
20 pts

Fail

no Jquery
Fair

Jquery is imported
App.js is imported
JS is not functional
Good

Jquery is imported
App.js is imported
Some JS code is correct but not fully functional
Excellent

Jquery is imported
App.js is imported
JS is functional




Subjects:

Types:





Do more with this rubric:

Preview

Preview this rubric.

Edit

Modify this rubric.

Copy

Make a copy of this rubric and begin editing the copy.


Print

Show a printable version of this rubric.

Categorize

Add this rubric to multiple categories.

Bookmark

Bookmark this rubric for future reference.
Assess

Test run

Test this rubric or perform an ad-hoc assessment.

Grade

Build a gradebook to assess students.

Collaborate

Apply this rubric to any object and invite others to assess.
Share

Publish

Link, embed, and showcase your rubrics on your website.

Email

Email this rubric to a friend.

Discuss

Discuss this rubric with other members.
 

Do more with rubrics than ever imagined possible.

Only with iRubrictm.

n202