Machine Coding Round Questions Part 1 | Web Developer Interview
HTML-код
- Опубликовано: 13 сен 2024
- This Part 1 video covers the latest questions asked in Machine Coding Round of the Frontend Developer Interview. Video Part 2/2 Link - • Machine Coding Round Q...
These are the set of 5 questions and at the end of the video, I’ll also tell one more bonus Interview Question which you can practice to crack your upcoming UI Developer Interview.
In the last video in this Cracking the Frontend Interview Video series we covered all the tips and tricks, especially for Machine Coding Round. That video includes in depth tricks right from how to manage time, to writing better code which can impress the interviewer. Machine Coding Round is generally the first round in the interview and is the easiest round among all.
If you practice these 6 questions sincerely by writing code and following the tips and tricks which I mentioned in my last video. I bet, it would be very easy for you to crack the interview. These set of questions are the ones which I’ve faced myself while interviewing for Microsoft, Flipkart, Swiggy and other good companies. Practicing these frontend problems will make you confident when you’re actually facing similar problems in interviews.
At last, I would say that the main thing in interview preparation is practice and I can help you with that. Pick up any one of the 6 interview questions I’ve covered and try to write the code, just like you would have done in the interview round.
If you do so and comment down the link to GitHub code. I’ll definitely go there and review your code. I’ll suggest if any improvements required or how could you have done things better. That will be great learning for you as well as for others who look at your code.
Also, comment down which question you find the toughest and any part of the interview round which you’re confused about. I’ll help you in any possible way.
Also watch these related videos which can be just like the Cherry on the Cake. Preparing and using these concepts in your solution can really impress the interviewers :
Debouncing & Throttling- bit.ly/2S1nWUm
Thinking Recursively - bit.ly/2G0prNL
Wish you all the best for your upcoming Web Developer Interview. Don’t forget to like this video if you got to learn something from it.
Share it with your friends and help them: “We rise by Lifting Others” :)
If this video was helpful, give it a thumbs up and subscribe to my channel for more such videos. 🔔
Link to Subscribe: www.youtube.co...
If you want me to cover any specific topic, then comment down below. I would be happy to help you.
If you find my videos helpful,
then please support this channel by buying a coffee,
www.buymeacoff...
Cheers,
Akshay Saini
akshaysaini.in
Would love to Stay Connected with you ❤️
LinkedIn - / akshaymarch7
Instagram - / akshaymarch7
Twitter - / akshaymarch7
Facebook - / akshaymarch7
#Javascript #CrackingTheFrontendInterview #AkshaySaini
you are younger than us and you are giving the best from you, hats off for you and being an younger guy to us , you are doing the best for all of us looking for great twist in our life. Hats off to all your efforts and dedication.
Thanq very much brother
Akshay Saini: Solve these 6 questions and you will definetely crack the machine coding round.
Followed the advice. Turned out. I got the same comment widget in my machine coding round. Used the bare minimum CSS as you told for the question and used localStorage to save the data.
Guess who got selected in the interview :D
Hey I have a small question ..Is it required to do this in vanilla js ? Or can I use libraries like react js. This looks really difficult do build with vanilla js.
c
Were you allowed to use Internet?
@@niteshsaxena1066 They allowed it but I didn't use it
@@satyadeeproat2012 great
I was also given the task when I was interviewed with flipkart :-D
1. Implement a comment section with the following.
a. Add a comment, b. Edit a comment, c. delete a comment, d. reply a comment
2. Display the latest 4 comments and its replies and remaining should be hidden and viewed with previous comment link
3. On page, refresh reload the comment section
4. Good to have n level of replies
- Prioritise Object oriented design
- Do not use external libraries
Rip to those guys who thinks this problem as just coment box easy one,, it almost took me 40 hours to build the logic completely and implement functionality and storing it in local storage and retrieving back it on UI
@@pavansanthosh8085 Can you please share the code?
Hi can we do this using react.js or pure javascript
so true
Video Part 2/2 Link - ruclips.net/video/Ex0qS1qg6NI/видео.html
Like the video and Subscribe(Bell Icon) to never miss any important video.
i'm a simple man , i see akshay saini video i hit like even though i'm no web developer
Hi Akshay,
Your videos really helped me alot while preparing for the interviews so thanks for that.
Just wanted one favor from you is that can you please provide solution on 1st question of this video about comment widget.
Hey Akshay, thanks for the content. I just need one clarification that are we (or you) allowed to use any external CSS library?
please continue. this machine coding round series dude,this will help so many
Hi Akshay... I have some queries on the comments question. I understand that tree logic is a bit tricky to build but would like to know how to approach this.
1. Are we expected to build using web components and templates? Or can we use any templating library?
2. If we add a new comment, I would like to handle the update at that placeholder (Talking about inserting the comment in between). I don't prefer reloading (talking about using GET /comments vs POST /comment or PUT /comments/id) and rerendering the array of trees. Are we expected to build it in 1.5hr or is it ok if we write the core logic for the tree and convey our approach on how the templating would be built?
Great video lot of things are missing from the people thanx for telling us these things you r doing a fab job brother
Hmm
Can you please provide answers also for each of these questions
Raj, did you find solution for this?
yes that would help
2. Drag and drop task app where you need to show tasks bin area and you can drag and drop task to section
Akshay bhaiya thanks for the video . I have one request can you please provide some resources where I can get these types of problems with their solutions . I know data structures and algorithm and I am understanding the idea but I am having problem implementing it using javascript .
Can you please share us the resources
Draggable List in Vanilla JS is quite hard to achieve in 2 hours unless you are thorough with the syntax. Which company asked this Draggable question anyway?
Thanks for sharing this video. I have one suggestion. Try to improve the audio quality of your videos. 😊
Thanks for your suggestion mahima.
This is an old video, ive got a mic now. Upcoming videos won have a problem. 👍🏾
This video helped me a lot in last minute preparation!! Interview went well. Now 🤞
Thanks a lot!!! 😃
Very nice video to develop the new application.Thanks
Hello Akshay, In this Machine Coding round can we use UI libraries like Materialize?
Can u provide resources where we can practice such type of questions please reply bhai 🙏
Nice questions and thanks for Sharing :)
Thank you for the video Akshay :) Can you help me with resources which I can refer to practice questions like these!
If you get please do comment?
If you get the answer can you please share us the resources
Sir can u please tell what type of subjective questions may be asked for front end developer profile if there is a campus drive..
Cna you please make a video on how to get these interview opportunities? You have talked about staffing agencies, but not in much detail. It would be extremely helpful if you make a video on that . Or, at least, in the comments, describe how it happens. Cheers!!!
Can we use any ui framework or any third party libreary or just plain javascript, html and css
thank you!
trelo , jira , fabricator 🔥
yes brother its nice question Thanks
facebook do not have a nested comment system. They limit to just 2 levels.It was more nested previously i think
Hi Akshay - I had a question. Can We use node for installing dependencies or to create local server at the time of machine coding in interview?
Could you please share the source code for the problems.
Great
Can we use library like react or we have to do in plain js css html
No
Sir can we use CSS templates for makings UI ...pls reply
Is using Google or chatgpt allowed?
1. Comment widget
2. Todo list app
Thanks, Thanks Thanks
Brother ...do we want to use plain js in these questions.? Or can we use libraries and css frameworks , webpack etc?
I assume this must be developed with frameworks otherwise vanilla JS would take a lot of time to build such dynamic UI. Achievable but time consuming. The interviewer is interested in the final output in this round. Your core JS skills would be tested in a separate round.
yes
Akshay a quick question, When u say "data structures", what do u refer to in javascript?
A "data structure" is a data organization, management, and storage format that enables efficient access and modification.
It depends on the situation may be Arrays, Objects, Maps etc as there are data structures in JS
@@NidhishAbraham nnn
do we need to do these questions in vanilla JS
Googling is allowed?
Do share all of your experiences
This is a forest 🤣
Can we use Ui library like react Or plain old Js?
plz. add the solution of this questions.
@Akshay saini sir please reply fast 🥺
dedee
dede
dede
ded
e
de
d
e
de
Bro