Web Developer Screening Interview Questions Matthew McCracken

The document is a screening test/interview for a remote web developer position at SHI International Corp. It contains 19 questions for the candidate, Matthew McCracken, ranging from their employment status and availability to technical questions about web development topics like HTML, CSS, JavaScript, APIs, and testing. The candidate provides thorough answers to each question demonstrating their qualifications and experience for the position.

Uploaded by

Matthew McCracken

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

132 views

Web Developer Screening Interview Questions Matthew McCracken

Uploaded by

Matthew McCracken

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

You are on page 1/ 4

SHI International Corp

Screening Test/Interview Questions for Web Developer (Remote) Position

Instructions: Please precede all your answers with the question you are answering.
Use acronyms only after you've explained them.
Use correct spelling and grammar.
Be sure to write your name and the interviewer’s name.

Candidate’s Name: Matthew McCracken

Interviewer’s Name: Evan

1. Are you currently employed?

Yes, I am currently a software engineer at Raytheon Intelligence & Space.

2. Will you be able to devote 30 to 40 hours of your time weekly for the company?
Yes, I currently work 40 hours per week without issue.

3. What are the responsibilities of a web developer?

A Web Developers responsibilities include creating websites or web products that have good
UI/UX design and function properly and efficiently. This can mean creating new functionalities,
fixing bugs, and collaborating with other teams.
4. How do you differentiate between ID and Class selector?
The ID selector applies to only one element on a page, and the class selector can apply to
several elements on a page.

5. What are the differences between HTML and XHTML?

HTML is an abbreviation for Hypertext Markup Language, and XHTML is an abbreviation for
Extensible Hypertext Markup Language. XHTML is a stricter version of HTML. HTML is SGML
(Standard Generalized Markup Language) based, and XHTML is an XML-based language.

6. Explain what is an ETag and how does it work?

An ETag is an entity tag. It is an HTTP header that validates the user has the most recent
version of a record. When a GET request is made, the ETag is returned as a response header.

7. Mention some tips you can use to reduce the load time of a web application that you have
written?
Some tips to reduce the load time of an already written web application include compressing
any images on the page. This will allow them to load faster. Another option would be to cache
pages after they have loaded the first time. This can be a very effective method at combating
load times. Lastly, the developer can setup their JavaScript and CSS to load asynchronously
when possible. This will allow multiple elements to load at the same time.

8. Mention what is the correct way to include JavaScript into your HTML?
The most effective way to include JavaScript in HTML is by utilizing event handlers. When this
is not possible, we can instead use inline code. This is done by putting the JavaScript code
between an open script tag and a closed script tag.

9. What are the new form elements introduced in HTML5?

There are five new form elements introduced in HTML5. They are datalist, output, keygen,
meter, and progress. The datalist tag is used to provide an "autocomplete" feature for user input
given a list of pre-defined options for the input. The output element is used to display a
non-interactable value that is the result of a calculation. The keygen element is for generating a
public-private key pair and submitting the public key from the key pair. The meter element
provides a gauge that displays a value within a range given a minimum and maximum value.
Progress is like meter but should be used when we want to display a percentage of how
complete a task is.
10. What's the best way to integrate 5 different stylesheets into a website?
The best way to integrate 5 different stylesheets into a website would be to compile them into
one document if possible. This is because it is easier for a client to load one file rather than five.
However, the precompiled files should be kept separate for better code maintainability and
organization.

11. How well do you handle constructive criticism about your web development projects? Can
you give me an example?
I handle constructive criticism well. For me, constructive criticism is one of the best methods to
learn. Without it, I could easily keep making the same mistake. I worked on a project to convert
a PHP based web application to a JavaScript application on a React framework. My team and I
were unfamiliar with React when we started the project, so we decided the best way to get
started would be to review each other’s code before it was merged into the production branch.
At first, I regularly received constructive criticism since there are many ways of completing
tasks, and as time went on, my team and I could feel us all improving from it. We eventually
completed the project successfully.

12. What steps do you take to balance demanding client requirements?

I have not yet been in this scenario, but I imagine if I was, I would rely on agile development
principles to make it through. After creating and pointing stories for everything the customer was
requesting, if I found that the total story points were greater than my team’s capacity, I would
explain the situation to the customer. Given the evidence presented and a good relationship
with this customer, it should be possible for a compromise to be made.

13. In HTML what tag can be used for a multi-line text input control?
The best option to create a multi-line text input control would be the textarea element. It allows
the user to enter text in a resizable text box and can also be given a default starting height and
width. You can also use the textarea’s built-in functionalities to set a character limit for help
sanitizing the input.

14. In HTML mention the difference between <div> and <frame>?

The div tag defines a division or a section on a page, whereas the frame tag defines one
window (frame) within a frameset. Frame is also not supported in HTML5, whereas div is.

15. How do you differentiate between ES5 and ES6?

ES5 supports the primitive data types: string, number, boolean, null, and undefined. In ES6,
symbol was introduced as a primitive data type to support unique values. ES6 also introduced
new keywords such as let and const. The let keyword allows the developer to declare a variable
with block scope. The const keyword allows the developer to declare a variable that is not
allowed to change value. There were many other new features created for ES6 as well.
16. How do you organize your assets and class modules?
On the projects that I have worked on, assets and class modules have been sorted by where
they are located on the web page. Often, we will have a folder for each page that contains all
relevant information. With that being said, I do not think there is only one correct way of
organizing assets and class modules. I think the best way to do it is the way that everyone
agrees on doing it.

17. How would you help non-technical stakeholders understand APIs?

I would explain it using a grocery store delivery analogy. The API is designed around one
subject area just as the grocery store only has groceries. We can tell the grocery store what
groceries we want, along with how many and even what kind or flavor of each item. After we
select everything we want, we can choose how we want it bagged. Most people would pick to
have all their cold items in bags together. Then we submit our order and moments later the
groceries show up at the doorstep. Then we must decide what to do with them. We need to put
the items away in the pantry or the fridge depending on what the item is. After everything is put
away, the request is completed, and we can ask for more groceries whenever we need them to
repeat the process. This analogy closely relates to how an API is receiving requests and
sending back information based on the request.

18. How do you differentiate between black box and white box testing?
Black box testing only considers the external behavior of the system, so how the software works
internally is not accounted for. White box testing considers both the system’s internal and
external functioning.

19. Looking to the future of web development, what do you think will be the biggest trends?
I think the next major push in web development is going to be the use of artificial intelligence
(AI). We have already seen a lot of popularity with new web products such as ChatGPT and
Dall-E. AI has a lot to offer in terms of user interaction, data analytics, and maybe even
development.