Request Dev Services »

cdev.co / Notes /

Web Development: Pop Quizzes (sample)

As a Web Developer you’ll get countless pop quizzes and tests throughout your career. Here’s one I received not too long ago.

What excites or interests you most in the world of web development right now?

Me: The power and progression of the technology.

If you could master one technology this year, what would it be?

Me: Complex JavaScript (ES6). But I like PHP too.

Can you describe your workflow when you create a web page?

Me: I’ve done it a few different ways to date, but if it were up to me; I would firstly identify the specifications and functionality (scope), potentially also the wire-framing of, then design would be determined based on wireframe. Followed by the development side I’ll use PhotoShop to slice the assets that I can’t create with CSS, then begin the HTML, followed by CSS. If the project is functionality heavy I’d build the basic functionality PHP or JS, then HTML and CSS (if HTML is still relevant).

Tabs or spaces? * HTML & CSS

Me: I use tabs to indent; but use spaces within elements.

Explain how a browser determines what elements match a CSS selector

Me: Through the DOM or Document Object Model. The HTML is parsed, then appends to the DOM Tree; the recognizable selectors become a Node in the DOM Tree. The DOM is where content and CSS meet, and ultimately the engine behind it.

Is there any reason you would want to use translate() instead of relative positioning, or vice versa? And why?

Me: I don’t use this one too much globally due to it’s cross browser support. But, some benefits of this technique could include more flexibility with less code to an element that may move often, performance wise there are scenarios where it renders faster then declaring a position because of it’s approach of utilizing GPU as opposed to CPU, and could contain less ‘pixel snap back’ between various resolutions for responsive sites.

What kind of things might you be considerate of when designing or developing for websites that require multilingual support?

Me: Unicode settings, translation space, date and time, currency formatting, API restrictions, wider browser / device range, to name a few.

Why is it, in general, a good idea to leave the global scope of a website as-is and never touch it?

Me: It appears the website project would be scaling or expanding the functionality; so it would make sense to leave some core global features as-is and scale around them both for legibility and to evade any potential conflicts and pollution.

Explain “hoisting”

Me: Hoisting ultimately allows use of variables and functions before they are officially declared in the code, in the “compiler phase” the variables and functions are stored in memory immediately. No code is actually rearranged in this process, but the resolved effect is similar to that of these variables and functions being automatically declared at the top of their scope.

Explain why the following doesn’t work as an IIFE and what must you change to get it to work?

function foo(){
/* code */ 
}();

Me: If you don’t explicitly tell the parser to expect an expression, it sees what it thinks to be a function declaration without a name and throws a SyntaxError error.

Me: A fix; it now knows to parse it as a function expression and not a function declaration.

(function(){
/* code */ 
}());

What is the difference between actions and filters in WordPress?

Me: Filter hooks can be applied to the data output, essentially controlling or changing the already processed output. Action hooks are triggered when something takes place, at a basic level they can be seen as includes; more advancedly, light functions.

What is the difference between get_option() and get_theme_mod()?

Me: Retrieves an option value based on an option name. Retrieves theme modification value for the current theme.

 

About the Author
Cameron Cashwell Web Developer
I build websites, web apps, and software. Wanna work together? Let's chat about your project!

Leave a Reply

Be the First to Comment!

Notify of
avatar