CSC 360 Oral Exam

Question 1

T/F When a media player initially loads a video file, the player shows the last video frame as a preview of the video’s content.

Answer 1

False, It loads the first video frame of the file. poster=”url” can also set the thumbnail of a video when it is loaded.

Question 2

T/F A transition must start immediately after an event that triggers it.

Answer 2

True

Question 3

T/F Header cells and data cells are types of table cells supported by web tables.

Answer 3

True.

Question 4

T/F The post method is the default method that tells the browser to append the form data to the end of the URL specified in the action attribute.

Answer 4

False, the get method appends form data to a URL whereas the post method appends to a data server

Question 5

T/F When using Bootstrap’s grid system, you can mix and match classes for each tier. For example, you can use the following:
< section class=”container” >
< div class=”row” >
< div class=”col-md-4 col-sm-6” >< /div >
< div class=”col-md-8 col-sm-6” >< /div >
< /div >
< /section >

Answer 5

True

Question 6

T/F Preload and defer attributes can be added to the < script > element to modify its sequence of processing.

Answer 6

True

Question 7

Which of the following is true of animating objects in CSS?
1. Animations can only be run when a CSS property is being changed.
2. Animation creates an illusion of movement by displaying key frames in rapid succession.
3. Animations can be run only once as multiple images in rapid motion to a page object.
4. Animation is limited to two style rules defined at the initial and end states.

Answer 7

2. Animation creates an illusion of movement by displaying key frames in rapid succession.

Question 8

Which of the following browsers doesn’t support all audio formats such as MP3, Advanced Audio Coding (AAC), Ogg, and WebM?
1. Google Chrome
2. Microsoft Edge
3. Opera
4. Safari

Answer 8

4. Safari

Question 9

Every fieldset must contain the _____ element, which should have only text and no nested elements for describing its content.
1. Legend
2. Enctype
3. Script
4. form

Answer 9

1. Legend

Question 10

In Bootstrap 5.3, if you want to hide an element from all devices except assistive technologies (such as screen readers), you would use the class __________.
1. D-none
2. Visually-hidden
3. clearfix
4. text-hide

Answer 10

2. Visually-hidden

Question 11

The _____ attribute tells a browser to parse the HTML and JavaScript code together, only pausing to process the script before returning to the HTML file.
1. Async
2. Defer
3. Src
4. type

Answer 11

1. Async

Question 12

Identify the three table row groups supported by HTML.
1. thead, tfoot, and tborder
2. thead, tbody, and tfoot
3. thead, tborder, and tbody
4. thead, tfoot, and tcell

Answer 12

2. thead, tbody, and tfoot

Question 13

To compress and de-compress video frames, you would use a _________. This can help reduce the size of your video substantially.

Answer 13

codec

Question 14

The advantage of the ___________ approach is that a wide variety of timings can be defined, including timings in which a transition can stop, reverse itself, and then go forward again to its end state.

Answer 14

Cubic Bezier Curves

Question 15

A(n) ________ tag is displayed as a separate box or window within a Web page. These are used often when embedding code from websites such as YouTube.

Answer 15

iframe

Question 16

A(n) ________ field is an input box in which the characters typed by the user are displayed as bullets or asterisks.

Answer 16

password

Question 17

A(n) _________ is a named item in a JavaScript program that stores a data value, such as a number or text string, or an object, such as a part of the web browser or browser window.

Answer 17

variable

Question 18

JavaScript code is attached to an HTML file using the ________ element.

Answer 18

< script >

Question 19

Define at least 5 Bootstrap 5.3 components that use JavaScript and briefly describe each. (Make sure you know the difference between components that are just CSS and those that use JavaScript.)

Answer 19

• Accordion - by using a data-bs-toggle=”collapse” within a button to function with JavaScript inside of a div with the class accordion
• Carousel - by using classes such as carousel inner, carousel control prev, and carousel control next divs to create the carousel, and they contain divs with the class carousel-item and they house the images in the actual carousels
• Collapse - by using the class “collapse”, similar to the accordion, the div will appear when triggered by a button
• Dropdown - by using the class dropdown and dropdown-item, you can create a link dropdown within a nav bar
• Modal - by using the class modal in a div, you can create a pop-up notification that requires being dismissed

Question 20

List and describe at least five ways that you can achieve client-side form validation.

Answer 20

• Input Type within a form - like date, email, range, tel, password
• Required within a form - makes a form input required
• :invalid pseudo-class - can help css identify when a field type is not inputted correctly
• Maxlength within a form - makes a length maximum on a form input field
• Pattern within a form - helps to ensure that the information entered into form is in the correct format that it should be in, ex. Email, phone #, etc.

Question 20

Describe the difference between a table summary and caption and describe how they might be important for accessibility. Also note the HTML used to define them.

Answer 20

Table summary gives information about the table and the organization of it to help people navigate through a table. For accessibility, the table summary can help a sighted person navigate and understand the layout of the table.
Table captions work as additional information from the table and can help give context to the actual information within the table, and acts as a table header. For accessibility, a screen reader will read the caption of the table and help a reader know whether they want to hear the information within the table.
< caption > and < table summary=”” >

Question 21

Podcast feeds and RSS feeds are files written in ________.

Answer 21

XML file

Question 21

An executable Java applet will have the file extension __________.

Answer 21

JAR

Question 21

The ________ was an early adopter of the Adobe Acrobat standard – which helped make the Acrobat Reader application free. At least we can thank them for that.

Answer 21

PDF