Final Test

Final test for checking student knowledge and practical skills

Test 1:

Create simple counter web app

Acceptance criteria:

• Counter should contain three button (next, prev, reset) and display.
• Display should show current value start from 0 to 100
• Start value is 0 step is 1
• When user click on button next you should add 1 point to current value
• When user click on button prev you should subtract 1 point from current value
• When user click reset button you should reset cuttent value to 0

Test 2:

Create simple timer web app

Acceptance criteria:

• Counter should contain three button (start, stop, reset) and display.
• Display should show timer time
• When user click on button start you should start timer from current value
• When user click on button stop you should stop timer
• When user click reset button you should reset timer

Test 3:

Create simple web app

Acceptance criteria:

• You should generate field 5x5.
• Every cell should contain a number of same colors and sizes.
• The order of the numbers must be random from 1 to 25 each time
• When user click on cell you should add number 5 to current value

Test 4:

Create simple timer web app

Acceptance criteria:

• You should generate field 5x5.
• Every cell should contain a number of different colors and sizes.
• The order of the numbers must be random from 1 to 25 each time
• When user click on cell you should hide current value in the cell

Test 5:

Create sea battle board

Acceptance criteria:

• You should generate sea battle board. It is possible to use any html-tags at will
• The board should be drawn accordingly. Rows should be numbered from 1 to 10,
• Columns - in Latin letters A, B, C, D, E, F, G, H..

Test 6:

Create a simple button whose change state when users clicks on them.

Acceptance criteria:

• You should create button with event onClick
• Sequence of statuses: ['start', 'in progress', 'pause', 'disconnect', 'finish']
• Every status should change color off tax label
• When the user achieve the last status you should return to the first status

Test 7:

Create a survey form with validation and submit button.

Acceptance criteria:

• As user I want to see survey form (first name, last name, email, description, and gender with two radio button ) button submit.
• When form is valid show message in block with id="demo"
• All text field must be letters without special characters
• when field is invalid add red border for input

first name: <first name>
last name: <last name>
email: <email> 
gender: <gender>
description: <description>

Test 8:

Create a simple navigation menu.

Acceptance criteria:

• You should create a navigation menu
• When you on the click menu item you should open sub navigation list

Test 9:

Create responsive html markups for mobile, table, desktop use float methodology.

Acceptance criteria

• Use css media queries
• Use css variables
• Markups must be adaptive and responsive according to design

Test 10:

Create responsive html markups for mobile, table, desktop use flex methodology.

Acceptance criteria

• Use css media queries
• Use css variables
• Markups must be adaptive and responsive according to design

Test 11:

Create responsive html markups for mobile, table, desktop use grid methodology.

Acceptance criteria

• Use css media queries
• Use css variables
• Markups must be adaptive and responsive according to design

Test 12:

Create responsive html markups for mobile, table, desktop use flex methodology.

Acceptance criteria:

• Use css media queries
• Use css variables
• Markups must be adaptive and responsive according to design

Test 13:

Create Simple HTML page use css SMACSS methodology.

Acceptance criteria:

• css SMACSS metodolody
• Use css media queries
• Use css variables

Test 14:

Create widgets slider.

Acceptance criteria:

• use javascript or jQuery or other js library
• Markups must be according to design

Test 15:

Create widgets Autocomplete.

Acceptance criteria:

• use javascript or jQuery or other js library
• Markups must be according to design