Test 123

APT - H13: User Interface

This is the Advanced Placement test for the User Interface class.

Step 1 of 5

20%

Student Name*
First Last
Parent Name*
First Last
Parent Email*
Parent Phone*

1. Write down the HTML code to create the following Multiple choice question. Make sure we can only select one option at a time.

2. Which of the following is the correct way to get a selected value from the list of radio inputs with a common name, answer?*

```
$('input[name="answer"]').val();
```

$('input[name="answer"]:checked').val();

```
$('answer:checked').val();
```
```
$('input[answer]:checked').val();
```

3. Which tag is used to add a text box?*
- ```
<input>
```
- ```
<text>
```
- ```
<textbox>
```
- None of the options
4. Which input type makes sure that the input value matches the pattern of an email?*
- ```
text
```
- ```
email
```
- ```
submit
```
- None of the options
5. Which input type adds a submit button inside the form?*
- ```
submit
```
- ```
button
```
- ```
next
```
- None of the options

6. Create a form that has fields like Name, Age, Email, Address. It must have a submit button and following validations:*

a) No field can be empty.
b) The age must be in numbers.
c) Email must match the pattern of an email.
d) The address must have a minimum length of 5 characters and a 
maximum length of 20 characters.

7. Write the CSS code to change the text color to red when the value in email input doesn't match the pattern of an email.*

8. Write the code to add two input fields and a button. On button click, it should:*

- Get the numeric value from both inputs.
- Save both values in separate variables. 
- Show a popup with the sum of both values.

9. Which JQuery function can be used to add some HTML code dynamically from javascript?*
- ```
add()
```
- ```
append()
```
- ```
code()
```
- ```
tag()
```
10. What value is being saved in a variable named text in the following code?*
```
var name = "Codewizards";
var text = `We are ${name}`;
```
- We are ${name}
- We are Codewizards
- We are
- We are name

11. Which CSS property has the following values as shown in the image below?*
- ```
justify-content
```
- ```
display
```
- ```
flex-grow
```
- ```
position
```
12. Which of the following timing functions calls a function repeatedly after a specific time interval?*
- ```
clearInterval()
```
- ```
clearTimeout()
```
- ```
setTimeout()
```
- ```
setInterval()
```
13. Which html tag can we use to add a dropdown list of items?*
- ```
select
```
- ```
dropdown
```
- ```
input
```
- None of the options
14. Write the HTML code to create an input form with fields like Name, Age Address. Add appropriate placeholders for each input field.*
15. Write the javascript code to repeatedly call a function named jump after every 10 seconds.*
16. Which of the following is a keyboard event in jquery?*
- ```
keypress
```
- ```
keyup
```
- ```
keydown
```
- All of the options
17. Write the code to call a function named jump when we press the keyboard key arrow up.*
18. Write the code to get a show a random number between 1 and 17 inside a popup. Make sure the random number is an integer and not a decimal.*
19. Which of the following functions is used to delete an element from an array?*
- ```
delete()
```
- ```
splice()
```
- ```
add()
```
- None of the options
20. Write the javascript code to scramble the word "Penguin" in any random order.*

21. What will be the value in the check variable inside the following code?*
```
var animals = ['dog', 'cat', 'tiger', 'wolf'];
var check = animals.includes('lion');
```
- true
- false
- null
- lion
22. Write the CSS code to animate the change in width of an img tag for a duration of 5 seconds.*
23. Which of the following is the correct code to turn off all existing events on a div with class penguin?*
- ```
$('.penguin').disable();
```
- ```
$('.penguin').off();
```
- ```
$('.penguin').unlink();
```
- ```
$('.penguin').events(false);
```

24. Find & fix the syntax error(s) in the following keyframes:*

#keyframes someName{
   0px { width: 231px; }
   from { width: 330px; }
}

25. There are two ways to define keyframes. Use any method to write down keyframe code for animation where an image moves from right: 0px to right: 200px*

26. Complete the following sentence:*

The website that adapts to the screen size of the device 
and changes its appearance accordingly is called a ____________

Responsive website
Dynamic website
Website
Multiphase website

27. Write the HTML code to add a link that scrolls to a div with id "about" of the same page.*

28. To make the media queries work, we use a meta tag inside the head tag. Which of the following is the correct syntax of that meta tag.*

<meta name='viewport' content='width=device-width, initial-scale=1>

<meta name='responsive' content='device-width=width, initial-scale=1'>

<meta name='viewport' content='width=100%, initial-scale=1'>

<meta name='viewport' content='media queries'>

29. Write the css code to change the style of body tag as following*

1. If the screen size is less than 400px, change the background
color to blue.
2. If the screen size is greater than 400 px but less than 600px, 
change the background color to red.
3. If the screen size is greater than 600px but less than 800px, 
change the background color to green.
4. If the screen size is greater than 800px, change the background 
color to yellow.

30. There are two types of list in HTML; ordered list and unordered list. Write the code to add the following items in both list styles.*
```
- Eggs
- Bread
- Milk
- Cake
```

31. Write the CSS code to change the text color of an ordered list to red when the mouse is hovered over it.*
32. Which function is used to convert a string to a number?*
- ```
parseInt()
```
- ```
parseString()
```
- ```
int()
```
- ```
toInt()
```

33. Write the code to create an array with following items "Cat", "Dog", "Lion", "Penguin"*

a) Add two more animals of your choice in the above array.
b) Delete Penguin from the above array

34. Which of the following is not a valid value for CSS property flex-direction?*
- Horizontal
- Row
- Column
35. Write the jquery code to add a class active to a button with id loginButton*

36. Find and fix the syntax error(s) in the following code*

fucntion jump() 
    var power = $('#powerInput').val;
    var jumpHTML = "<img src="jump2.png">
                    <p>{power}</p>";
    $('.container').html(jumpHTML;
    $('.container').css('backgroundcolor', '#0984e3'); 
}
$('button').click(jump);

37. Write the code to get the value with key electric in the following cars object.*

var cars = {
    'luxurious':'Mercedes Benz',
    'sports':'Ferrari',
    'electric':'Tesla',
    'spacious':'Audi'
}

38. Write the code to get all the keys in an array like ['luxurious', 'sports', 'electric', 'spacious'] from cars object*
```
var cars = {
    'luxurious':'Mercedes Benz',
    'sports':'Ferrari',
    'electric':'Tesla',
    'spacious':'Audi'
}
```

39. Which of the following is a correct way to get an array of words ["We", "are", "codewizards"] from the sentence "We are codewizards"?*

var inputString = "We are codewizards"; 
var sentenceArray = inputString.split(" ");

var inputString = "We are codewizards"; 
var sentenceArray = inputString.fetch(" ");

var inputString = "We are codewizards"; 
var sentenceArray = inputString.array();

var inputString = "We are codewizards"; 
var sentenceArray = inputString.split("/n");

40. Complete the code in answer of above question 39 to calculate the length of sentenceArray.*

APT - H12: Frontend Web Development 2021

This is the Advanced Placement test for the Interactive Web with JavaScript class.

Step 1 of 5

20%

Student Name*
First Last
Parent Name*
First Last
Parent Email*
Parent Phone*

1. Which tag gives a title to the title bar of the browser?*
- ```
<title>
```
- ```
<html>
```
- ```
<head>
```
- ```
<body>
```
2. Which tag is used to add a paragragh in HTML?*
- ```
<paragraph>
```
- ```
<p>
```
- ```
<text>
```
- ```
<para>
```
3. What does CSS stand for?*
- Copying Style Sheets
- Cascading Standard Sheets
- Cascading Style Sheets
- None of the options
4. In which tag do we write CSS code?*
- ```
<script>
```
- ```
<head>
```
- ```
<body>
```
- ```
<style>
```
5. Which of the following code snippets changes the width of all images to 15px?*
- ```
image{ 
    width: 15px; 
}
```
- ```
img{
    width: 15px;
}
```
- ```
<img>{ 
    width: 15px; 
}
```
- None of the options

6. Which of the following is the correct way to link our file to an external stylesheet?*

<link src="filename.css" rel="stylesheet">

```
<a href="filename.css">
```
```
<link>
```

<link href="filename.css" rel="stylesheet">

7. Which of the following properties can be used to remove the underline from a link?*
- ```
underline
```
- ```
text-decoration
```
- ```
no-underline
```
- ```
remove-underline
```
8. Which attribute is used to label a group of elements under the same name?*
- ```
class
```
- ```
id
```
- ```
group
```
- None of the above

9. Write the code to add five paragraphs to your webpage and apply the following styles*

a) Change the text color of the first paragraph to blue.
b) Change the text color of the second and the fifth paragraph
to orange.
c) Change the text color of the third and the fourth paragraph 
to red.

10. Which of the following is the correct syntax to define a function in JavaScript?*

```
def functionName():     
    return 5
```

function functionName() {      	
    return 5;  
}

```
function functionName     
    return 5;
```

function functionName {     
    return 5; 
}

11. Which of the following inbuilt function displays a popup with the text field for input?*
- ```
prompt()
```
- ```
alert()
```
- ```
show()
```
- ```
print()
```
12. Which keyword do we use to create variables in JavaScript?*
- ```
var
```
- ```
variable
```
- ```
int
```
- ```
integer
```
13. Which of the following properties is used to change the HTML code inside a body tag?*
- ```
document.innerHTML
```
- ```
document.body.HTML
```
- ```
document.body.innerHTML
```
- None of the options
14. What is the default value of position property?*
- ```
static
```
- ```
absolute
```
- ```
relative
```
- ```
fixed
```
15. Write the CSS code to position the div with id #box to the top left corner of the entire page.*
16. What action does the margin property perform?*
- It adds a border
- It adds space outside of the element
- It adds space inside the element
- It adds text outside of the element
17. Which value of CSS property background-repeat, repeats the image horizontally?*
- ```
repeat-x
```
- ```
repeat-y
```
- ```
no-repeat
```
18. Is there any boolean attribute in the following code snippet?*
```
<audio src="meow.mp3" preload> </audio>
```
- Yes
- No
19. Which built-in function displays a popup without a text field for input?*
- ```
prompt()
```
- ```
alert()
```
- ```
print()
```
- ```
display()
```
20. Which css property can we use to zoom in the image to cover the entire screen?*
- ```
background-image
```
- ```
background-size
```
- ```
background-repeat
```
- ```
background-decoration
```

21. Which of the following lines of code gets the element with id demo and stores it in a variable named result?*

var result = Document.GetElementById("demo");

var result = document.getElementById("demo");

var result = document.getElementByClass("demo");

None of the options

22. What is the jQuery equivalent of:*

var answer = document.getElementById("box");

```
var answer = #("box");
```
```
var answer = $("box");
```
```
var answer = $("#box");
```
```
var answer = $(".box");
```

23. Write the HTML code to do the following:*

a) Create a div with class box 
b) Use the style attribute to set its background color to yellow

24. There are four ways of giving colors to a webpage. Write down their names.*
25. Write down the intensity of red color in all of the following color codes?*
```
- #234211
- rgb(100, 23, 20)
- rgba(100, 23, 20, 1)
```
26. Which attribute is used to call a javascript function when we click on any HTML element?*
- ```
onclick
```
- ```
click
```
- ```
javascript
```
- ```
mouseclick
```
27. Which of the following jQuery functions hides elements from the webpage?*
- ```
hide()
```
- ```
show()
```
- ```
display()
```
- ```
hidden()
```

28. Which of the following is correct way to get total duration of a video with id #deadpool*

```
 var time = $("#deadpool").duration;
```
```
 var time = $("#deadpool")[0].duration;
```
```
 var time = $("#deadpool").time;
```

 var time = $("#deadpool")[0].getTime();

29. Which styling when applied to a square box, will change it into a circle?*
- ```
border-radius: 0%; 
```
- ```
border-radius: 10%;
```
- ```
border-radius: 20%;
```
- ```
border-radius: 50%;
```
30. What is the default value of the display property of the div tag?*
- ```
block
```
- ```
inline-block
```
- ```
inline
```
- ```
none
```

31. Can we add a for loop in JavaScript?*
- Yes
- No
32. What is the full form of DOM?*
- Document Object Model
- Document Object Manipulation
- Document Object Management
- Document Organized Model
33. Which position value fixes the element to the window and doesn't move even on page scroll?*
- ```
fixed
```
- ```
absolute
```
- ```
relative
```
- ```
static
```
34. Which of the following tags adds audio to the webpage?*
- ```
<video>
```
- ```
<audio>
```
- ```
<music>
```
- None of the options
35. Which of the following lines of code changes the src attribute of the img tag?*
- ```
$('img').attr('src','file.jpg');
```
- ```
$('img').attr('href','file.jpg');
```
- ```
$(img).attr(src, 'file.jpg');
```
- None of the options
36. Which of the following functions converts a decimal number into an integer?*
- ```
Math.random()
```
- ```
Math.int()
```
- ```
Math.floor()
```
- None of the options
37. Write down the jquery code to get the values of following CSS properties of an element with class red-box*
```
- background-image
- color
- font-family
```
38. Write down the CSS code to flip an image horizontally.*
39. What value of overflow property will hide the content that goes outside the container?*
- ```
visible
```
- ```
scroll
```
- ```
hidden
```
- none
40. Write down the javascript code to save your name in the browser's local storage.*

Languages We Teach

Scratch

HTML/CSS

JavaScript

Python

Java

Application - Instructor (New)

Job application for Online Coding Instructor Position

Contact Information
Name*
First Last
Email*
Phone*
Address*
Street Address Address Line 2 City State ZIP Code
Have you applied with CodeWizardsHQ previously?*
- Yes
- No
When?*
Month
Day
Year
What is the highest level of education you have?*
Are you eligible to work in the U.S.?*
- Yes
- No
Tell Us About Yourself
Please upload your resume and answer the following questions.
Upload your Resume/CV in a pdf format
Accepted file types: pdf, Max. file size: 256 MB.
Why are you interested in becoming a CodeWizardsHQ Instructor?
Tell us about a time you taught someone a new concept or skill?
Please select all the programming languages you would be comfortable teaching?*
- Scratch
- Python
- JavaScript
- MySQL
- HTML/CSS
- Java
Your Availability
The highest availability of classes is between 4pm – 10pm CT Monday – Friday, 10am – 5pm Saturday, and 10am to 6pm on Sunday. Please select all slots you would be available to accept a class if offered.
- Monday
  - Select All
  - 8:30 am - 9:30 am CT
  - 10 am - 11 am CT
  - 12:30 pm - 1:30 pm CT
  - 3 pm - 5 pm CT
  - 5:30 pm - 6:30 pm CT
  - 7 pm - 8 pm CT
  - 8:30 pm - 9:30 pm CT
- Tuesday
  - Select All
  - 8:30 am - 9:30 am CT
  - 10 am - 11 am CT
  - 12:30 pm - 1:30 pm CT
  - 3 pm - 5 pm CT
  - 5:30 pm - 6:30 pm CT
  - 7 pm - 8 pm CT
  - 8:30 pm - 9:30 pm CT
- Wednesday
  - Select All
  - 8:30 am - 9:30 am CT
  - 10 am - 11 am CT
  - 12:30 pm - 1:30 pm CT
  - 3 pm - 5 pm CT
  - 5:30 pm - 6:30 pm CT
  - 7 pm - 8 pm CT
  - 8:30 pm - 9:30 pm CT
- Thursday
  - Select All
  - 8:30 am - 9:30 am CT
  - 10 am - 11 am CT
  - 12:30 pm - 1:30 pm CT
  - 3 pm - 5 pm CT
  - 5:30 pm - 6:30 pm CT
  - 7 pm - 8 pm CT
  - 8:30 pm - 9:30 pm CT
- Friday
  - Select All
  - 8:30 am - 9:30 am CT
  - 10 am - 11 am CT
  - 12:30 pm - 1:30 pm CT
  - 3 pm - 5 pm CT
  - 5:30 pm - 6:30 pm CT
  - 7 pm - 8 pm CT
  - 8:30 pm - 9:30 pm CT
- Saturday
  - Select All
  - 8:30 am - 9:30 am CT
  - 10 am - 11 am CT
  - 11:30 am - 12:30 pm CT
  - 1 pm - 2 pm CT
  - 2:30 pm - 3:30 pm CT
  - 4 pm - 5 pm CT
  - 5:30 pm - 6:30 pm CT
  - 7 pm - 8 pm CT
  - 8:30 pm - 9:30 pm CT
- Sunday
  - Select All
  - 8:30 am - 9:30 am CT
  - 10 am - 11 am CT
  - 11:30 am - 12:30 pm CT
  - 1 pm - 2 pm CT
  - 2:30 pm - 3:30 pm CT
  - 4 pm - 5 pm CT
  - 5:30 pm - 6:30 pm CT
  - 7 pm - 8 pm CT
  - 8:30 pm - 9:30 pm CT
- What is the maximum number of classes you are willing to teach weekly.*
Additional notes on availability?
How did you hear about this opportunity?*
Application Submission
Please type your initials in agreement to the following statements.
I have read the requirements listed for the Online Coding Instructor position and, if offered a position, agree that I can meet all of the requirements.*

Testing 123

APT - H13: User Interface

Step 1 of 5

APT - H12: Frontend Web Development 2021

Step 1 of 5

Languages We Teach

Scratch

HTML/CSS

JavaScript

Python

Java

Application - Instructor (New)

Contact Information

Tell Us About Yourself

Your Availability

Application Submission

Pin It on Pinterest