Pre-Mock Preparation & instructions

1. You must be in the same zoom room as your peer.
2. How to score the candidate (interviewee):
   1. For the non-technical conversation you’ll have the questions and guidelines on what should the candidate more or less talk about (it’s an open question so you expect from the candidate to be professional, focus on the question and not another unrelated topic).
   2. For the technical conversation part you’ll have for each question its correct answer and the candidate will either give the whole correct answer to get the whole point otherwise you give them 0.
   3. for the other coding exercises, the interviewee must have a working program with the correct output / answer to get the whole score on the task, otherwise 0.
3. Set a timer before starting each section.
4. If the candidate doesn’t answer all the questions for each section and the time is over, you should move to the next one ! ⇒ Set a timer on your phone or your computer before starting each section !
5. VERY IMPORTANT :
   1. Before starting the Mock Interview
      1. You as the interviewer must be logged in to use the google sheet to score the candidate.
      2. The candidate must give you their information that you’ll need to fill the google sheet such as :
         1. Intranet ID number
         2. Campus
         3. Name
         4. …
   2. How to score ?
      1. Give the full score (Scale / Max score column in the sheet) is the answer is complete.
      2. Give half the score if the answer is partially correct. (around 50% of the max score of the question).
      3. Give 0 if the answer is wrong.

Part 1: Non Technical Conversation (5 - 10 minutes)

1. How do you handle workplace stress?

   1. Does the candidate express their stress to their team members ?
   2. Do they take small pauses to ease the situation ?
   3. Does the candidate explain if they try to decrease the stress level or find a suitable solution for themselves or all the team ?
   4. Do they meditate, do some stretching exercises, write down their mind on a journal ??
   5. The candidate must mention how they handle stress and how the steps they take help them.

2. What are your long-term career goals ? Explain how do you think you’ll achieve your goals.

   1. Becoming a full-stack engineer, frontend, backend, blockchain, game developer…
   2. A startup founder
   3. An investor
   4. A team lead or an engineering manager
   5. A freelancer….
   6. They must explain (not into much details) how do they think they’ll get to their goal(s).

3. Tell me about a group project that you’ve worked on lately and what did you learn from it (technical and soft skills).

   1. They can mention one of the C projects that they’ve worked on, printf, simple shell, binary trees or any other personal project, etc.. the question is open so they just need to remain professional and focus on the topic of the question and not talk about something else.

4. How do you prioritize tasks with overlapping deadlines ?

   1. Uses task matrices, impact vs urgency, communicates blockers early etc…

5. How do you stay updated technically ?

   1. Blogs, tutorials, documentations, articles, following tech influencers and developers on social media (LinkedIn, X, Medium, blogs etc…), Newsletters, Technical forums, subreddits and so on…

Part 2: Technical Conversation (15 - 20 minutes)

1. What is the difference between <div> and <section> in HTML5?

   1. answer :
      1. <div> is a generic container with no semantic meaning, used for styling or scripting. <section> is a semantic element that represents a thematic grouping of content, like chapters or tabs. Use <section> when the content has a clear theme or heading.

2. Why is semantic HTML important for accessibility and SEO?

   1. answer:
      1. Semantic HTML (e.g., <header>, <nav>, <article>) improves accessibility by helping screen readers understand page structure. It also boosts SEO by making content more understandable to search engines, improving rankings.

3. What is the difference between justify-content and align-items in Flexbox?

   1. answers:
      1. justify-content aligns flex items along the main axis (horizontally by default), while align-items aligns them along the cross axis (vertically by default).

4. What is the purpose of the @media rule in CSS?

   1. answer: The @media rule applies styles conditionally based on device characteristics (e.g., screen width).

5. What is the difference between rem and em units?

   1. answer:
      1. em is relative to the font-size of its parent element, while rem is relative to the root (<html>) font-size. rem is more predictable for responsive design.

6. What is ARIA and why is it important?

   1. Answer:
      1. ARIA (Accessible Rich Internet Applications) is a set of attributes that improve accessibility for dynamic content (e.g., aria-label, aria-hidden). It helps screen readers interpret complex UI elements.