Fresher Got Selected as Frontend Engineeer | JavaScript and React | ProCodrr Mock Interviews

Participate in Three 90 Challenge by GeeksforGeeks and get 90% Refund: bit.ly/4bKMwRG
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/ZvLV...
Social Media
🌐 Telegram: t.me/procodrr
🌐 Linkedin: / anurag-singh-web-devel...
🌐 Instagram: / procodrr
🌐 Twitter: / anuragsinghbam
🌐 Portfolio: anuragsinghbam...
#react #procodrr #webdevelopment #mockinterviews #frontendinterview #javascriptinterview

[@sadafhameed8470]

1.What is HTML? 2. Semantic Tags in HTML 3. four exmples of semantic tags 4.apart from meaning to browser does semantic elements help other way? 5. what are tags & attributes? 6. difference between div and span? 7. examples of inline elements. 8. apart from width difference is there sny other differnce? 9. can we give height & width in inline elements? 10. diff between canvas and nsvg 11. full form of css 12. tell meaning of cascading in css 13. if we give some styling to parent will it apply on the child also 14. what is specificity? 15. default value of position property 16. difference between position relative and absolute 17. what is flexbox? 18. if we have a container and inside container there are two elements span 1 and span2 & we give display:flex to parent will it apply to its children as well? 19. what is box model in css? 20. default value of box-sizing 21. diff in content box border box? 22. why do we need javascript ? 23. what are different data types in javascript? 24. why do we have categories like premetive and non premitive in JS? 25. in how many ways we csn create variabls in JS? 26. diff b/w let and var and there scope? 27. diff b/w parameter and argument? 28. difference b/w slice and splice methods? 29. why do we use map method in array? 30. what are promises in javascript? 31. what is DOM? 32. EVENT BUBBLING & CAPTURING 33. why do we need React? 34. diff b/w imperative and declarative? 35. what is concept of state in React? 36. why dont we use normal variable why state? 37. GUESS OUTPUT:: var x=20 function foo(){ console.log(x) var x=10 } foo() // if change x=10 to let x=10 what will happen? 38. console.log('Start') setTimeout(()=>{ console.log('timeout') },0) console.log('End') //the order in which it will run? 39. setTimeout(()=>{ console.log('timeout') },0) Promise.resolve().then(()=>console.log('Promise')) console.log('End') 40. async funtion foo(){ return 'Hello World' } const result = foo() console.log(result) 41. [1,2]==[1,2] 42. const user1={ name: 'john', age:25, address:{ city:'Mumbai', state:'Mahrashtra' },} const user2 = user1 user2.name = 'Ramesh' user2.address.city='Pune' console.log(user1) console.log(user2) 43. const numbers= [0,1,2,3,4,5,6] //filter out all values less than 3 44. create a string variable add a string in lowerCase and convert first letter of each to uppercase OR can you transform it into array. 45. PROJECT:: create a TODO list in which there will be input and add button delete also

[@alheraahmad5481]

Thanks

[@codingbyte847]

Thanks 👍

[@factschannel8660]

🎉

[@dailydoze9783]

thanks brother

[@faisalhrbk]

you are a legend bro thanks for sharing

[@akshaynarwadkar5264]

🎯 Key Takeaways for quick navigation: 00:24 *💻 Introduction and Technologies Learned* The candidate introduces themselves and lists the technologies they've been learning. Technologies mentioned include HTML, CSS, JavaScript, React, MongoDB, and Node.js. 01:59 *🏗️ HTML Concepts: Tags, Semantics, Attributes* Discussion on HTML basics including semantic tags and attributes. Semantic tags provide meaning to elements for both browsers and developers. Attributes provide additional information about elements and are included in the opening tag. 04:00 *📐 CSS Concepts: Box Model, Positioning, Flexbox* Overview of CSS concepts including the box model, positioning, and flexbox layout. Box model includes content, padding, border, and margin. Positioning attributes like relative and absolute are discussed along with flexbox layout properties. 10:51 *🔤 JavaScript Fundamentals: Data Types, Variables, Scope* Explanation of JavaScript fundamentals covering data types, variable declaration, and scope. Discussion on primitive and non-primitive data types. Explanation of variable declaration using var, let, and const and their respective scopes. 20:33 *🔄 Array Methods and Promises in JavaScript* Overview of array methods including slice, splice, and map. Brief introduction to promises in JavaScript. Explanation of how promises address callback hell and provide a solution for asynchronous operations. 22:35 *⚛️ Introduction to React and Its Benefits* Explanation of why React is used and its benefits compared to vanilla JavaScript. React's modular approach simplifies code management and enables the creation of reusable components. Discussion on React's virtual DOM and its efficiency in updating the actual DOM. 25:19 *🧠 Declarative vs. Imperative Programming* Differentiation between declarative and imperative programming paradigms. Declarative programming focuses on defining the desired outcome, while imperative programming involves detailing the steps to achieve that outcome. Application of declarative approach in React and imperative approach in vanilla JavaScript. 32:18 *🧠 Understanding variable assignment in JavaScript functions* - Variables assigned within a function are initially assigned the value `undefined` in the execution context. - When executing the function, the variable gets its assigned value. - Changing `var` to `let` won't affect the output because both have block scope. 38:19 *🔄 Order of execution in asynchronous functions* - Asynchronous functions execute after other code has been executed. - The asynchronous function is stacked in the callback queue and executed after the call stack becomes empty. - Understanding the process helps in predicting the order of output. 43:12 *🛠️ Working with asynchronous functions and promises* - Asynchronous functions always return a promise. - Utilize promise chaining for managing asynchronous operations. - Understanding promises is essential for handling asynchronous tasks effectively. 46:50 *💡 Understanding equality comparison in JavaScript* - Comparing two arrays using `==` or `===` compares their references, not their contents. - Objects and arrays are reference types, so equality checks if they refer to the same object in memory. - Immutable objects like arrays return false when compared due to different reference addresses. 49:05 *🔄 Understanding object references in JavaScript* - Objects with the same reference address share the same properties and values. - Changes made to one object reflect in all references pointing to it. - Understanding object mutability and reference sharing is crucial in managing data structures. 51:46 *🔍 Exploring array methods in JavaScript* - Utilize array methods like `filter` and `map` for efficient data manipulation. - Chaining array methods simplifies complex operations and enhances readability. - Understanding array methods is essential for performing common tasks efficiently. 55:22 *📝 Manipulating strings in JavaScript* - String manipulation involves methods like `toUpperCase`, `slice`, and concatenation. - Utilize string methods to transform and format text data effectively. - Understanding string manipulation techniques enhances data processing capabilities. 01:08:02 *📝 Implementing a basic todo application in React* - Create a todo app with an input field for adding tasks. - Utilize React state to manage input values and todo list items. - Implement basic functionality like adding and displaying todo items. 01:35:03 *🔍 Debugging the list addition functionality* - Debugging the process of adding new values to a list. - Issues encountered and solutions implemented during debugging: - Difficulty in adding new values to the list. - Correcting the code logic to incorporate previous values when adding new ones. - Utilizing the spread operator inside the array to properly update the list. 01:39:26 *🛠️ Final adjustments and interview feedback* - Implementing final adjustments to the project and concluding the interview. - Final adjustments made: - Clearing the input field automatically after adding an item. - Feedback and evaluation of the interview performance. - Interview feedback and evaluation: - Candidate's performance assessed, acknowledging strengths and areas for improvement. - Recommendations for further practice and improvement highlighted. - Discussion on potential future interviews and readiness for subsequent rounds. Made with HARPA AI

[@pranavpawar7792]

Thanks brother

[@MSubhanKhan-f4r]

var has functional scope and let. const has the block scope and we can't use them outside the block

[@akashyadav1652]

Sir apka atitude ek dm real interviewer jesa h vo bhi ese hi bolte h jisse pta ni chlta ki shi bol rhe h ya nhi , Thanks for the interview 💖

[@procodrr]

Awesome, keep learning and sharing 😊

[@VinodKumar-xv5lv]

quality of the questions and answering incorrect questions in the video is top-notch, this channel is very much underrated channel, no doubt 100k subs in 6 months

[@champab5350]

@@vijrah3600 🤣

[@prakharmedhavi1915]

🤣

[@rohanwarghade7111]

bro roasted him ngl

[@trainerdevesh]

Prediction is correct bruh 😅

[@alisajadahmadi978]

This really helped me a lot. Thank you so much.

[@jackdesparrow4783]

she impressed with answers and pleasing manner ....bright future ahead... HTML,CSS,React basiscs for sure she deserves 7digit salary as a fresher

[@akshitkapoor1039]

needed improvement in reactjs

[@agx111]

simp 👆

[@himanshuarora1910]

tu dede bhai use naukri

[@studywithapurb]

These interview videos are very helpful for me as fresher . Keep making these type of interview videos sir 😊 thank you so much

[@nitinpachnanda]

Anurag you are doing the amazing job to help freshers to crack job interviews 👏👏

[@evilgaming000]

Sir currently i'm following your js course and now ready to switch to your react course. It was a great journey i learnt so much from basic to advance in depth thankyou so much for your all efforts this helps a lot ❤❤

[@procodrr]

Awesome, all the best for your React journey 👍 Keep learning and sharing 😊

[@QuantumCanvas07]

Semantic tags and using its conventions apart from SEO it also helps screen readers in case a person who is blind go though our page.

[@ankitgupta9154]

i wonder why people liked this comment, when clearly this was a joke

[@QuantumCanvas07]

@@ankitgupta9154 This isn't a joke. In production and real world scenarios we care about every individual that visit the page as it should be accessible to all and if you're designing for a government agencies, they've a lot of accessibility criteria to follow.

[@GATEWith_HARIS]

sometime I can implement everything very precisely and beautifully but I can not explain in words if you ask my project and the about the things that used in my project I can explain very good.

[@saiteja6179]

I can hear interviewee but not interviewer. Please talk next time some high.

[@trainerdevesh]

1:04:46 i answered it before 😊 btw girl is good Going

[@Darshit-2002]

Semantic Elements:-

[@faizankhan-je9cf]

Doing a great Sir.. Hats Off ♥

[@adityaiiitd7727]

The mock interview made me realise the importance of reading the documentation along with tutorial(in case you prefer that way).As most of us just watch the tutorial and apply the things taught in that. Thanks Anurag for such mock interviews.

[@subhrajitchandra8466]

49:59 there is a little trick that, if i do const user2 = {...user1} then the name will not change in user1 due to user2 but city will.

[@AdityaLingwal-s5m]

Brother your interviews looks very dull please show some energy while interviewing content is great but atleast show some energy you itself looking like you're not interested in taking the interview.

[@GAMER-SRK]

Hello sir, can you please make a complete video on how you work on your live project starting from scratch? I mean receiving project definition till completion. By the way your videos are very helpful thank you.

[@nawaraj.karkee]

would love to see some freshers python mock interviews. Django /& Fastapi mock interviews..

[@abplayzz]

JavaScript is a single threaded language. Having knowledge of writing non-blocking code is not advanced in any way. It's a must know.

[@himanshuvatsh900]

Mate could I also get interviewed for a fresher role?? As the google form you attach says you're not taking submissions anymore

[@itachiuchiha1029]

Theoretical knowledge is good as much as needed. But the real game begin with practical one. You must have to be thinking logical.

[@neshkalya5777]

Sor ma BA hun mere computer applications ek subject tha graduation ma aur ek saal ka computer diploma bhi ha lakin ma yah sab coding java html etc sikhna chati hun .

[@priyankabhosale7641]

Computer diploma kaha se Kiya hai or fees kitni hai

[@kforstatus9709]

ak project series be lao sir jisma HTML, CSS or JS ho. Please sir apki projects wali video be dakhi ha mna par or be project laka ao sir 😊😊 you tube par etna project nhi ha sir ap ak new series start karo jisma bout sara project ho❤❤

[@procodrr]

Zaroor laayenge projects

[@junaidkhanvibes-jkv7214]

Amazing work bro I am watching it from Pakistan, it is very helpful

[@nitesh_blogger2]

Beta ke lia to itna hamare sir interviewer video bana sakte hai 🤣🤣

[@alizekc231]

Keep up the good work.

[@TheSachinAlam]

Done

[@nevergiveup-kr9cd]

i am going through the interview process in my interview they are strting from where he ends😅.by the way i am also fresher still i am not getting selected when i am giving more than answers in this video🤣

[@Devanshu04]

Questions are nice but from the beginning i was feel she was using chatgpt then finally at 1:36:00 you can see that while switching to chrome you can see chatgpt window 😮

[@garvitjuneja253]

Sir I have a suggestion for you that whatever the question you are asking from the candidate if he or she is not able to answer that question then please you should answer that question properly so that the answer of that question will be very much clear to us. I hope you will consider my point😊

[@procodrr]

Thank you for your suggestion, I'll do it from the next time.

[@factcinemaaa]

Sir ji aapki video mai tb se dekh rha hu jb aapke channel pr 1.2k tha aur aap mera interview krwa hi do bahut comment kiya but aapne bola tha krwane k liye but 😢😢😢😢😢

[@procodrr]

I have sent you and assignment on email. Please complete it and submit. Uske baad interview schedule kar denge.

[@owannn]

bhaiyya ab aapke channel pe 13k subs hogye .. maine jab subscribe kra tha to 2.5k the to ab itne log interview dere to mai kaise dunga🥺

[@procodrr]

Form fill Kiya tumne?

[@owannn]

hn recently@@procodrr

[@purnima1361]

Sir mene bhi form fill kiya h aapka plz sir Mera bhi interview le lijiye

[@b2wofficialYT]

​@@purnima1361ye job dila te hain?

[@RayhanCar]

Arey mock interview hai bro 😂​@@b2wofficialYT

[@vgx-sam8164]

Why no camera , isn't it a norm to have camera on on interviews?? Correct me as i maybe wrong

[@anjanisharma9509]

Females freedom

[@RalKrish]

the questions were really good but plz provide some more question in the form of pdf

[@jayprajput1998]

Can we apply in React without any css if no one has the knowledge of css?

[@_mukumemories]

Good sister 👍🏻 If you need any help then you can reply this comment

[@saitejabommali6621]

sir your voice and her voice also very low we aren't able to leasing

[@vishalqalandari]

The form ProCodrr Mock Interviews is no longer accepting responses. I WANT TO GIVE MY INTERVIEW ( 14 year old )

[@borntodevelop508]

35:00 , bcz hoisting not working in let keyword

[@NitanJanaOfficial]

hoisting does happens for let and const variables also,but they are in temporal dead zone till they are initialized in the code,hence the referenceError.

[@smiteshp2001]

The interviews are good.I would suggest you to answer the questions which the candidates are not able to answer.

[@procodrr]

Sure, I'll do that.

[@anushkatamrakar4449]

Sir i have submitted the Google form. Kindly schedule my mock interview❤

[@archuser532]

bro itne basic quesion me kese hosakta ha select koi

[@facthai8958]

mein bhi yehi soch raha hu 🫂

[@owannn]

questions ke basis pe nhi hote,, last me jo code krwate wo shi se krne pe select hote log

[@procodrr]

As a fresher, she performed very well. Her fundamentals are clear. Also she is able to write code with clarity.

[@Assasina8or]

Ese hota h

[@archuser532]

@@owannn hmmm

[@davidbaraiya2649]

How much experience does she have?

[@mansingbad]

insightful content sir✨ ❤️

[@BLACKDREAMIO]

ProCodrr Mock Interviews The form ProCodrr Mock Interviews is no longer accepting responses. Try contacting the owner of the form if you think this is a mistake. i got this wehn i visited your google link

[@swapPradhan]

Her typing speed: -1wpm

[@thelastpuff3564]

How you know

[@vineetverma1621]

Imperative programming: telling the "machine" how to do something, and as a result what you want to happen will happen. Declarative programming: telling the "machine"1 what you would like to happen, and let the computer figure out how to do it.

[@kalyankrazy3304]

Get to know new things .... Great job🎉

[@himankshu]

Please keep doing this 🥹

[@aditisrivastava9917]

Where is link available to fill the form??plz tell me

[@Spiritual_Booster_Dose]

kya isme sach me selected candidate ko JOb milti hai...YA fir mock interview HAI

[@ompandey4595]

Mock h

[@justinjeromofficial]

Hi Anurag. hope you doing well brother. U must need update your audio equipment. if its possible.

[@timepass6050]

anurag you are doing a good job but i have a suggestion for you prepare for your questions and practice them asking in english because sometimes when you are asking questions your forgot what to ask then you voice goes very low it shows your confidence level is low

[@pawanpawar1910]

BBA computer applications after Frontend developer ban sakte hai kya

[@procodrr]

Off course

[@arvajkhan683]

This video is very helpful for me ❤

[@procodrr]

Glad it was helpful 😊

[@SumitRajputana-b7j]

sir awaz nhi aapke videos me

[@abdullahansari9195]

Nice content.

[@Ghhhjjkkkhgff123]

Sir your interview is good sir

[@neshkalya5777]

Agar men aapka channel sa acha sa sab sikh jawonge tu kya mujhe bhi job mil ge

[@procodrr]

Yes

[@AmitGupta-wf7rw]

sir I'm from commerce stream and I want to switch my career in IT sector so plz tell me it's right to choose career as frontend or in data analysis. Which one is helpful for my career.

[@procodrr]

Getting into frontend would be easier for you.

[@Al_Jamah]

sir Google form work nahi kar raha hai

[@boltgamer9004]

sir google form work nhi kr raha

[@tushar6090]

girl's voice is felt like a small kid giving interview but the interview is good. 😀😀

[@Bavajann]

6:15

[@mitroboomin2492]

HTML (1:02) CSS (9:22) Flexbox (20:44) Promises (28:22) Async function (32:02) Code (33:22)

[@aniketroy03]

And I was asked to build a complete folder-file structure in React covering all the test cases as a fresher 😢😂

[@procodrr]

Even experienced people can't do that.

[@aniketroy03]

@@procodrr Tap Invest was the company name. I cleared the first round which was an online test and in the next interview they asked this.

[@luckypareek-my1oi]

How did you apply?

[@aniketroy03]

@@luckypareek-my1oi Company careers page in Nov 2023.

[@KUNUx1]

​@@aniketroy03because they didn't want to hire you so they purposefully did that .don't overthink you did well in the first round atleast

[@IH-TUSHAR]

This really helped me a lot. Thank you so much.

[@RavindraSingh-lp9pl]

@Anurag Sir please React machine coding questions daalo..it will be very helpful

[@procodrr]

Sure

[@loucypher666]

Poori jahan ek taraf aur THATS TRUE ek taraf

[@chillhbe3122]

Are Sir Thoda apne communication pr bhi dhyan de do...

[@towardstech4616]

bhai mene apka channel starting se join kia hoa kia ap mera interview le skte hen? Mujhe English Nahi ati

[@TheMarketingMan4U]

Bhai khul ke bolo ..khud se baat mat karo...andar hi andar kyu bol rae ho..daro mat..

[@charuverma6004]

Hello Sir, there is an issue google form is not open now plesae check that

[@soumabhaghosh6199]

ladki hua to hire karli :(

[@TheMarketingMan4U]

Tu bhi banja... possible h abto...

[@solomontagesse2115]

best

[@sandeepgautam7885]

Good morning sir ek proper freelance video bana digiye sir please 🙏🙏🙏 sur

[@procodrr]

Sure

[@basicmathswithparamitamaam1749]

Hi Sir, I have a question Does companies hire someone in tech field who has 10 years gap?

[@procodrr]

All that matters is your skills. Gap won't count.

[@basicmathswithparamitamaam1749]

Thanks. 😊

[@Pintumahur]

Good morning sir my name pintu kumar frontend developer full online course ke liya sir link sare kar do

[@procodrr]

kzbin.info/aero/PLfEr2kn3s-br9ZFmejfLhAgMbGgbpdof8&si=rNBryRKojha8UeTr

[@bittusarkar1.8k22]

Sir i want to give mock interview of DSA please provide me form ...in description form is not working

[@nothing-s9u]

You are doing great, Sir. I will also give my interview in the next few months.

[@LOL-jx4cm]

Matterial js background set sekha do sir

[@ChinkuShee]

32:25 Women😂😂😂

[@akarsh_121]

It'd be better of you ask the questions in open and active voice

[@procodrr]

Thanks for your suggestion. I'll try that next time.

[@Trade-Scout]

Sir I know html,css and javascript should I do mock test please reply..❤❤

[@procodrr]

Yes, you can give the mock interview.

[@Trade-Scout]

@@procodrr only by filling the form..

[@procodrr]

Yes, If you know JavaScript well then you can fill the form.

[@Giggle119]

Do i need degree to become a frontend developer because i don't have a degree

[@aluexpress987]

Reality is that this student will never be selected in 2024.

[@himanshuarora1910]

interviewer voice is not clear ,he should speak more clearly

[@ALvish82_king]

19k

[@09avishkargaikwad71]

Let's complete the remaining tasks function handleDelete(index){ // Here don't go to directly apply the splice on original state variable. We cannot do it. Principle of immutability. const newTodo = [...toDo]; const newArr = newTodo .splice(index, 1); setToDo(newArr); } handleDelete(index)}>Delete

[@vipultaneja7521]

sir i feel the form for giving interview but i cant get any email to regarding this

[@nickgaming8523]

Hello sir, I am Prabal Bhandary. I am from Nepal and I have fill the form just to know how does the questions appear in the interview. I am searching for an intern position

[@procodrr]

The same way question are asked as in this video.

[@kizigamer6895]

Sir I found your channel just last week and have watched 3 or four videos of react series and our very good explanation but me already know react I have learnt it from chai aur code the hitesh sir's channel so was the mostly same which I knew I am looking for react projects to practice but still could not find anything what is your answer for that

[@procodrr]

Yes, I have not made much projects using React. Maybe in future I'll make it.

[@kashifqureshi0786]

Sir Maine har jgh message send kiya but aapne abhi tak seen nhi Kiya sir please take my mock interview 😢

[@30pratikshamali50]

Can we give this interview in Hindi

[@successmindset010]

mujhe html css javascript ata hai par spoking english nahi ati toh mujhe job mil jayegi sir plz reply

[@ameengaming2897]

Kya mein apni skills ko check krny ky liya interview dy skta hn kya please reply 😢❤

[@kirandev]

dont you think frontend is too saturated ? no jobs for freshers

[@procodrr]

Quality Frontend Devs are not there the maket.

[@abhijeet3844]

Answers just mugged up from internet and ,it clearly shows , she did not turn on the video and copying the answers. Stop these non-sense. I challenge, tell her to turn on the video and answer the questions, she will defenately fail to answer most of them.😂😂😂😂😂

[@SenseiArima11]

Nah brother that's not possible cause there were some questions that required knowledge of execution flow whose answers you can't find that quickly on Internet

[@blacktigerarmy5496]

It's mean apne fundamentals par kaam karee?