Machine Coding Round 🔥 Web Developer Interview

Поделиться
HTML-код
  • Опубликовано: 29 авг 2024
  • This video covers my personal tips for cracking the Machine Coding Round in the Web Developer Interview. I’ll be sharing my personal tips for managing time, technical topics and many other approaches which you should follow to clear this super easy round in your next frontend Interview.
    Companies including Microsoft, Flipkart, Swiggy and many others take this as the first round for the Web Developers where you’ll be given a problem statement and they expect you to come up with working code in a limited time window (around 1-2 hours). Also, they expect you to code your solution in pure vanilla Javascript.
    By just keeping a few things in mind and preparing yourself mentally for this round can help you crack this machine coding round in UI Interview with ease. This is the second video in the Cracking the Frontend Interview series and in the next video I’ll be coming up with the most frequent questions asked in the Machine Coding Round.
    Cracking the Frontend Interview Series - • Machine Coding Round 🔥...
    Major things which interviewers check with this Machine Coding Round are :
    - Can you code from Scratch?
    - Are you good at basics of Javascript?
    - Is your code modular?
    - Is your code scalable?
    - Is your code readable?
    - Is your approach right?
    - How do you manage time?
    - How well can you Google?
    - Do you know what’s happening behind the scenes?
    Preparing in the correct way for this round of JS Interview can make it very easy for you to crack.
    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
    Comment down what did you like in this video, also let me know what would you like me to cover in the upcoming videos. I can help you better if you let me know.
    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

Комментарии • 127

  • @anshuljs3262
    @anshuljs3262 5 лет назад +95

    0:48 - First Round
    2:23 - Time Management (1 -2 )hours
    3:15 - first five min
    3:54 - ask the questions to the interviewer
    5:39 - Choose DS wisely
    6:04 - writing from scratch
    8:14 - Editor Shortcut
    8:36 - Fetching Data \Form API calls
    9:24 - Library function (Lodash)
    10:14 - Dom Manipulation
    10:45 - Local Storage
    11:41 - Sorting + searching + tagging
    12:22 - Flexbox CSS
    13:20 - Responsive App
    13:46 - Think Recursively
    14: 36 - is Your Code modular
    15:17 - Is your Code Scalable
    15:52 - Is your Code Readable
    17:11 - Keep Check on time Regularly
    18:29 - No Distraction
    19:16 - Test your code
    20:26 - The cherry on the cake, impress the interviewer

  • @MhZnSO4
    @MhZnSO4 5 лет назад +48

    Can you do a live stream for a machine coding problem, take one of the many problems asked and just do a 2-hour live stream as you would go along solving it. It would be really helpful for us.

    • @faizannasimhyder9011
      @faizannasimhyder9011 2 года назад +1

      I think Akshay is not active for quite some time. A live stream would have been very useful for us.

  • @sneha_d_mystery_princess
    @sneha_d_mystery_princess 5 лет назад +16

    Hi #Akshay just one point I would like to add in it, (Correct me, if I am Wrong) that take the trickiest part in the end, since if you take the Trickiest part / feature of the application in the 1st and then end up just exhausting your mind sooo much that , this feature may or may not get completed but you may end up exhausting your mind so much that you are not able to implement even the simple features...... if such things happen, you will end up stressing your self unnecessarily, also once up finish up with small small comparatively easy features, then it will make you at-least happy, and you will be able to concentrate on the Trickiest part with more confidence and clarity, this thing happened with me in one interview, and after wards I got to know that only I among the 28 people was able to develop that feature, others just have tried and left it incomplete ., It boosted my Confidence like any thing. And Thank you very much #Akshay you really really bring up very very useful things for us, great to have you as a mentor. Thank you #Akshay

  • @rajatpratapsingh3123
    @rajatpratapsingh3123 Год назад +1

    - Planning (5-8 min)
    - states
    - functions
    - only functional requirement (ASK interviewer)
    - components to be build
    - DOM manipulation
    - Good enough UI only at FIRST CREATE HAPPY CODE
    - Recursion in JS
    - Brush up core advance JS topics
    - array functions
    - all coding parts in Akshay Sir's video
    - Modulor Code
    - External CSS
    - Good names in CSS (BEMS)
    - Finish 10 min before
    - Revision & Test mannualy

  • @techguybiswa
    @techguybiswa 5 лет назад +6

    Awesome video! This video is a must watch for people who are taking UI interviews!!!!

  • @Messirobben047
    @Messirobben047 5 лет назад +10

    Hi Akshay, High hopes on this series.
    You could probably do a video where you can present a question that you faced in machine coding round and how you coded, while actually coding it in the video explaining what kind of patterns/architecture you chose etc.

    • @akshaymarch7
      @akshaymarch7  5 лет назад +8

      Sure, I'll try to come up with a video covering my approach to solve these problem in depth. Stay subscribed!

  • @parthj2039
    @parthj2039 3 года назад +2

    Dude your videos are awesome man! Thank you for doing this, real big help!! :) I really enjoy watching your videos.

  • @animeshsharma8285
    @animeshsharma8285 5 лет назад +4

    Thanks. You covered very important facts, like prepare for common things like Ajax calls, library methods etc before hand

  • @crystalflank
    @crystalflank 2 года назад +3

    18:45 "keep a water bottle so that you dont have to go to the washroom." --Akshay Saini 2019

  • @nabujjalnath8219
    @nabujjalnath8219 Год назад

    I have seen your channel grow from 45K to 259K and still growing. Nice to see you grow. It brings positive energy

  • @heuristicHiker
    @heuristicHiker 3 года назад +2

    This is fantastic! I appreciate the time and effort that went into this

  • @nileshinkane6034
    @nileshinkane6034 5 лет назад +3

    Very valuable information, excited for the upcoming videos. All the best!

  • @vijaykumarnanikeri
    @vijaykumarnanikeri 4 года назад +3

    Hi #Akshay, it's a much useful video.
    I believe the below would be helpful somewhere in this round.
    Sample models (Ex: vehicle specs, animals family, employee details, etc.)
    Variable names
    These will be helpful to build an imaginary architecture instantly.

  • @guyfromdoon
    @guyfromdoon 5 лет назад +6

    Sir please make a video on "How much time and efforts it takes to crack any interview". Please give us a "complete strategy" so we can follow it.

    • @akshaymarch7
      @akshaymarch7  5 лет назад +7

      Prepare for each and every round individually. Being mentally prepared is equally important as much as technically prepared for the interview. Anyways, will plan for a video with any extra tips which I can share with you. :)

    • @guyfromdoon
      @guyfromdoon 5 лет назад +1

      @@akshaymarch7 Thank you so much sir

  • @GauravGoyal1911
    @GauravGoyal1911 5 лет назад +1

    Hey Akshay,
    Thank you for devoting your time. It's really motivating to gear up for Coding Round. Commendable !!

  • @vishalgangde702
    @vishalgangde702 3 года назад +1

    Simple and deep explanation brother 👍🏻 you r doing great job for all the interviewees 😊

  • @adarshpatel7799
    @adarshpatel7799 2 года назад

    the energy and enthusiasm you are putting in namste javascript are unmatchable❤.

  • @deepanjanbanerjee2240
    @deepanjanbanerjee2240 5 лет назад +3

    Can you create another video as an extension to this video where you solve the question which you faced? How you approached the question? What you have done differently if given more time etc.

  • @akshaygarg576
    @akshaygarg576 4 года назад +2

    Bro
    Your machine coding tips and tricks really helped. I was able to crack that interview round.
    Can you please suggest some tips for system design round for FE position

  • @vinayadiga1674
    @vinayadiga1674 3 года назад +1

    Hey Akshay, these series are so good that I just want to follow what you are saying.

  • @xaero2529
    @xaero2529 5 лет назад

    Can't wait for the next video!!! THANKS FOR SHARING KNOWLEDGE

  • @animeshsharma8285
    @animeshsharma8285 5 лет назад

    This is perhaps the most important video

  • @govindgupta2222
    @govindgupta2222 3 года назад

    Thanks, Akshay for the great content 👍. Appreciate your time and effort.

  • @sudhanshujoshi6953
    @sudhanshujoshi6953 5 лет назад +2

    Thank you so much for such amazing content sir :)

  • @mohityadav21
    @mohityadav21 2 года назад +1

    22:29 how to implement simple typeahead feature in very less time? suggestions?

  • @indrajeetnikam5301
    @indrajeetnikam5301 Год назад

    Great explanation, really appreciate it ❤

  • @manikandanthangapandian7563
    @manikandanthangapandian7563 4 года назад

    This one is awesome. Please put a video for UI design round

  • @puneethvirat
    @puneethvirat 6 месяцев назад

    Hi,
    awesome video. Can you guide us how can we prepare for this round. resources and tutorials please.

  • @mansimehta6574
    @mansimehta6574 3 года назад +2

    Thank you so much for such a lovely content and your hard work.
    Along with preparing for front end interviews, I’m also preparing for backend interviews so I feel more comfortable coding in Java. Will that not be a good impression if it’s a front end position ?
    Thank you!

    • @harshilparmar9076
      @harshilparmar9076 2 года назад

      From my knowledge for front end machine coding interviews you must have to deal with browser so you must have to write Javascript/html/css. And if its something else you can just ask to interviewer instead of making trouble for your self.

  • @NaveenRawat51
    @NaveenRawat51 5 лет назад +3

    Hi Akshay, it'll be very helpful if you can list the pocs you were asked to work on machine test rounds?

  • @koppresh
    @koppresh 3 года назад

    Thanks for the info, this will help me with my coding round with upstocx

    • @saikalyangogineni1161
      @saikalyangogineni1161 3 года назад

      Hi, I have machine coding round on 02 August 2021 for upstox. can u please share your experience. it will be helpful for me

  • @chiranjivmansis1415
    @chiranjivmansis1415 4 года назад +1

    Really helpful series

  • @navin_kg
    @navin_kg 5 лет назад +1

    Hey Akshay , nice videos plz come up with more real scenarios I have saw your food ordering app something like many more

  • @sumanatprakash
    @sumanatprakash 5 лет назад +3

    Can we get some actual examples to practice ? Some questions or any book or any link which covers the core concepts.

    • @akshaymarch7
      @akshaymarch7  5 лет назад

      Check out the next video in the same series. I've covered a lot of questions which you can practiy. All the best!

  • @sandeepmenta9579
    @sandeepmenta9579 5 лет назад +1

    Thank you bro for uploading this video

  • @davidcooper8736
    @davidcooper8736 3 года назад +1

    Sir i can't download your resume from your website, it's showing 100% downloaded but i can't see it

  • @javohirmurodov4670
    @javohirmurodov4670 2 года назад

    thank you ! I have learnt a lot.

  • @abhinandankhilari9729
    @abhinandankhilari9729 5 лет назад +2

    Nice video. Can you provide some sample problem statements for the machine coding round?

    • @akshaymarch7
      @akshaymarch7  5 лет назад +3

      Next video will be covering that, stay subscribed! :)

  • @iamshivamgupta
    @iamshivamgupta 4 года назад +1

    Thanks a lot Akshay for this amazing video. Just one small question that I am from a Non- IT background and never worked on DS, so in how much depth should I prepare for DS??

  • @imranshaikh115
    @imranshaikh115 5 лет назад +1

    Really very impressive.

  • @niyasrahman131313
    @niyasrahman131313 5 лет назад +1

    I have a personal collection of syntax&pre made functionality. in any point, if I get confused I will refer that document

    • @akshaymarch7
      @akshaymarch7  5 лет назад +3

      That's great. Why don't you share that with everyone. :)

  • @lipsanayak2159
    @lipsanayak2159 4 года назад

    Hi - Thank you so much sharing all these with us in such amazing way. Keep it up. Stay Blessed :)

  • @reactivicky
    @reactivicky 3 года назад

    Thank you. Excellent video.

  • @akashghosh4766
    @akashghosh4766 5 лет назад +1

    great video. thanks for the tips. one more request can u take a machine problem and built it from scratch using JS.

    • @akshaymarch7
      @akshaymarch7  5 лет назад +3

      Sure, I'll try to come up with a video covering my approach to solve these problem in depth. Stay subscribed!

  • @MadhurAhuja25
    @MadhurAhuja25 5 лет назад +1

    How about React / Angular? Most machine coding rounds will ask to implement something in these frameworks. Pure javascript is usually asked in f2f interview rather than machine coding.

    • @akshaymarch7
      @akshaymarch7  5 лет назад +1

      Is it? Correct me if I am wrong.
      Most of the times, what I've faced is that companies ask us to code in vanilla JS in Machine Coding Round. Frameworks abstract a lot of things and make our lives easier, interviewers are interested to check if a candidate can actually code in vanilla JS.

  • @up6406
    @up6406 2 года назад

    You Nailed it. 👍🏽

  • @himanshushekhar3694
    @himanshushekhar3694 3 года назад

    Great content..Thank you for the help

  • @ravinivangune
    @ravinivangune 5 лет назад +1

    Hi Akshay, could you please suggest how to focus on datastructure and algo along with web development, and which language should i use for practice for data structure. As already we need to learn abound javscript and another framework so on which language should we focus for ds and algo... Thanks in advanced you are doing really great work...

  • @saicharan6339
    @saicharan6339 3 года назад +1

    The experience you had shared is simply awesome,thank you very much
    #saisharath

  • @digitalnomad303
    @digitalnomad303 3 года назад

    Very useful. Thanks for sharing :)

  • @sundushussain4952
    @sundushussain4952 2 года назад

    Hi, Akshay.... plz discuss the questions we will get a lot of help from those questions

  • @code_traveller
    @code_traveller 5 лет назад +1

    Awesome...

  • @FisheryHub1995
    @FisheryHub1995 6 месяцев назад

    I have done the full stack development and I want to practice questions for the machine coding round ,please suggest me a platform so I can practise questions.

  • @shubhambansal5487
    @shubhambansal5487 5 лет назад +2

    Please try to use microphone for better sound quality. It's humble request to you.

    • @akshaymarch7
      @akshaymarch7  5 лет назад

      Thanks for your feedback. I'll try to get one soon.

  • @adityashinde3864
    @adityashinde3864 5 лет назад +5

    Please start teaching JavaScript from beginning.

    • @akshaymarch7
      @akshaymarch7  5 лет назад +14

      Give me some time. I've some plans for the same. I don't want to create another basic JS course. I'm planning to come up with some unique content which will focus on, "How Javascript actually works behind the scenes". Stay tuned ;)

  • @handlerxy
    @handlerxy Год назад

    Bhai please make a video on how to vanilla js as a seperate function for seperate feature of website

  • @mrunaldutt43
    @mrunaldutt43 2 года назад

    very good work keep doing

  • @avijeetdey3709
    @avijeetdey3709 3 года назад

    thanks a lot brother

  • @kishoreramesh8110
    @kishoreramesh8110 5 лет назад

    Keep Rocking #Akshay. Am a big fan of u 👍

  • @ajinkyadondalkar6186
    @ajinkyadondalkar6186 3 года назад +1

    Can we google code in machine test.

  • @anithasrinivasan9627
    @anithasrinivasan9627 3 года назад +1

    Hi, i am 35 now.. I would like to change my career to web developer. Will that be fine

  • @annzrocky
    @annzrocky 2 года назад

    Can we use Google for doubt clearing while having coding interview?

  • @rushikeshmungse5544
    @rushikeshmungse5544 2 года назад

    Thank you 🙃🙃

  • @tarundurbha5398
    @tarundurbha5398 6 месяцев назад

    please do machine coding round series list

  • @sandeepatiwari12
    @sandeepatiwari12 2 года назад

    Can you create videos tutorials for DS/Algo, Please do that if possible.

  • @SatyadeepRoat
    @SatyadeepRoat 3 года назад

    Hey Akshay, can you make a github repo to describe how write modular and scable code. It will be much helpful to see what's the kind of expectation

  • @rohanharnale4095
    @rohanharnale4095 3 года назад

    Hello Akshay sir, please make videos on how node.js works.🙏🙏

  • @ashishpradhan2810
    @ashishpradhan2810 Год назад

    Are we allowed to choose IDE of our choice( VS code etc) , or do we have to code in online editors like codepen, codesandbox etc ?

  • @alfurquanzahedi8338
    @alfurquanzahedi8338 3 года назад

    Hey Akshay Saini, Are we allowed to use bootstrap in machine coding rounds?

  • @himansharora1419
    @himansharora1419 3 года назад

    bro the last round of the company for which i am sitting is called the "system test" what is meant by that? please help!

  • @nallaparajuamareshvarma8471
    @nallaparajuamareshvarma8471 2 года назад

    Which library do we use there in the interview?

  • @kiranreddygvs
    @kiranreddygvs 5 лет назад +12

    U r like messaih for frontend development interviews haha

  • @atulmishra8753
    @atulmishra8753 3 года назад

    hey Akshay , Does Flipkart UI dev hiring Machine coding round involved API, UI stuff or its just focussed on console running apps with in place data structures (instead of API based)

  • @ananymo
    @ananymo 2 года назад

    Now I will give 10 interviews. Pass all of them. Get offer from all. 😂👏👏😎

  • @sarvarthmonga5764
    @sarvarthmonga5764 4 года назад

    Thanks man, i will keep them in my mind

  • @AjayKumar-id7mb
    @AjayKumar-id7mb 2 года назад

    Make a Collection of machine coding round.

  • @mohityadav21
    @mohityadav21 2 года назад

    Any online resource to practice for Machine Coding Round?

  • @PRATIK1900
    @PRATIK1900 4 года назад

    I'm pretty new to this stuff, so I have a question. When you say we have to code in vanilla is, does that include Node? You mentioned using the local storage to maintain the state of our app, and as far as I know, we can't work with the local storage with vanilla js (without Node that is).

    • @balajisv4052
      @balajisv4052 4 года назад

      As you said, you are pretty new to this stuff, please consider grabbing a good JS book and have a read. It will really help you to answer the questions you are asking. And it will give more clarity to the videos you are watching regarding JS.

    • @bilalahamed6491
      @bilalahamed6491 4 года назад

      We can use local or secession storage using js watch code with Harry js playlist

  • @Sassybliss404
    @Sassybliss404 2 года назад

    This is the most difficult round for me

  • @shasha6538
    @shasha6538 3 года назад

    Which tool you used to make this video?

  • @anuragpanwar912
    @anuragpanwar912 3 года назад

    Sir please reply ??? In machine code round1 they allow Internet use or not

  • @krishnaprajapati2126
    @krishnaprajapati2126 3 года назад

    In the interview of machine coding we can use the internet or not ?

  • @rahulbansal7216
    @rahulbansal7216 2 года назад

    Any source to do practice for machine coding round?

  • @mukeshrawat8816
    @mukeshrawat8816 3 года назад

    sir which language we have to choose in DS?

  • @shreyageek
    @shreyageek 2 года назад

    Can we use bootstrap?

  • @lordstephan4495
    @lordstephan4495 2 года назад

    does anyone know other youtuber who explain things like him?

  • @lovepreetsingh-jo6it
    @lovepreetsingh-jo6it 5 лет назад +1

    Hello sir,
    My interview is scheduled for UI developers freshers on next Friday in tavant technologies
    plzzz sir... there is machine test
    and how can i prepare for that.... as it is for freshers.. what kind of questions can be asked??

    • @vishalbisht6871
      @vishalbisht6871 5 лет назад

      tavant is busy bro. if it is react, keep ur redux+react boilerplate ready in ur git. pull and start. if its OOJS, learn prototyping and object approach or class based approach.

    • @lovepreetsingh-jo6it
      @lovepreetsingh-jo6it 5 лет назад

      @@vishalbisht6871 i didn't get u bro... plz can you elaborate little bit?

    • @vishalbisht6871
      @vishalbisht6871 5 лет назад

      @@lovepreetsingh-jo6it u have a machine coding round?

    • @lovepreetsingh-jo6it
      @lovepreetsingh-jo6it 5 лет назад

      @@vishalbisht6871 yes... one of my frnd working there he is saying that they are recruiting freshers... and it will be like MCQ based not coding
      and in my telephonic interview HR said there will be a machine test firstly

  • @drishyajose
    @drishyajose 4 года назад +1

    👌

  • @sandeepbisht7546
    @sandeepbisht7546 3 года назад

    Do they provide IDE for coding?

  • @minigeek
    @minigeek 3 года назад

    Are we allowed to use google in round?

  • @chinireddy3414
    @chinireddy3414 4 года назад

    Can we take a help of google Or some other browser while coding in interview

  • @uzairkorai231
    @uzairkorai231 2 года назад

    I always stuck on logic side in interview

  • @deepavishwakarma6478
    @deepavishwakarma6478 3 года назад

    🖤supa

  • @kirant9339
    @kirant9339 5 лет назад

    Nice bro.next week I have a interview with a client is flipkart.how can I prepare for Flipkart questions guide me

    • @simranmansoori4570
      @simranmansoori4570 4 года назад

      Hey man, Did you get selected?

    • @kirant9339
      @kirant9339 4 года назад

      @@simranmansoori4570 bro I got selected to ITC

    • @Simran45678
      @Simran45678 4 года назад +1

      Congrats!
      As a web developer ?

    • @kirant9339
      @kirant9339 4 года назад +1

      @@Simran45678 yes bro, as a Reactjs developer

  • @digitalprince1710
    @digitalprince1710 8 месяцев назад

    4:50

  • @educationalpurpose4172
    @educationalpurpose4172 Год назад

    maja aya

  • @vinaynair1911
    @vinaynair1911 4 года назад

    Is machine coding round a part for hiring freshers too?

  • @satyamraghuvanshi8549
    @satyamraghuvanshi8549 3 года назад

    Hii akshay am looking for a job can u

  • @gammerx-1
    @gammerx-1 Год назад

    Bhai English use mt kya kr jaisa aata h wesa bna video,
    Or pratical bhi btao thoda theory to school Wale bhi pda dete hai
    I need practical knowledge