I applied through an employee referral. The process took 2 weeks. I interviewed at Atlassian (Mountain View, CA) in Aug 2020
Interview
I was referred by an employee, the interview process for me started and ended within 7 days after phone screen. I got an offer 5 days after my onsite interview.
There's 1 initial phone call with a recruiter, 1 technical phone screen, and the onsite which consists of 5 interviews.
Recruiter phone call ~ Talks about Atlassian values, questions your salary range, explains the process, and helps you schedule your phone screen.
Phone screen interview ~ This interview lasts about an hour but the interviewer will give around 10 minutes at the end for questions like many other tech companies do.
For me they asked questions related to JavaScript async / await & promises usage to get a better understanding of how I manage data handling. There was also a followup question that extended the previous question to get a sense of how I would handle scaling.
Note that this was really the only interview that had anything related to leetcode practice,
so don't think that because you leetcoded a ton means you can get by the onsite.
Onsite (1 values, 1 frontend coding, 1 frontend design, 1 system design, 1 manager int) ~
The technical interviews...
For me the frontend coding was similar to the phone screen with some twist.
The frontend design was to replicate a ui and it's behavior with any framework of your choice.
System design was to come up with a way to build a ui layout and it's features, (resembles an Atlassian product...).
Previous glassdoor interview reviews didn't help me much to be honest.
There wasn't clearcut alg/ds questions but rather building ui and their features that required
a deep understanding of alg/ds.
They mostly focus on your react and js knowledge and won't ask leetcode style data structure and algo questions. There are total 6 rounds of interview for P40 front end level.
Interview questions [1]
Question 1
In Karet round they ask things in plain JS and react is not allowed
I applied through an employee referral. I interviewed at Atlassian
Interview
After the initial phone screen I had to setup an interview through Karat, which I had never used before. The interview is all vanilla JS. The first part is questions like "what is the expected output of this code? How would you fix it?" and you have to solve it by looking at it (you can't run it), questions like "what is the difference between bandwidth and latency", then a coding challenge in vanilla HTML and CSS (no JS) to style something (you'll get an image to use as reference), then a challenge to build a component in vanilla JS (so know how to do DOM manipulation). The Karat IDE is extremely frustrating because it does not format or autocomplete, nor will it yell at you if you forgot to close a tag, and you have to click 'run' (no hot refresh). Unlike a regular coding challenge, you can't ask the interviewer any questions and they won't help you at all, even if you get stuck on something dumb (like not closing a paragraph tag and wasting time trying to figure out what the issue was because the IDE didn't tell me anything, nor did the interviewer). The DOM manipulation part was also annoying. Is Atlassian really requiring devs to `document.appendChild()` in their code? It was a pretty impersonal experience and I think I'll avoid any future interviews with companies that use Karat.
It is about first round for Frontend Developer role that conducted on Karat. All questions they asked related to only HTML, CSS, and Javascript. 1. Can you find is there any security issue in javascript code? const data = await fetch("api") const div = document.getElementById("todo") div.innerHTML = data So in that I need to find what is that how can resolve it. 2. they gave an image url and I need to make same ui as it is. there were 6 points there I need to fulfil those. a. one title heading that need to align in center with bold b. there were one image that should be on left side with covering 30% width of viewport. c. on right side one paragraph there that should cover remaining view port as 30% covering by image. d. one metadata - "Published - 2023" that was at right end. 3. Given an API returning a list of todos, we want to fetch the list, create a separate block for each user, and display their todos in the appropriate block. Use this endpoint URL to get the todos: https://dummyjson.com/todos?limit=10&skip=80. It will return the following structure with total of 10 todos: { "todos": [ { "id": 1, "todo": "Do something nice for someone I care about", "completed": true, "userId": 26 }, ], } Each block should contain the userId as the title of the block and the list of todos.
Interview questions [1]
Question 1
1. Can you find is there any security issue in javascript code? const data = await fetch("api") const div = document.getElementById("todo") div.innerHTML = data So in that I need to find what is that how can resolve it. 2. they gave an image url and I need to make same ui as it is. there were 6 points there I need to fulfil those. a. one title heading that need to align in center with bold b. there were one image that should be on left side with covering 30% width of viewport. c. on right side one paragraph there that should cover remaining view port as 30% covering by image. d. one metadata - "Published - 2023" that was at right end. 3. Given an API returning a list of todos, we want to fetch the list, create a separate block for each user, and display their todos in the appropriate block. Use this endpoint URL to get the todos: https://dummyjson.com/todos?limit=10&skip=80. It will return the following structure with total of 10 todos: { "todos": [ { "id": 1, "todo": "Do something nice for someone I care about", "completed": true, "userId": 26 }, ], } Each block should contain the userId as the title of the block and the list of todos.