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

Participate in GeeksforGeeks Three 90 Challenge: bit.ly/3J8eIRK
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
Social Media
🌐 Telegram: t.me/procodrr
🌐 Linkedin: / anuragsinghbam
🌐 Instagram: / procodrr
🌐 Twitter: / anuragsinghbam
🌐 Portfolio: anuragsinghbam.com/
#react #procodrr #webdevelopment #mockinterviews #frontendinterview #javascriptinterview

[@procodrr]

Comments padhkar jyada time mat waste karo. Jakar kuchh padhai wadhai karo, developer webloper bano. Ye rahe hare saare free courses. The Complete JavaScript Course: kzbin.info/www/bejne/b4GcmWiebtB1o7c The Complete React Course: kzbin.info/www/bejne/laO3dK2unJuJo68 Complete Frontend Course: kzbin.info/www/bejne/nJSVkquKgNJnptU The Complete CSS Course: kzbin.info/www/bejne/Y6Cok3SjiMaqbck Redux Full Course in Hindi: kzbin.info/www/bejne/eJqVcmRuZdt0jLM

[@anchalsingh7289]

Bhaiya comment padhne mai jada maja aata hai 🤭

[@procodrr]

@anchalsingh7289 Theek hai to pahle comment padh lo uske baad JavaScript padhna.

[@marvelliciousedits998]

@@procodrr sir where is the link to submit form for interview ??

[@anchalsingh7289]

@@marvelliciousedits998Link in the description

[@ahsanraza1203]

or ap humara time waste nhi karo or apna ya bazar yaha nah lagao

[@mobilepiano8018]

She need to learn more but she is young and having enough time to learn.. its good to see she is preparing for a job at this age.

[@hemantgupta132]

how do you know her age ?

[@user-tw5jz5dv9t]

Node js or express js pe course banao

[@harshrana3012]

Bro she just looks young

[@DProgram-xb9pp]

Bro she is in 20s How she is younger

[@sds8512]

Bro below 25 is young st fu

[@44chan68]

why do we use HTTP :? it's a protocol that allow a client to communicate with a server with request response architecture

[@nickoteen4550]

It works on port 80. Which can be a vulnerable port as it can reveal get and post requests

[@izainonline]

Love her Confidence to give intetview thats important. Whoever who doesnt give interview are worst than her.

[@fouzanop1208]

Damn bro chill

[@gopeshkumar3764]

@@fouzanop1208 yes bro CHILL IS MOST IMPORANT THAN INTERVIEW

[@user-jw5bl9iu7n]

Worse*

[@gopeshkumar3764]

@@user-jw5bl9iu7n 🤡🤡🤡

[@bharatraj1560]

u r using word "worst" which represent a very strong emotion, some people are not confident due to some insceurities and after reading your comment they will feel more incofident, please use your words wisely. You can write motivating comments as " whoever who doesn't give interview should learn from her"!!!

[@Karma-back08]

Just popped on my feed. i learnt a lot with this. Thank you Guruji

[@raohammadraza7056]

I learned a lot from this interview I knew things but I didn't understand how to ask about it thank you very much sir I pray from my heart may Allah bless you, keep it up its a good job yes thank you

[@hayatuddin2583]

I think she is very new in learning path 😊. So best of luck for her

[@sanatjaiswal3014]

Q.what is function? a set of statements that performs a task

[@pushpendra_Bhardwaj]

Its my daily routine to watch at least 1 video before go for sleep ❤❤

[@sathwiknayak6700]

00:27 Basic concepts of HTML, CSS, and JavaScript 03:46 HTML loads first, followed by CSS and then JavaScript. Difference between elements and tags explained. 10:32 Different types of selectors in HTML and CSS 13:47 Using !important in CSS 19:56 Variables in JavaScript can be declared and initialized at the same time 23:00 JavaScript has global, local, and block scopes 28:25 Setting up HTML, CSS, and JavaScript files for an interview mock 33:09 Debugging JavaScript code for console log output 40:54 Understanding the use of return keyword and for loop in JavaScript 47:05 Striving for exact center and proficiency 54:18 Improvement Suggestions for HTML, CSS, and JavaScript 56:37 Giving more interviews will boost confidence.

[@kyzakplays]

bhai interview hain ki pura course he sikha diya 💀💀

[@jaganshorts6189]

Bro you are great👍

[@learner801]

Wow sir! This video is very valuable for freshers like me! Learning web dev along with preparing for interviews is such a great thing! I'm so lucky to find this video! Thanks so heartily sir!

[@subhashjha8748]

don't get discouraged, give your best and practice hard. all will be good in time.

[@rakesh79570]

Continue this type of interview, thank you sir 😊

[@Scripts_with_ashu]

Specificity order in css selectors low to high 1 * 2 is elements selector no 3 class selector then I'd selector then inline style then !important ! important

[@manish6801]

You are doing great, Aditi. Keep it up. One day, you will rock.✌✌

[@thegamechanger9124]

For your patience & understanding, u got a subs mr.interview. By the end of this year, I will be one interviewed by you sir.

[@ayanhussain7126]

Bhai ldki m himmat jo yaha aakr interview diya baki log to bolte rhege but face krna bht mushkil hai

[@luxurytravel5516]

Thanks for supporting her

[@AbhishekSingh-uv7ol]

your video helped me a lot in frame the answers. Thank you sir. Need some more Interview videos on backend.

[@harshmishra061]

I also have filled the form. Comfortable in C, C++, HTML, CSS, Javascript and Angular.

[@dash0410]

randomly popped into my feed and my communication skills are somewhat like hers, But still, she managed to answer questions the best she could. Eventually, we will get better. Learned a lot, thank you for the video 😀

[@Faiqa-Abbas]

They are so helpful Sir! Thank you so much!

[@suraj-ht3su]

We need this type of video❤

[@vrishbhansingh2597]

Thanks for this video sir , We need more videos like this so that we know what we need to prepare for our interview. Also add interview videos for backend and full stack .Thanku ones again sir

[@khansab-vi8yx]

Appreciate the patience of interviewer

[@Nomi-official23]

😂😂

[@phoenixgaming3045]

Yeah 😁

[@jyotsnavangepuram1890]

Yeah exactly 💯

[@Compute_with_mks]

What is semantic tag ? That tags define the meaning of the content they contain. For example , ,

[@ananyaguin7130]

Thank you so much Sir for this kind of free interview

[@sundar0727]

This interview give me Confidence how to face it and how to explain it also we are strong are not it basic up only but you should face it confidence if you select or not matter if you facing confidence it matter Thank a lot for two people Your dreams come true and you will achieve big

[@NeedToKnow.]

Her reaction was precious after every question that was being asked

[@Logicistan]

Sir ko level pta chal jata h bachho ka isi maare questions hlke fulke kr diye great !❤

[@Saurabhsingh-xo6bp]

! Important keyword have the highest priority for styling an element or we can say that style must be applied

[@baneshkad1282]

she is look so sweet 😍...the way of she smiling just like💗..hayee ye kitna pyarai hai😻

[@AhmedAli-qy7dk]

Thanks for making such important videos, I really like such information videos, I appreciate to your work and knowledge thank you.

[@Bad_Agent]

Javascript interview needed....

[@anupamkumar5982]

Don't worry sister... You are going to rock... Just keep practicing keep learning

[@baazracer8743]

Bahut badhiya learning about web developer job

[@Listen_It_Up]

Thanks for this interview sir, I am very tensed for my interview prepartion and after seeing this video my all stress in clear because I have made too many projects I have get more than average knowledge, I think getting a job is easy for me

[@ohiogozaimasu]

Bhai dekhte hai

[@kunal4536]

ho gaya interview?

[@Listen_It_Up]

Nhi bhai college ka last semester hone me time hai, uske bad apply hi krne walal hu sidha. @@kunal4536

[@aer0449]

wow this was awesome

[@yuvrajverma4318]

it feels more like a quiz than a interview. But got my knowledge and concept revised.

[@SanatanAj07]

Sir aap yesa hi interview ke video upload krte rahiye bhut kuch sikhno ko milta hai

[@44chan68]

why do we use html to describe documents to the browser

[@Travels2tech]

bhai kya soch ke ye video uplod kiye h sir app... chalo hamara man to khus huwa madam ko dekh ke,,

[@aviksain]

Bro used 100% of his brain in the thumbnail

[@burhanbohra4662]

Although I was not aware of the full form of HTML at that age, I am now earning more than 4 lakhs per month. What I want to convey is that you have a lot of potential. Do not be discouraged by the comments here and demotivate yourself. You will achieve great success in life if you continue to learn and work hard.

[@procodrr]

💯 percent true. If you don't know something today doesn't mean that you'll never know. Just keep learning 👍

[@user-vj8vl8yt6q]

Which company you are working? Which technology? Experience ?

[@burhanbohra4662]

@@user-vj8vl8yt6q Working in Mphasis with over 5.5 years of experience, Full stack developer React + Node +Java

[@Itzsuryaa]

@bolegauser-vj8vl8yt6q Ab nahi bolega vo

[@rohineebhuktare8135]

I love you❤.. Mee engineer asun software engineer banayla ghabart rahile.. tumhi engineering n krta engineer bnun dakhvl.. Huge respect 🙌.. I hope one day I can defeat my fear too🤞

[@LeelaGanapathiSagarapu]

tq for showing information . its gives a lot of information to me

[@VIKAS-fm5un]

Thank you bhaiya

[@alonesta1167]

sistor koi na you done well and definetly you will improve yourself best of luck 👍🏻

[@BkumarProf]

I'd like to do Nodejs backend mock interview just to get some refresher based on my knowledge and learn more

[@Er_IT_prashantjha]

Muje bohot achha laga ye video dekh k.

[@rabbit10001]

We use meta tag to make web page more visible ❤

[@virtualgamming1671]

display: flex; justify-content: center; align-items: center; margin: 0 auto;

[@nawaraj.karkee]

Would love to see some Fresher's Python mock interviews as well, and not the fresher's who have worked on some field for multiple years, have great communication skills, looking to switch careers, but fresher's being undergraduates, or new graduates, who don't have much interview experience, and none professional experiences, so that we can relate the interview and give the interview along with them. And really love her communication skills, and the confidence.

[@rasmisahoo6294]

Sir you are doing well please add backend interview also

[@JAWADKHAN-nt9gk]

i m glad to see tht u can reply all the student questions good very good

[@procodrr]

Thank you 😊

[@JAWADKHAN-nt9gk]

@@procodrr sir can u tell me about which language is perfect for backend for future because i learn html css and JS and i just built a normal project i mean not soo big but a its good

[@procodrr]

Node.js or Java

[@JAWADKHAN-nt9gk]

@@procodrr Thanks Boss🫡🫡🫡🫡🫡🫡Thanks a lot i became a fan of you❤❤❤❤

[@44chan68]

http vs https use use tls encryption to encrypt request for security purposes

[@khushalverma9199]

top: 50% left: 50% transform: translate(-50%,-50%) For making any element or content in center of WebPage.

[@indian-shorts9215]

Display flea justify-content:center align items center

[@user-vj8vl8yt6q]

Is there any need of transform

[@Rishabh_webDeveloper]

Batane ka tarika thora casual hai

[@047princekumar5]

Bro position:absolute;😂

[@Atsumuedit]

display:grid; place-content:center

[@ashutosh_code]

after watching this my confidence is on space

[@Krishnapriya_2024]

Same here

[@ritiktrivedi8780]

Amazing 🎉

[@nooralam-bz2ds]

She is cute ❤ when answering looking very cute ❤❤

[@ashubanna6685]

Give me a chance to give interview...i am learning this technology since last 6 months...and now i just need confidence..which will come by given such interviews....please sir 🎉🎉

[@webarrays]

hayeeeeee kitni osammmmmmmmm hy yarrrrrr

[@Krishnapriya_2024]

Couple of day go i got to know about you sir , before that I am searching on KZbin javascript course and learning from there . Now I am going to start from your course. Question paper is very helpful for me as I am new into programming world I also want to give interview.what i have to do???

[@Ankitgoswami-vy3ry]

sir ap ka podcast me bhi ata hu thode time me abhi javascript concept shikh rha hu milte hai bhaut jald sir...ye podcast muje bhaut acha lega or bhaut kuch shikhne ko mila ..❤

[@procodrr]

Zaroor aana, waise ye podcast nahi interview hai.

[@Ankitgoswami-vy3ry]

yes sir i know @@procodrr

[@motivateyourself212]

The candidate has average knowledge of HTML, CSS, and JavaScript, and needs to focus on improving their understanding of fundamental concepts, especially in CSS and JavaScript. They should practice explaining concepts clearly and prepare questions to ask the interviewer. Key moments: 00:46 The interviewee introduces himself as Adi Singer, a Java developer with average knowledge of HTML, CSS, and JavaScript. The interviewer starts with theoretical questions on HTML, CSS, and JavaScript. -Adi Singer introduces himself as a Java developer with average knowledge of HTML, CSS, and JavaScript, currently undergoing training. -The interviewer plans to ask theoretical questions on HTML, CSS, and JavaScript, followed by output-based questions and a small project. -The interview starts with questions on HTML, including the full form of HTML, HTTP, and the order in which HTML, CSS, and JavaScript load on a webpage. 07:20 Understanding the differences between block and inline elements in CSS is crucial. Block elements take the width of their parent, while inline elements take the width of their content. -Explanation of block and inline elements in CSS. Block elements occupy space in a block format, while span elements are inline level elements. -Difference between block and inline elements. Block elements can occupy space in multiple rows and columns, while span elements only take space in a single line. -Discussion on CSS selectors and specificity. Understanding the order of preference: element, class, and ID selectors, based on specificity values. 14:02 Understanding CSS concepts like important, position properties, and flexbox is crucial. In JavaScript, knowing about single-threaded nature, data types, and variable creation using let, var, and const is fundamental. -Importance of CSS concepts like important, position properties, and flexbox. Knowing when to use them enhances web design skills. -Significance of understanding JavaScript's single-threaded nature, different data types, and variable creation using let, var, and const. These are foundational concepts in programming. 20:42 Variables in JavaScript have different scopes like global, local, and block scope. Understanding these scopes is crucial for defining and using variables effectively in JavaScript. -Different scopes in JavaScript include global, local, and block scope, each impacting how variables are declared and accessed. -The concept of functions in JavaScript is essential for executing specific actions based on user interactions, like displaying pop-ups or handling button clicks. -Distinguishing between parameters and arguments in functions is crucial as parameters are placeholders in function definitions, while arguments are actual values passed to functions. 27:23 The video discusses the concept of DOM (Document Object Model) and practical coding exercises in JavaScript. It emphasizes understanding DOM manipulation and output prediction through code execution. -Explaining the use of DOM for data retrieval from elements, classes, and IDs in web development. -Guiding on setting up code files, connecting JavaScript to HTML, and testing code output. -Instructing on modifying code to achieve desired output, focusing on console log statements and code adjustments. 36:25 Understanding the 'return' keyword in JavaScript functions is crucial. It dictates what the function outputs and must be used inside the function only. -Explaining the importance of the 'return' keyword in JavaScript functions and its role in determining the function's output. -Guidance on using 'for' loops in JavaScript to perform operations on arrays, like summing numbers. -Practical application of CSS by creating a box with specific dimensions and styling, then centering it on a webpage. 45:31 The speaker emphasizes the importance of understanding and explaining concepts to succeed in interviews. Practice explaining concepts as if teaching someone else to improve understanding and communication skills. -Importance of understanding and explaining concepts in interviews. Practice explaining concepts to improve communication skills. -Focus on fundamental concepts of CSS and JavaScript. Improve knowledge of semantic tags and attributes in HTML. 54:36 To improve, learn fundamental concepts beyond JavaScript, watch more videos, practice CSS, and prepare questions for interviews to enhance communication skills and confidence. -Emphasizing the importance of practicing CSS and writing code while watching lectures to enhance learning. -Highlighting the significance of preparing questions for interviews to demonstrate communication skills and confidence. -Encouraging continuous interview practice to build confidence and improve communication skills over time.

[@pankajSDG]

thank you

[@mdwasif6344]

Good knowledge

[@theedit9028]

Sir can you please tell , what is the syllabus kind of thing where question can come in interview???

[@shivamsingh44906]

Waise mai programming background se nhi hu fir bhi video acha lg rha hai😂😂😂

[@unique__naxeer9164]

I can say she’s still newBie. Put more effort and learn

[@GamingXYT]

ye to badre basic h agar itne basic hote questions to sab ki job lagri hoti

[@Cake-bz5bf]

Sab thumbnail ka khel hai😂

[@inlifeuday]

its 3:20AM in the morning and me watching this interview .......

[@name_trapper]

I am a student of bsc it and...I'm persevering bscit from G.D. Jalan college which is affiliated to Mumbai university... And sir i got 8.90 cgpa in my semester - 1 examination... So, now I'm thinking that to do a job for exploring more myself and learn new new technology and experiencing many more things.... Sir, I hope you'll give me a chance to give my best to you and your company...

[@Scripts_with_ashu]

👉How to centre a div inside another 1 Margin 0 auto 2 display grid place items centre 3 display flex align-items center justify content center 4 position absulute to child elem and top 50% left 50% transform translate (-50% -50%) 5 display grid align items center justify content center

[@ar-www456]

4th one should be translate(-50%,-50%);

[@premmourya7060]

in sb k liye parent ko ek enough height required hai , other wise koi sa bhi kaam nahi karega

[@premmourya7060]

@@ar-www456 ha position k sath karega

[@KING-zo8hj]

Because of this video i am feeling genius 😂

[@Aritra0701]

This girl is not enough ready... Most of the answer are wrong..

[@DeepakKumar-km6lt]

She don't know much about web development, where ever she stuck or confused she blushed 😅

[@sarkina962]

Thanx alot sir, for providing some info about answers if candidates not able to... Through this, candidates also get some idea and your subscribers too... eg: like specifity, scope etc.... Thanx alot❤

[@user-rq9nc9ld6u]

Beautiful front end hai bhai 😅😅😅

[@arjunprajapatt]

sir are you also providing job guidance or something like that, do you provide the referral for more learning like internship. Sir I would also like to give mock interview to make myself prepare for f2f interview.

[@dreamcoder6256]

Oh Nice I am also from jabalpur Madhya Pradesh Nice Aditi

[@danishalbela4900]

nice interviews

[@ranjithcasey5058]

04:49 yeah, it was beautiful to see 🤥💜

[@_mukumemories]

Good and nice confidence sister… If you need any help then you can reply on this comment 👍🏻

[@Satyamrecats]

Very helfull

[@mauu538]

Thank you for this video. Ye dekh ke muje lag raha hai muje abhi bohat padhna hoga. Ye questions ke answer bhi nhi kr paungi, padha to sab h per yaad to kuch nhi. 🙇🏻‍♀️ padhna padegaa abbb muje

[@procodrr]

I'm glad this video was helpful 😊

[@Khantariq_077]

Same 😢 Html k que to palle pade h but CSS se samjh hi na aaya 😢 ..bhut pichhe hai 😢

[@prashantbhardwaj9319]

today is my interview that i watch it

[@arvajkhan683]

Ye video to viral m jayegi gurudev ❤❤

[@tariqahmed2526]

Samjh raho samjh rahe ho na😂

[@arvajkhan683]

@@tariqahmed2526 😎😎

[@premmourya7060]

ho gai arvaz bhai 😂

[@lazy-hero.]

Mmm i also didn't know some of the questions... But i can make any type of web page frontend ... I don't memorize the code i practice different things practically

[@asap1309]

The way she blushes 🫡

[@toxicgamer6751]

demm her smile says everything T_T

[@user-ok3dv4yt4k]

Will you upload today's Qna video or not?

[@tusharsahu8831]

bhaii eyes k niche dark spots dekho ,, diidi ne raat bhr mehnat kiihh

[@ankitrajputboy138]

Sir kya mai hindi mai interview de skta hu kya maine html css javascript kr liya h.. Or backend mai node js express js or mongodb kr liya h

[@PROTECHRAHUL]

Do a crash course on angular 17

[@tariqahmed2526]

Sir plzz give me chance I have filled the form I know html css and JavaScript and also react

[@sudipshrestha4346]

what is the benefit? Why should i attend for interview here?

[@user-jp9mn7rk4q]

Are all these type of questions asked in interview? Sir

[@shambhuartstudio4672]

I am very confused as to why only this video has so many views, if anyone knows please tell me.❤

[@swfh3542]

What's the salary package of a fresher in reactjs?