Psuedo classes are hover, active, disabled, first-child, nth-child, etc. whereas psuedo elements in css are ::before, ::after, etc. You gave opposite example in interview.
I think event bubbling definition you gave is wrong. Event bubbling is a way of event propagation in the HTML DOM API. Suppose there is a element with a child element and both have registered a event listener for same thing. So with bubbling, when the event is fired, it is handled by the innermost element and then propagated to outer elements.
Very basic level questions, because nowadays each react js developer is expecting min 20L, and some are asking 40L also. Hope we need to start with react js and javascript instead of HTML and css.
button color should be change when user enter the color code right but it will not work because added static color code not a dynamic color code code: Submit
Visibility hidden - DOM will have(available at the code level-can be rendered), Display done - DOM wont have(wont available at the code level - wont available to render),
In closure, let and const used as global variable , so that inner function used that variable, if we see that here name is written as local but it can also access inside inner function
React js is a shame to JavaScript community. Governments should ban the use of this stupid library. Same functionalities can be achieved with Angular and Svelte with less frustration, so what's the point of using the stupid react js which makes web development unnecessarily complicated.? Those who use react are slaves.
Good companies do not ask questions on react but core JavaScript and DSA. If a company is asking questions on Reactjs means theyre service based MNCs or service based startup.
No one asks questions on unit testing the code which is perhaps one of the most important things a developer can do to ensure quality. Also what is the purpose of asking someone what a box model is? A front end developer doesn't have to know what a combination of content, margin, border is called if he knows what they are and how to use them properly. These guys ask ridiculous questions to devs.
Asking about box model is totally valid, which CSS properties are part of box model and which are not, this will help you making a scalable htm design.
@@sweshmishra123 A developer does not have to know the term "Box model" to do that. Like the interviewee explained. he could not recollect the exact theoretical term at first but he remembered it had to do with the margin, padding and content. The point is asking such theoretical questions to an experienced candidate makes 0 sense. It does not represent a good judgement of the actual skill that the dev possess and often lead to bad hiring.
Box model is not just a theoretical concept, it has a practical implementation Consider a problemtic use case , Let's say element1 on hover of element1 you want to show border around this element1 and suppose there are some other elements also present alongside on the same axis . Here in hover state CSS of element1 you must not use border property it will cause a flickering effect. Because borderwidth will add up to the total width of element1 and on mouseout the width of element1 will decrease. The person who is having knowledge of box model would be able to fix this problem. You must know which CSS properties are part of box model and which are not..
Tu unit test likhta h kya har ek web app ke liye? What about performance and accessibility and having a good Ux? Also Box model nehi smjhega to custom UI kaise likhega
Coding job is a big headache ...we will get sucidal tendencies in such kind of jobs...better choose non coding or testing jobs ...you will get fancy salaries for such jobs as well. Mental peace is important
Html: Event bubbling and Event looping Semantic tags in html Css: Box model Visibility vs display Flex Pseudo classes and pseudo elements Margin vs padding Js: Closure Var vs let Hoisting Code to change colour of button Prevent multiple onchange - debounce Redux
React js is a shame to JavaScript community. Governments should ban the use of this stupid library. Same functionalities can be achieved with Angular and Svelte with less frustration, so what's the point of using the stupid react js which makes web development unnecessarily complicated.? Those who use react are slaves.
well he is not completely wrong. A closure is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment). In other words, a closure gives you access to an outer function's scope from an inner function. In JavaScript, closures are created every time a function is created, at function creation time. src:MDN
@@sarojdash7210 well , ur definition to closure is 100% right , however practical example which he took in video is wrong , its not closure ..he should have used return statement to the inner function then closure concept come into picture because when we return the function, the parent func completely move out from the call stack (Execution context) but the inner function still have the access to lexical scope of its parent its called closure Eg : function count(){ let counter = 0; return function(){ counter++; console.log(counter); } } let getCount = count(); getCount();
@@chaitram4141 You are also correct with your example brother. even your example is a better one. but that example is still valid. function Parent() { let count = 0; function child() { count += 1; debugger; console.log('count value is '+count) } child(); } Parent(); you can run it as snippet in chrome or add a script to a html and give reference. while running the file you will notice under source tab right panel there is scope and under scope you will find closure key and value.
I don't know class component. should I learn it before giving interview . Honestly I don't want to learn that outdated thing. Can I ask the interviewer to provide or write myself Function based component
@@narendra3385 no fresher level I though we didn't get any task from the interviewer. They just ask us basic questions. On react.js or javascript but in this interview, I found the interviewer asked so basic questions on css3 ,and Html5
@@TheReactGuy Bhaiya btech 2023 me pass out honge can a get a job without DSA As react js developer please reply bhaiya mere paas time bahut kam hai please 😭😭😭😭
📌 Join our Telegram Channel
t.me/Reactjs_Interview
Check the description for more interview Videos
In the React code, it should be if(name === 'changecolor'){}. Also, in the button, it would be
You won't believe me...but 2 days before I had an interview and the questions were the same ... literally same
Did you get selected?
Same que from cognizant?
@@rupakchauhan8628 no ...I saw this video after my interview
@@rajulinda7637 your experience and package range they offered?
@@subhadeepchowdhury9983 sale ,spam krna bnd kr. Kavi click nehi krunga ye link
Visibility hidden - element is there, it takes the space in page, but it's hidden. Display:none - element is completely removed from the page.
Indian IT companies rely too much on definitions. I bet most people use it but don't know how to define it.
Its all started with "What is..."
I would rather ask Why & How questions.
@@trendz4422 why and how is reactjs , javascript
@@SupremelyAverage 🤦
Well said.. I guess clients are looking for working solutions, which are created by those who use it, and not those who define it!
@@SupremelyAverage 🤣🤣🤣
After seeing this interview.. I've got the confidence.. that I can also crack the interview like this 🎉
Knowledgeable... We need more videos like this 😉
Then he has to attend 10 interviews 🥲
Psuedo classes are hover, active, disabled, first-child, nth-child, etc. whereas psuedo elements in css are ::before, ::after, etc. You gave opposite example in interview.
Exactly 😊 thanks for explaining
In 2022, We should be using react functional components not class.
I think event bubbling definition you gave is wrong. Event bubbling is a way of event propagation in the HTML DOM API. Suppose there is a element with a child element and both have registered a event listener for same thing. So with bubbling, when the event is fired, it is handled by the innermost element and then propagated to outer elements.
Thanks for explaining 🙂
I don't why these guys are still using class based components when there are functional based component which is way more easier than class components
I like how he is giving examples, plenty of them were not so accurate still examples show the degree of experience he had.
Very basic level questions, because nowadays each react js developer is expecting min 20L, and some are asking 40L also. Hope we need to start with react js and javascript instead of HTML and css.
button color should be change when user enter the color code right but it will not work because added static color code not a dynamic color code
code: Submit
Thanks for exposing Cognizant’s interview questions. Immediate grounds for firing.
Don't worry they are lazy
Visibility hidden - DOM will have(available at the code level-can be rendered), Display done - DOM wont have(wont available at the code level - wont available to render),
Please upload a FRESHER INTERVIEW(Backend Developer).
In closure, let and const used as global variable , so that inner function used that variable, if we see that here name is written as local but it can also access inside inner function
This interview is too easy 🗿. I was able to answer every question.
Same bro.. I would have cracked it while sleeping
❤️
Yes bro easy interview
React js is a shame to JavaScript community. Governments should ban the use of this stupid library. Same functionalities can be achieved with Angular and Svelte with less frustration, so what's the point of using the stupid react js which makes web development unnecessarily complicated.? Those who use react are slaves.
@@Almighty_Flat_Earth just say you are not a good learner.. dont blame the library.. blame you mind because its not good enough
why are companies so stuck in old React, and not using functional components?
Good companies do not ask questions on react but core JavaScript and DSA. If a company is asking questions on Reactjs means theyre service based MNCs or service based startup.
Thank u so much. I've been so confused, but tNice tutorials video helped a lot.
This candidate should work more in Html and css basics... Just my 💭
No one asks questions on unit testing the code which is perhaps one of the most important things a developer can do to ensure quality.
Also what is the purpose of asking someone what a box model is? A front end developer doesn't have to know what a combination of content, margin, border is called if he knows what they are and how to use them properly. These guys ask ridiculous questions to devs.
Asking about box model is totally valid, which CSS properties are part of box model and which are not, this will help you making a scalable htm design.
@@sweshmishra123 A developer does not have to know the term "Box model" to do that. Like the interviewee explained. he could not recollect the exact theoretical term at first but he remembered it had to do with the margin, padding and content. The point is asking such theoretical questions to an experienced candidate makes 0 sense. It does not represent a good judgement of the actual skill that the dev possess and often lead to bad hiring.
Box model is not just a theoretical concept, it has a practical implementation
Consider a problemtic use case ,
Let's say element1 on hover of element1 you want to show border around this element1 and suppose there are some other elements also present alongside on the same axis .
Here in hover state CSS of element1 you must not use border property it will cause a flickering effect.
Because borderwidth will add up to the total width of element1 and on mouseout the width of element1 will decrease. The person who is having knowledge of box model would be able to fix this problem. You must know which CSS properties are part of box model and which are not..
Tu unit test likhta h kya har ek web app ke liye? What about performance and accessibility and having a good Ux? Also Box model nehi smjhega to custom UI kaise likhega
Coding job is a big headache ...we will get sucidal tendencies in such kind of jobs...better choose non coding or testing jobs ...you will get fancy salaries for such jobs as well. Mental peace is important
R you preferring Management to Technical? Like Manager's work is Peaceful? As compare to Code wala Employee?
testing will be replaced by chat gpt
@@dycworld3190 what about Frontend job?
3 whistle done✅
Seriously is this the level of cognizant, They ask these questions to a guy with 2+ years of experience
Thank for sharing 🎉
Bro u have given excellent interview
Thanks
You earned my sub ;)
Thank you
Great one 👍
Thanks for sharing this informative vdo
Html:
Event bubbling and Event looping
Semantic tags in html
Css:
Box model
Visibility vs display
Flex
Pseudo classes and pseudo elements
Margin vs padding
Js:
Closure
Var vs let
Hoisting
Code to change colour of button
Prevent multiple onchange - debounce
Redux
Var has a global scope. Let has the block scope.
Have you cleared this round? What is your expected salary ?
10k
surprise if he gets selected
@@shashikantm9135 🤣🤣🤣
3k
@@mayurkhare9805 🤣🤣🤣🤣
Would interviews require you to understand react with classes? I left classes behind a long time of ago since hooks came out. Don't remember much.
I don't think so now we only use functional component in production code
It depends upon company. some ask all the lifecycles as well.
Mostly in production functional components are used.
React js is a shame to JavaScript community. Governments should ban the use of this stupid library. Same functionalities can be achieved with Angular and Svelte with less frustration, so what's the point of using the stupid react js which makes web development unnecessarily complicated.? Those who use react are slaves.
@@Almighty_Flat_Earth slaves of whom
Good job bro .
Closure u explained was completely wrong, u just explained about nested function it’s not closure. By the way video was very helpful..thank you
well he is not completely wrong.
A closure is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment). In other words, a closure gives you access to an outer function's scope from an inner function. In JavaScript, closures are created every time a function is created, at function creation time.
src:MDN
@@sarojdash7210 well , ur definition to closure is 100% right ,
however practical example which he took in video is wrong , its not closure ..he should have used return statement to the inner function then closure concept come into picture because when we return the function, the parent func completely move out from the call stack (Execution context) but the inner function still have the access to lexical scope of its parent its called closure
Eg : function count(){
let counter = 0;
return function(){
counter++;
console.log(counter);
}
}
let getCount = count();
getCount();
@@chaitram4141
You are also correct with your example brother. even your example is a better one. but that example is still valid.
function Parent() {
let count = 0;
function child() {
count += 1;
debugger;
console.log('count value is '+count)
}
child();
}
Parent();
you can run it as snippet in chrome or add a script to a html and give reference. while running the file you will notice under source tab right panel there is scope and under scope you will find closure key and value.
mostly i know this question answer very well ..though i am fresher
To chale jao interview dene.
@@Samurai-hf1un 😁😁😁 aisa koi kahi nahi ja sakta bhai jiska dakdir mai jaha hoga wohi usko kam milega
more questions needed
Nice interview...
I don't know class component. should I learn it before giving interview . Honestly I don't want to learn that outdated thing. Can I ask the interviewer to provide or write myself Function based component
you left out the backgroundColor value as a literal string 😉
There are some more mistakes, but interviewer got my point 🙂
After all these if anybody is not selected it's total waste of time..
Sir you got this job..and yes what courses you do..plz suggest i am doing full stack developer...
TH-cam + Udemy Premium courses
@@TheReactGuy yes sir but konsa course..name of that course
@@Stock_Marathii do you need any help
A candidate with fake experience speaks better than this person..
Has anyone asked your opinion bro?
For what package you applied?
not many react questions, real interview will be much harder than this
what was the package you got ?
tell a range if you dont want to disclose
nice video bro...
If this is the interview I ll be Frontend Lead at Cognizant then 😂
how you have changed the voices. Are you using any software?
I can guarantee the CTC would be around 3-4 lakh it was so easy that if someone wake me up around 1am still I would be able to answer it
Okay sir 🤧
this is same video on different channel
Welldone
damn this round is so fricking easy, why don't i get interview like this 😥😥
Depends on the interviewer vro
@@TheReactGuy - me too not this luck got
be regular if you want to grow
Vro this interview uploaded by dev.raoshan actually, you have just edit the voice and uploaded it.. Don't copy vro🙂
Can I have interview videos or questions and answers for backup tools
Is it mandatory frontend developer also work with backend ?
No it's not, it depends on your contact details
They offer laughable salaries... feel so bad for developers going through multiple interview rounds... for chump change. Shame.
I noticed you are directly telling " i don't know definition but i will give examples " everytime. Is that acceptable will they take inn ?
In place of I don't know use I'm not sure
@@utpalrongpee4025 he said , " i don't know it's exact definition but i can give examples"
@@manideep_talampally I m not sure about the definition but for example .... / I don't know sounds negative
are wo bande ko experience hai usko sab kuch practically pata hai fresher's ko definitions yad rakhna padta hai..😅
@@anonymouskunal2748 even I'm also asking for experience interview only chimtu .jera calm down.
Thanks
you give global and local variable example instead of closer...
nice interview , thanks for sharing the video
I have done graduation in cse but hate coding...then which field should I chose? Pls guide me
- Scrum Master
- Digital Marketing
How much they pay for this job if you passed this interview
What is your CTC?
Having 3 yr of experience still trouble in many times
Not all are same. He maybe worked on another tech and trying to shift
Or he only got less exposure on react and worked on something else.
Koun banega crorepati questions
Make more videos like it, Thanks a lot.
is this is BU Interview?
I think interviewee explained some topics very less
Bro have you changed voice of audio?
I ask same question today to my candidate in mock😂
Share the next round
Is this Fresher Level Or Experience Level ??
Experience level
@@vaibhav.v6403Ok. Today's i interviews are seems look like no difference between fresher and experience levels.
@@narendra3385 no fresher level I though we didn't get any task from the interviewer. They just ask us basic questions. On react.js or javascript but in this interview, I found the interviewer asked so basic questions on css3 ,and Html5
im not satisfied with answers
Do they ask dsa question?🤔
this video is copied video of roshan dev . Make your own videos
70% basic questions
Is this really CTS interview?
What was the ctc I mean an approx value
for how much package
closer is completely wrong
what is the package
Joghonno company
For which experience level for this interview for?
2+ Exp
is it necessary to know class based react components for jobs? because I only know functional way of doing it.
Yes you should have understanding of it atleast.
@@TheReactGuy
Bhaiya btech 2023 me pass out honge can a get a job without DSA As react js developer please reply bhaiya mere paas time bahut kam hai please 😭😭😭😭
@@bhai14hoursconsistent yes but product based nahi milega, service based per try karo
Any update 😊@@bhai14hoursconsistent
lol this video is stolen from dev roshan
Yes, they do change the voice so that it is not copyrighted. tsk
What is salary??
Peeche cooker ki ghanti 🔔 baj rahi hai 12:20 pe….. kya ban raha hai 😅😂
Chawal
your permanence..Fully Overaction..Thatsfy..Job Biscut
hunty!
1 thing want to know did u got selected
very basic questions asked
Package?
Is this real interview ?
How you guys are recording 😂
Hi can you share the link which you have applied for react js developer in cognizant.
Their Career website
What is this? We cant even see whose talking.