Fresher's Frontend Interview | HTML, CSS, and JavaScript | ProCodrr Mock Interviews

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:31 Deepak Patel's introduction and web development experience
04:02 Semantic tags provide meaning and help in SEO.
10:57 Understanding display property and box sizing in CSS
17:23 Understanding CSS specificity and selector hierarchy
23:55 Arrays in JavaScript are actually objects
27:07 Understanding the incorrect type labeling in JavaScript
33:27 Variable scope in JavaScript
36:25 Variables are initially undefined and hoisted above the function scope in JavaScript.
44:42 Creating a basic HTML and JavaScript project from scratch
55:24 Tips for performing well in a machine coding round interview
1:05:53 Prepare for interviews by practicing and creating projects
1:08:20 Prepare with ES6 concepts for interviews.
Social Media
🌐 Telegram: t.me/procodrr
🌐 Linkedin: / anurag-singh-web-devel...
🌐 Instagram: / procodrr
🌐 Twitter: / anuragsinghbam
🌐 Portfolio: anuragsinghbam.com/
Music by geoffharvey from Pixabay
#react #procodrr #webdevelopment #mockinterviews #frontendinterview #javascriptinterview

[@socialguru824]

This is how frontend interviews goes.. thanks bhaiya for sharing, i have interview in upcoming 5 days

[@procodrr]

Awesome, I'm glad it was helpful. Keep learning and sharing 😊

[@owannn]

kaisa gya

[@jaadoo3591]

Bhai kaisa Gaya jaldi bata

[@socialguru824]

@@jaadoo3591 acha gya bro..🫡

[@NCoder03]

Acha ni gya hoga reply ni diya vo

[@tpadma7419]

00:31 Deepak Patel's introduction and web development experience 04:02 Semantic tags provide meaning and help in SEO. 10:57 Understanding display property and box sizing in CSS 17:23 Understanding CSS specificity and selector hierarchy 23:55 Arrays in JavaScript are actually objects 27:07 Understanding the incorrect type labeling in JavaScript 33:27 Variable scope in JavaScript 36:25 Variables are initially undefined and hoisted above the function scope in JavaScript. 44:42 Creating a basic HTML and JavaScript project from scratch 55:24 Tips for performing well in a machine coding round interview 1:05:53 Prepare for interviews by practicing and creating projects 1:08:20 Prepare with ES6 concepts for interviews. Crafted by Merlin AI.

[@gamericon610]

really this is an AWESOME stuff provided by YOU , MAN

[@AdarshSingh-hm8ss]

9:15 - The question was why we can set height on img tag? So basically simple answer to that is img tag is a replaced-inline element. - So what are replaced-inline elements? An element whose content is outside the scope of the CSS formatting model. They appear to "inline" inside inside the browser and are treated as inline-block. Replaced elements often have intrinsic dimensions: an intrinsic width, an intrinsic height, and an intrinsic ratio. - Then what are intrinsic dimensions? The term intrinsic dimensions refers to the set of the intrinsic height, intrinsic width, and intrinsic aspect ratio (the ratio between the width and height), each of which may or may not exist for a given object. Hope that helps thank you🙏

[@Sameer-codes]

Video and even comment sections are very informative Thanks for the rich quality content

[@procodrr]

I'm glad that you liked the content. Keep learning and sharing 😊

[@satendrasingh7998]

Very Good initiative

[@NishantDavid-wg6gt]

Great sir you're doing extremely good things for everyone who are in the field of learning code and I also one of them I'm learning front end developer course from youtube . I learnt lot of things from the KZbin . What all is done in this field I'm happy to see your video Love you from deep of my heart Keep this channel going on don't let it stop sir because. Don't have enough money to get admission for this course in college so this kind of videos are boon for me....... 😊😊😊🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏

[@procodrr]

That's what my goal is. If someone wants to learn frontend development they don't have to worry about expensive courses. If you have will power and commitment you can do it. Keep learning and sharing 😊

[@maxnigaming4943]

Thanks bhaiya ❤

[@suhailramzan6949]

This is really good for students so after watching this video i felt really happy and I'm just learning now i completed HTML and CSS now going for JS but still i was able to answer some of the questions of js and after completing js comfirm I'll apply for mock interview here

[@procodrr]

Sure, you can apply when you are ready.

[@sakshamjain2746]

Wow Bhaiya, very nice initiative 👏👏👏👏👏👏

[@procodrr]

Thanks you, keep learning and sharing 😊

[@arvajkhan683]

Semantic tag SEO k liye use hote hai bhaiya

[@lovishduggal9064]

Thanks!!

[@aditya-d-]

for SEO bro

[@ajayrathore2398]

Great sir...

[@ZeeshanElia]

Superbbbbbbbb

[@ranjan_kumar_]

This is very useful for us. Maine aapse pura javascript sikh liya hu koi doubt nhi aaya sab samjh aa raha tha lekin React to jara sa bhi nhi samjh me aa raha hai 🙄

[@procodrr]

Starting ke 4, 5 videos difficult honge uske baad sab easy hai. Waise agar JavaScript ki practice sahi se kiya hota to starting ka bhi samajh aata.

[@sunnytechnologies]

Good

[@abhishekchaurasiya2826]

Next Sunday Sir, Mera kriye. I am ready to given Interview

[@procodrr]

Google form bhar do, zaroor karenge tumhara interview.

[@1-MinuteCraftsYoutube]

40:18 said okay!, just like the mee 😂

[@mrkuldeep8658]

What tech stacks are expected from a fresher for a frontend role? And can raw CSS be replaced with frameworks like Tailwind & MUI?

[@procodrr]

Knowledge of HTML, CSS, JavaScript and React is the minimum requirement for freshers. You must know core CSS and it can't be replaced by any library.

[@mrkuldeep8658]

@@procodrr thanks for the reply, going to use your playlist now!

[@SIDEROPGAMING]

Bhai log ve matla ki baat me maat ayou hindi me interview de sakte ho koi problem nhi hai or haa agr aap bohot accha frontend backend aata hai to koi bhi problem nhi hai skills matter karti naki English or hindi... khuss raho.....❤

[@procodrr]

Yes, that's correct. Agar interviewer ko Hindi samajh aati ho aur us company mein English ki utni zaroorat Naa ho to Hindi mein bhi interview de sakte.

[@SIDEROPGAMING]

love you ❤️ sir..

[@Gagan.377]

Very difficult interview

[@CodeWithSumo]

real interview aisa hii hota hai kuch kuch hindi me bhi bol skte hai (interview time)

[@procodrr]

Agar interviewer Hindi samajhta hai to Hindi bol sakte hain.

[@ffcolax2281]

Hii bhai 😊

[@_sarthakmisal]

Bhai vs code ke liye favourite theme bata do

[@procodrr]

Meri favourite theme hai One Dark Pro

[@gostgamming7126]

Front end interview is easy

[@madhukarmp4626]

Sir how much package these questions are asked or like this interview is done

[@procodrr]

5 to 8 LPA

[@DevDynasty1999]

Only focus on javascript and react

[@sanatan_sanskrutI]

Anurag bhaiyya , Agar fresher ho to html css se koi design develop krne ko bol sakte h kya interview me practical knowledge test krne ke liye ?

[@procodrr]

Nahi, practical ke liye mainly JavaScript ya React mein tumhe project banana padega. Halaki agar wo role aisa hai ki jisme tumhe kewal HTML aur CSS mein kaam karna hai to waisa poochh sakte hain. Lekin aisa role kaafi rare hai.

[@sanatan_sanskrutI]

Accha

[@CodeWithSumo]

meri react me knowledge to acchi hai but meri english weak hai to kya mujhe interview nikal payega sir

[@procodrr]

50-50 chance hai.

[@honeythakur4677]

what after compeleted this interview and getting select?

[@procodrr]

This is just for practice.

[@amitpawar173]

24:45

[@AdarshSingh-hm8ss]

Mock interview ye wala Kaun si technologies ka Hai?

[@procodrr]

Video ka title dekho

[@princerawat6490]

what is answer of this que if image is inline how to assign height and width

[@procodrr]

I have explained it in this video. kzbin.info/www/bejne/gJ-8YmmEq6-Vjqc&si=zpJ4DqUnR5wFOBXU

[@BelligerentChad]

Bhai ko smjhne ke liye interviewer ko 6 mahine ki prep krni pdegi.. Bc man marzi ki English bolta hai😂

[@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

[@harshadevi982]

Hi sir, i have testing experience of 2 years.Recently i quit my job amd started learning html css and Js.Can you pls tell the road map for achieving frontend developer job as i am 2 year experienced but not in developing field

[@procodrr]

If you want to know frontend road map you can watch this video. kzbin.info/www/bejne/en2tc6ONjrKMmK8 Or you can directly start following this playlist. It has everything step by step. kzbin.info/aero/PLfEr2kn3s-br9ZFmejfLhAgMbGgbpdof8

[@harshadevi982]

@@procodrr thanks for the reply.Will check the playlist

[@Movie_ki_kahani]

Bhai mera English thoda weak hai lekin skill and knowledge bohat badiya hai to koi problem nahi aayega na

[@procodrr]

Company aur interviewer ke upar depend karta hai. Main to suggest karunga ki English ko achha kar lo.

[@aasushaikh5345]

Sir liv kal kitne baje hoga

[@procodrr]

Kal nahi, Sunday ko hoga raat 8 baje.

[@simranjeetsingh631]

How much DSA needed for frontend for 2-3 years Experience?

[@procodrr]

For 3 years of experience in frontend you should know these data structures. Array, Linked lists, Stacks, Queues, and Trees. And some basic sorting algorithms. However ever not all companies ask DSA for frontend roles. But good product based companies will ask. So it is better to learn this much DSA even if you are a Frontend developer.

[@user-rw2eg5iy1n]

Sematic tag be like ye to muje bhi nai pata ta aacha huwa bata diya😅

[@procodrr]

😃😃

[@SELEONE_GAMING]

Interview hindi me nahi hota kya

[@procodrr]

Zyadatar English mein hi hota hai. Kabhi kabhi Hindi mein bhi ho sakta hai.

[@factcinemaaa]

Sir aap mera kra dijiye interview esse youtube pr sb dekhenge aur unko idea hoga bahut ye interview mere saath jrur bhaiya jrur

[@procodrr]

Google form fill Kiya?

[@factcinemaaa]

@@procodrr yes sir Name -Anup kumar

[@uk02gaming84]

Sir backend ka dena chahta hu java ka de skta hu kya

[@procodrr]

Nahi Bhai, main JavaScript wala hoon 😀

[@uk02gaming84]

Sir job m rkhlo job nhi mil rhi h​@@procodrr

[@saarimsaifi4624]

selected and getting 10lpa in BDA but still not satisfied 😅 .

[@factaman07]

😂

[@mddilnawazalam5306]

can you schedule interview with me.

[@procodrr]

Sure, we'll schedule your interview.

[@bookreader3801]

Ajh mane bhi apka content dekh kr Chanel subscribe kr diya

[@procodrr]

Thank you, keep learning and sharing 😊

[@abhishekchaurasiya2826]

Sir, Real me fresher ka esa hi interview Hota hai

[@procodrr]

Haa, Bhai ek time par mera bhi interview aisa hi gaya tha.

[@user-wn9co5ul9r]

Kya hindi use Kar sakta ha esss taraha

[@procodrr]

Depends on the interviewer and the company. If they are ok with Hindi then you can use it.

[@views-re2om]

42:26 moye moye 🤣🤣🤣🤣 god damn this was tough question lol

[@procodrr]

Yes, that was tough 😀

[@madhukarmp4626]

What's the reason can u explain

[@chetankumar9463]

​@@madhukarmp46261second ka timer esliye console.log ko at least 1 second wait krna hai, but tab tak loop wait nhi karega. Loop will completely run before 1 second is finished. Tab tak i ki value badh kr 4 ho chuki hogi. So after 1 second console.log will run with the current value of i which is 4.

[@kaushikbora2728]

​@@madhukarmp4626 settimeout is async so the loop already executed before settimeoit got executed. And because of i++ the last value was 4.. Maybe.. Not sure😢

[@views-re2om]

@@kaushikbora2728 bro that var doesnt have block scope it have function scope , if you use let - it will print 1 2 3

[@azheruddin754]

Html -> html is stand for hyper text markup language it is not a programming language. and and html is backbone of web development. Use of html -> html is used for creating a description or skeleton of web page html describe the website. for example suppose we building a simple homepage and for these we have to describe hyper text like header , section and footer Semantic and non semantic tag-> Semantic Tag are those tags which have a perfect meaning, A meaning full hyper text are called semantic tags[ Header,footer,sidebar,navbar, section etc are called semantic tags] Non semantic tag are those tags which is not have meaning for example div span etc Why we use semantic tags not div tag? Sir I am not have perfect answer but when I write the code with div tag then code is so massy and confusion is created which div where is close . But when semantic tags are use then our Skelton is meaning full readable and maintainable and there is no confusion Diffrence between div and span When I use div then it take whole width of screen but when I use span it not take full width it take only specif with with content need Div is block elements which block the whole screen But span is inline it take width which content need Here HTML is completed....😊

[@procodrr]

Tumne to poora HTML hi padha Diya 😀😀

[@azheruddin754]

Aap interview le sakte hoo mera

[@PrakharGGautam]

Sir I want to give You interview for web developer job

[@procodrr]

Sure, did you fill the Google form.

[@PrakharGGautam]

@@procodrrwhich form

[@codebuddy5633]

Sir you charge fee for interview

[@procodrr]

No, it is free.

[@gamingf6421]

Bro, he is earning through adsense by uploading react interview videos.

[@React_Dev_YT]

bro agar english ziyada nahe ati ho to kya job mil jayegi????

[@procodrr]

Mushkil hai.

[@React_Dev_YT]

@@procodrr bro front end to complete ho gaya hai to ap front end par interview ke questions and answers ki videos upload kare takey interview ko crack karne mein asani ho.. please

[@procodrr]

Sure

[@React_Dev_YT]

@@procodrr bro jitni jaldi ho sake upload kare please

[@weapon-x9568]

😅

[@m4minnat970]

How many member's interview in this video

[@procodrr]

1 member

[@dinot-rex3524]

Why you using old keyword like var ?

[@procodrr]

We don't use var keyword why writing code but we should know the difference between let and var. And it is on of the most asked interview questions in JavaScript.

[@fahadassiry224]

Lmfao!!

[@ayushsuryawanshi5985]

not a professional candidate

[@procodrr]

Off course, he is just a fresher. Still learning and he is my student that's why he is very comfortable and excited with me.

[@user-jh9oq5ub5o]

bhai wooh pakka fail he

[@SaveAndGrowwww]

for(var a=0; a{ console.log(a); },1000) } Answer will be:- 3 3 3 But how?

[@MadhumithaRamalingam]

0 1 2 right