17 questions and 9 skills to help you find and hire the perfect Vue Frontend Developer
Vue Frontend Developer
A three-stage interview process for assessing junior, mid-career, or senior level frontend developer candidates with a focus on Vue. This flow includes interviews for evaluating soft skills, Vue skills, as well as architecture skills.
Interviews
Evaluated skills
- JavaScript Frameworks
- Communication
- Engineering
- Agile Product Development
- Analytical thinking
- API Design
- CSS Frameworks
- Engineering Management
- JavaScript
Frontend, Problem Solving
Intended as a back and forth, assessing their ability to breakdown requirements and develop a working plan.
- You are asked to implement a registration and login page. What considerations do you need to take into account when designing and implementing this functionality?Question #115 minutes
- API Design
Evaluation criteria
- They should mention what are the specifications for login requirements, such as OAuth, business emails, etc.
- They should mention auxiliary pages such as change password, forgot password, and forgot username.
- You are in a position where you can make architectural choices. Two developers are arguing over an arbitrary linting rule; how do you decide which rule to implement?Question #25 minutes
- Engineering Management
Evaluation criteria
- We are looking for an understanding that business needs dictate developer standards
- How would you handle the deployment of a modern web app? From your local machine to the web? Feel free to use your dream technologies. IE: Marketing website with blog, app, phone app, interaction with backend.Question #320 minutes
- Analytical thinking
Evaluation criteria
- If they need an example, ask them to recreate Uber
- Have them identify their blind spots, and where they excel
- Describe technology choices for marketing website, SPA, and identify what other components would be necessary
Frontend, Vue (Technical)
A Vue interview, focused on assessing the candidates knowledge of the Vue framework and it's ecosystem.
- How has your experience with Vue been so far? Have you enjoyed working with it? What are the pros and cons compared to other SPA libraries, why do you like Vue?Question #110 minutes
- JavaScript
Evaluation criteria
- Open ended, what problems Vue solves and how it differs from it's competitors
- What is the difference between the Composition API and the Options API. Which is now considered best practice and why?Question #28 minutes
Evaluation criteria
- Composition API can extract pieces of reactive logic and share the code with other components.
- Composables. We can now use reactive state anywhere, not limited by the component.
- Currently the Composition API is the future of Vue.
- What is the difference between computed and watch? When do you use each?Question #36 minutes
- JavaScript Frameworks
Evaluation criteria
- Computed creates a new property that updates based on it's internal reactive dependencies
- Watch does not create a property, it watches a single reactive property and runs when that property is updated
- Computed is mainly used when you need to compose new data from existing data sources
- Watch is mainly used when you have to listen to a data source and take action on change
- Give a short explanation of slots, scoped slots, and dynamic named slots. Give a usecase for slots.Question #48 minutes
- JavaScript Frameworks
Evaluation criteria
- Vue implements the content distribution API using the <slot> element.
- Scoping a slot allows you to pass child state to the slot
- Dynamically named slots allow you to generate arbitrary numbers of named slots based on a key
- A table where each cell is dynamic and requires different rendering, is a common use case of slots
- What is Nuxt.js, what is it used for? When would you use it? When would you not?Question #56 minutes
- JavaScript Frameworks
Evaluation criteria
- Nuxt is a Vue framework that provides out of the box SSR, routing, bundling, among other features.
- We want the candidate to understand it's usecases. SEO, speed, etc.
- What is in your Vue 'toolkit'? What packages are useful? How are you deploying and creating your Vue apps?Question #66 minutes
- JavaScript Frameworks
Evaluation criteria
- Open ended question, we're looking for interest in Vue and it's ecosystem.
- Such as vue-cli or vite, vuetify, vuex, vue-router, vee-validate.
Frontend (Soft Skills)
A developer soft skill interview, focused on assessing the candidates teamwork and process related skills.
- What excites or interests you about coding? What technologies do you find interesting?Question #15 minutes
- Engineering
Evaluation criteria
- Clear preferences and aversions reflect experience
- Tell us about your preferred development environment, what tools you are comfortable with, and what tools you want to learn?Question #25 minutes
- Engineering
- Can you describe your workflow when you create a web page?Question #35 minutes
- Agile Product Development
- If you jumped on a project and you had a different opinion about linting rules or code formatting, how would you handle this in regards to your fellow team members?Question #43 minutes
- Communication
- What aspects are essential for a good code review? How do you make sure you are providing constructive criticism?Question #55 minutes
- Communication
- You are assigned to a ticket, and you are asked to gather information, estimate, and solve it. What does this process look like for you?Question #68 minutes
- Communication
- Do you have any opinion on CSS methodologies, frameworks, or libraries? How do you like to style your pages and apps?Question #75 minutes
- CSS Frameworks
- Are there any questions you would like to ask us about our development processes or technology choices?Question #810 minutes
- Engineering