Real Frontend Interview | 2 Years Experienced | JavaScript and React

The Complete JavaScript Course: • The Complete JavaScrip...
The Complete React Course: • The Complete React Cou...
Complete Frontend Course: • Web Development Course...
The Complete CSS Course: • Getting Started with C...
Redux Full Course in Hindi: • Redux Fundamentals in ...
Are you gearing up for a frontend interviews and feeling a bit anxious about what to expect? Participate in our FREE Mock Interview sessions by filling the Google Form below and get interview ready.
Google Form: forms.gle/ZvLVRkgj1enqaCYHA
00:29 Frontend experience and self-rating
04:04 Understanding CSS box sizing and specificity
10:06 Inline elements and display Flex in CSS
12:52 JavaScript data types and variables
19:18 Difference between querySelectorAll and getElementsByClassName.
21:49 Event propagation and React's declarative nature
27:55 Understanding variable scopes in JavaScript
31:48 Adding type=module to script tag in HTML file
38:35 Using zero before any number converts it to octal.
42:55 Using closures to create a private counter in JavaScript.
50:36 Event Loop manages call stack and macrotask queue.
54:21 Understanding JavaScript function references
1:03:51 Understanding the behavior of promises in JavaScript
1:08:16 Understanding object-oriented concepts in JavaScript
1:15:54 Discussing object key naming and destructuring in JavaScript
1:19:01 Troubleshooting JavaScript error
1:26:38 Issues with updating the count value
1:31:55 Creating an expense tracker in React
1:39:31 Creating and managing expense details object in React
1:43:22 Troubleshooting issue with getting expense details
1:56:54 Debugging and fixing issues with objects and keys in JavaScript
2:04:41 Usage of key prop in React
2:10:17 Interview experience feedback
Social Media
🌐 Telegram: t.me/procodrr
🌐 Linkedin: / anurag-singh-web-devel...
🌐 Instagram: / procodrr
🌐 Twitter: / anuragsinghbam
🌐 Portfolio: anuragsinghbam.com/
#react #procodrr #webdevelopment #mockinterviews #frontendinterview #javascriptinterview

[@AdarshSingh-hm8ss]

The answers Here maybe or maynot be correct entirely even when sir says correct correct so do research on the questions asked here don't try to copy and memorise the answers.

[@pushpendra_Bhardwaj]

Really appreciable sir i learn a lot from this still watching daily your interview videos❤

[@procodrr]

Awesome, keep learning and sharing 😊

[@user-pm5ms5oq1w]

Make such videos more for experience . You are doing a great job covering some red flags which litterally help in interview

[@procodrr]

Sure, I will do more interviews with experienced developers.

[@anonymous63066]

00:29 Frontend experience and self-rating 04:04 Understanding CSS box sizing and specificity 10:06 Inline elements and display Flex in CSS 12:52 JavaScript data types and variables 19:18 Difference between querySelectorAll and getElementsByClassName. 21:49 Event propagation and React's declarative nature 27:55 Understanding variable scopes in JavaScript 31:48 Adding type=module to script tag in HTML file 38:35 Using zero before any number converts it to octal. 42:55 Using closures to create a private counter in JavaScript. 50:36 Event Loop manages call stack and macrotask queue. 54:21 Understanding JavaScript function references 1:03:51 Understanding the behavior of promises in JavaScript 1:08:16 Understanding object-oriented concepts in JavaScript 1:15:54 Discussing object key naming and destructuring in JavaScript 1:19:01 Troubleshooting JavaScript error 1:26:38 Issues with updating the count value 1:31:55 Creating an expense tracker in React 1:39:31 Creating and managing expense details object in React 1:43:22 Troubleshooting issue with getting expense details 1:56:54 Debugging and fixing issues with objects and keys in JavaScript 2:04:41 Usage of key prop in React 2:10:17 Interview experience feedback

[@procodrr]

Thank you Sanskar for writing timestamps ❤️

[@roy8anupam]

@@procodrr kindly pin this comment.

[@YOUREACT6366]

​@@roy8anupamusne discription se copy paste mara hai 😂

[@gauravbajaj7976]

let obj = { "name-last":"gaurav", } console.log(obj["name-last"]) let {"name-last":name} = obj console.log(name) Do this way it will work

[@zeviusalpha1943]

name last being in quotes gives the error immediately

[@rupeshpal7292]

Hey Anurag interview sessions are good and it's helpful for those candidate who is preparing for front-end development interview, here I would suggest to you, if the candidate shares his screen he have to be zoom his vs code screen so it will be visible to us. Check the video if it is visible properly then upload it on KZbin. On you-tube lot of content is in good quality if your content quality is not good then audience are not come to watch your videos.

[@procodrr]

Thanks Rupesh for your suggestion. From next time I'll ask the candidate to zoom their VS Code.

[@vamshikrishna6001]

We need more experience candidate interviews so, we can learn a lot.

[@PraNihaal]

kindly ask the candidate to zoom in the screen especially for coding questions

[@matifiordelli3886]

I would like to know why the console.log inside the setInterval, never updates the value?

[@jhonsnow534]

please make a video on frontend internship

[@DebayanMukherjee-wo2ul]

Sir I am a fresher in web development and know html,css, javascript and a bit of jQuery, how do I apply for the jobs?

[@amdadullahraihan7694]

Sir, could you please share the code snippet in shareable google docs and share it in the descriptions?

[@crickxm]

I like your videos. I want to suggest you that kindly ask question about how their journey started and what the best ways of learrning coding what should we learn first and what should we learn later. Ask such question kindly do n ot ask question like what is css or something.

[@dsagamer2024]

Amazing

[@AdarshSingh-hm8ss]

So this will not work cause this is a series on mock interviews where we try to make our students experience how a true interview feels like that's why it is very systematic so that's why we just ask experience and where they have worked before and then asked technical questions because that's how a actual interview is. Thanks for your suggestion it was a good one btw ❤

[@harvindersingh9170]

Audio quality is poor and the interviewee wasn't instructed to zoom screen.

[@manishkumarchoudhary5889]

where is your html full course link

[@rohithn-76]

This is very basic one of interviewer asking me to to CRUD operation in 10 min, god crazzy installing React modules urself taking 5 minutes

[@ankushmaurya9426]

LOL

[@Krishnapriya_2024]

That google form link is not working

[@user-pm5ms5oq1w]

I think setting parent element flex and inside span setting width and height , will still not work as i tried myself

[@procodrr]

Height and width will work on span if parent has display flex. 1 You can try this. I have explaind the reason behind it in this video. kzbin.info/www/bejne/o4mQfnaVoL-NmpI

[@user-pm5ms5oq1w]

Ok I'll try it again thanks for the reply 👍👍

[@BitterTruth157]

please make screen bigger with increased font size in upcoming videos...nothing is visible in coding

[@AdarshSingh-hm8ss]

Sorry for the inconvenience. On upcoming videos on this series everything is fixed Thanks for your feedback ❤

[@procodrr]

Thank you for your feedback. From next time I'll make sure it's zoomed in.

[@sachintendulkar1122]

Hello sir, I am QA and having an experience around 2.9 years but I am learning and developing applications in MERN stack in current company as value add and learning as well. Can I get a job as a developer after ample of years of experience as a QA

[@procodrr]

If your MERN skills are good then you can get a job as a developer. It doesn't matter how many years you were in QA.

[@moinuddinshaikh2620]

Sir tell me answer

[@Asadullahabbasi-mi6cq]

Protip : never rate yourself more than 5 in js .

[@findforme9030]

I'm available to share my experience with you and also in my network, can you schedule a React native interview, and mostly focus in js, Thanks

[@procodrr]

Sure, we can do that. What's your email?

[@CuriosityUnik]

Sir I have 2 years experience in Infosys but totally work in support can I do job in react?

[@procodrr]

You can not get job in React based on support experience. You'll have learn at least HTML, CSS, JavaScript and React. Then you can get a job in React.

[@aniketgupta4705]

Hello sir , i have a request that please give those questions as a document link or github repo it would help us to learn and practice ❤

[@procodrr]

I could have done that but if I provide all the questions then people will not watch the video.

[@user-qo2yp6zo3p]

👍👍👍👍👍👍👍

[@saurabhbarasiya4721]

It will be better if your provide thease question

[@AnuragRokade13]

Sir why is he not showing his face during the interview??

[@procodrr]

He is not comfortable.

[@avknash175]

Can u please take interview of 4+ yrs of experience guy?

[@AdarshSingh-hm8ss]

Yes those videos are coming soon 😄

[@procodrr]

Sure, did you fill the Google form?

[@user-th4uz6vg1d]

Sir abh backend serious start karo

[@procodrr]

Backend abhi nahi start karenge.

[@THE_CODEWEB]

Sir aap se question tha ki interview hindi me de sakte h kya?

[@procodrr]

Interviewer aur company ke upar depend karta hai.

[@aanandshukla6109]

Sir you didn't take my interview , Why ?

[@procodrr]

Isi week mein karenge tumhara bhi interview.

[@moinuddinshaikh2620]

Start end timeout

[@AdarshSingh-hm8ss]

Yes you are right the output at 49:40 - 51:00 will = Start End Timeout

[@ishameel5531]

Please talk clearly and loudly 🙏

[@moinuddinshaikh2620]

Error function call before declaring

[@AdarshSingh-hm8ss]

Timestamp lagana tha Bhai 😸 ruko Mai help karta dekh kar

[@AdarshSingh-hm8ss]

I'm not sure if you and I are taking about the same question but the answer at 41:50 - 43:55 will not be a error it will print -> Calling foo Calling foo

[@aryakishan4979]

can anyone or sir , tell me the answer of question on Time Stamp - 01:18:00 , it was something related to destructuring ,how we can destruct keys if a key in object is a string like "user-name"

[@procodrr]

const {'user-name': userName} = {'user-name': 'Anurag'}

[@aryakishan4979]

​@@procodrr thank you sir I get it and tries and solved.. 😆😊

[@sahilgupta2626]

Bro ain't all js questions are from Namaste JS series 😉

[@procodrr]

Yes, I have also learnt from Namaste JS 😀

[@shyamlalbhardwaj5586]

Namaste sir ji BCA wala bhi de sakta h kya sir ji interview

[@procodrr]

Bilkul de sakta hai.

[@dsagamer2024]

Ofcourse

[@moinuddinshaikh2620]

X=20

[@AdarshSingh-hm8ss]

Yes correct at 39:00 - 39:50 at first it was x = undefined and then at 39:50 - 41:10 it became x = 20 hope that helps 🙏

[@EzMohit]

interview is good but no ide is allowed in real interviews

[@procodrr]

It is allowed in Real interviews, I myself have given and taken more than 50 real interviews.

[@user-ji5bd6pc6k]

Kitne ka package lga?

[@robmind10]

Frontend ka km hota h Bhai 😅

[@user-jh6ng4lp6y]

$ Anybody can share their views $ Why World Needs More WEB DEVs ?? Who need web applications ?? Which Entity wants to become another Amazon, Zomato, Byjus, PW, Walmart, PayTm, OLA Electric, Netflix, KZbin, Flipkart, Uber, Dunzo, Shiprocket etc... and ofcourse who wants to build another Chat GPT or any AI product PLEASE be SPECIFIC

[@user-vj5gp8tr5m]

the answer is everybody want to earn money. Thats it

[@user-jh6ng4lp6y]

@@user-vj5gp8tr5m Thanks Brother for replying. But you gave only one answer, pls ponder over it. thnx

[@AdarshSingh-hm8ss]

Cause 95 per application that you use are websites and web application and for that matter web developer are still in demand many people will say that web development field doesn't have anything to offer so much and many say this is the easiest thing to land a high paying job and I think web development is a field where you have unlimited scope from avg 2-3LPA to 80lpa-4cpa depends upon your skills level, which technologies are you using and experience. And Web development is not going anywhere in near future and it is one of those few fields where your skills are preferred over your degrees that means anyone can enter this field if he has a certain skill level. Thanks you 🙏 hope that helps and if anything else is not clear feel free ask 😸

[@user-jh6ng4lp6y]

@@AdarshSingh-hm8ss Thanks for reply sir, u said ( Cause 95 per application that you use are websites and web application ) if possible can u pls elaborate this.

[@AdarshSingh-hm8ss]

​@@user-jh6ng4lp6yYes sure for example KZbin, Instagram, LinkedIn Twitter, are just few examples of Web application.

[@shaileshkuswaha1126]

Anurag Bhaiya Mujhe bhi Sunday Live me aana hai Please add karo 🙏

[@procodrr]

meet.google.com/vbp-hqnm-eiq Aaj raat 8 baje ye link join kar lena.

[@abhishekthakur7578]

bhai i have also fill the form please take my interview too

[@procodrr]

Zaroor Bhai, tumhara bhi interview lenge.